.tankstrap-measure{display:block;margin:2rem 0 .4rem;padding:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.tankstrap-measure.has-error{border-color:#dc2626;background:snow}.tankstrap-measure__head{display:flex;align-items:center;gap:1.2rem;margin-bottom:.8rem}.tankstrap-measure__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;background:#f3f4f6;color:#111827}.tankstrap-measure__eyebrow{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;line-height:1.4}.tankstrap-measure__heading{margin:0;font:800 2rem/1.2 Roboto,Helvetica,Arial,sans-serif;color:#111827}.tankstrap-measure__help{margin:0 0 1.4rem;font-size:1.5rem;line-height:1.5;color:#4b5563}.tankstrap-measure__modes{display:grid;grid-template-columns:1fr 1fr;padding:.4rem;margin-bottom:1.4rem;background:#f3f4f6;border-radius:999px}.tankstrap-measure__mode{position:relative;cursor:pointer}.tankstrap-measure__mode input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.tankstrap-measure__mode span{display:block;padding:.9rem 1rem;border-radius:999px;text-align:center;font-size:1.5rem;font-weight:700;color:#4b5563;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.tankstrap-measure__mode input:checked+span{background:#fff;color:#111827;box-shadow:0 1px 3px #00000024}.tankstrap-measure__mode input:focus-visible+span{outline:2px solid #047857;outline-offset:2px}.tankstrap-measure__field{margin-bottom:1.2rem}.tankstrap-measure__field[hidden]{display:none}.tankstrap-measure__label{display:block;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:#111827}.tankstrap-measure__req{color:#dc2626}.tankstrap-measure__control{position:relative}.tankstrap-measure__input{width:100%;min-height:5rem;padding:0 4.4rem 0 1.4rem;font-size:1.8rem;font-weight:700;color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;-moz-appearance:textfield}.tankstrap-measure__input::-webkit-outer-spin-button,.tankstrap-measure__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tankstrap-measure__input::placeholder{color:#9ca3af;font-weight:400}.tankstrap-measure__input:focus-visible{outline:none;border-color:#047857;box-shadow:0 0 0 3px #04785726}.tankstrap-measure__input.is-derived{background:#f3f4f6;color:#4b5563}.has-error .tankstrap-measure__input:not(:disabled):not(.is-derived){border-color:#dc2626}.tankstrap-measure__unit{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:700;color:#6b7280;pointer-events:none}.tankstrap-measure__result{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.2rem 1rem;margin-top:.4rem;padding:1.2rem 1.4rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.tankstrap-measure__result[hidden]{display:none}.tankstrap-measure__result-label{font-size:1.3rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.06em}.tankstrap-measure__result-value{justify-self:end;font:800 2.2rem/1 Roboto,Helvetica,Arial,sans-serif;color:#065f46}.tankstrap-measure__result-note{grid-column:1 / -1;font-size:1.4rem;color:#4b5563}.tankstrap-measure__error{margin:.8rem 0 0;font-size:1.4rem;font-weight:700;color:#dc2626}
/*# sourceMappingURL=/cdn/shop/t/59/assets/tankstrap-measure.css.map */