.quantity-selector{--quantity-selector-height: 2.4rem;--quantity-selector-input-width: 2.5rem;--tooltip-offset: calc(-1 * var(--quantity-selector-height) / 2 + 1rem);grid-template-columns:var(--quantity-selector-height) auto var(--quantity-selector-height);grid-auto-rows:var(--quantity-selector-height);border-width:1px;align-items:center;display:inline-grid}.quantity-selector__button{place-content:center;min-height:100%;display:grid}.quantity-selector__button svg{transition:opacity .2s}.quantity-selector__button[disabled] svg,.quantity-selector__button:hover svg{opacity:.65}.quantity-selector__input-wrapper{place-items:center;display:grid}.quantity-selector__input-wrapper>*{grid-area:1 / -1}.quantity-selector__input{-webkit-appearance:textfield;appearance:textfield;min-width:var(--quantity-selector-input-width);width:var(--quantity-selector-character-count, 1ch);text-align:center;background:none;transition:opacity .2s ease-in-out .2s}.quantity-selector__input:focus{outline:none}.quantity-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media screen and (min-width:700px){.quantity-selector{--quantity-selector-height: 2.7rem}}.quantity-selector--sm{--quantity-selector-height: 2.2rem;--quantity-selector-input-width: 2rem}@keyframes quantitySelectorSpinner{0%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:rotate(0)}50%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:rotate(360deg)}to{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:rotate(720deg)}}.quantity-selector__spinner{transform-origin:center;opacity:0;transition:opacity .2s ease-in-out,translate .2s ease-in-out,display .2s ease-in-out allow-discrete;animation:2.5s cubic-bezier(.4,0,.6,1) infinite quantitySelectorSpinner;display:none;translate:0 4px}.quantity-selector__input-wrapper[aria-busy=true] .quantity-selector__spinner{opacity:1;display:block;translate:none}@starting-style{.quantity-selector__input-wrapper[aria-busy=true] .quantity-selector__spinner{opacity:0;translate:0 4px}}.quantity-selector__input-wrapper[aria-busy=true] .quantity-selector__input{opacity:0;transition-delay:0s}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-quantity-selector.css.map */