.tile-calculator{display:block}.tile-calculator__group{display:flex;align-items:flex-start;gap:.75rem 1rem;flex-wrap:wrap}.tile-calculator__label{line-height:1.4;white-space:nowrap}.tile-calculator__spacer{margin:0 .25rem}.tile-calculator .quantity{height:44px}.tile-calculator__field{display:flex;flex-direction:column;gap:.25rem}.tile-calculator__field--result>.form__label{visibility:hidden}.tile-calculator .quantity.has-unit .qty-field{position:relative;display:block;grid-column:2;min-width:0;width:100%;height:100%}.tile-calculator .quantity.has-unit .qty-field .quantity__input{width:100%;height:100%;min-width:0;text-align:center;line-height:1;padding:0;margin:0;background:transparent;-webkit-appearance:none;appearance:textfield}.tile-calculator .quantity.has-unit .qty-field .quantity__input::-webkit-outer-spin-button,.tile-calculator .quantity.has-unit .qty-field .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tile-calculator .quantity.has-unit .qty-field .qty-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:inherit;line-height:1;color:currentColor;pointer-events:none;white-space:nowrap;opacity:.9;z-index:1}.tile-calculator .quantity.has-unit .qty-field:not(:focus-within) .quantity__input{color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent}.tile-calculator .quantity.has-unit .qty-field:focus-within .qty-display{display:none}.tile-calculator .quantity.has-unit .qty-field:focus-within .quantity__input{color:inherit;-webkit-text-fill-color:inherit;caret-color:auto}.tile-calculator__result{display:flex;align-items:center;height:44px;font-weight:700;font-size:1.25rem}.tile-calculator__hint{width:100%;color:rgb(var(--color-foreground)/.7);font-size:.9rem}.tile-calculator .quantity__button svg{width:11px;height:11px;display:block}.tile-calculator .quantity__button svg,.tile-calculator .quantity__button .icon,.tile-calculator .quantity__button .svg-wrapper{pointer-events:none}.product-form.tile-calculator--hide-native .product-form__quantity,.product-form.tile-calculator--hide-native .product-form__input--quantity,.product-form.tile-calculator--hide-native [id^=Quantity-Form-]{display:none!important}@media (max-width: 480px){.tile-calculator .quantity.has-unit .qty-field .qty-display{opacity:.95}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tile-calculator.css.map */