@layer code-components{.quantity{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.quantity__input{height:3rem;width:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left-width:0px;border-right-width:0px;border-bottom-width:1px;border-top-width:1px;border-color:var(--color-gray-500);background-color:transparent;padding:0;text-align:center;font-size:.875rem;color:currentColor;opacity:.8}.quantity__input:focus{border-bottom-width:1px;border-top-width:1px}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.quantity__input:focus{border-color:var(--color-gray-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));--tw-ring-color: var(--color-primary)}.quantity__input[type=number]{-moz-appearance:textfield}.quantity--sm .quantity__input{height:1.5rem;width:1.5rem;font-size:.75rem}.quantity__button{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-width:1px;background-color:transparent;padding:0;color:var(--color-black);-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;border-color:var(--border-color-default)}.quantity__button:focus,.quantity__button:hover{border-color:var(--color-primary);color:var(--color-black)}.quantity__button:focus .icon,.quantity__button:hover .icon{--tw-scale-x: 1.1;--tw-scale-y: 1.1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quantity__button:active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.quantity__button:active .icon{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quantity__button[disabled]{cursor:not-allowed;background-color:var(--color-gray-100);color:var(--color-gray-400)}.quantity__button[disabled]:hover{color:var(--color-gray-400);border-color:var(--border-color-default)}.quantity__button .icon{pointer-events:none;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.quantity--sm .quantity__button{height:1.5rem;width:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-quantity-input.css.map */