@layer code-components{.no-spinner{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.quantity{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.quantity__input{-webkit-box-flex:1;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-color:var(--border-color-default);border-width:1px;color:currentColor;display:block;-ms-flex:1 1 0%;flex:1 1 0%;font-family:var(--font-heading-family);font-size:.875rem;font-weight:500;line-height:1.5rem;padding:.75rem 1rem;text-align:center;width:100%}.quantity__input:focus{--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(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 rgba(0,0,0,0);-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))}.quantity__input-cart{--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-color:var(--border-color-default);border-width:1px;color:currentColor;font-family:var(--font-heading-family);font-size:.75rem;line-height:1rem;padding:.25rem .5rem;text-align:center;width:4rem}.quantity__button,.quantity__input-cart{display:-webkit-box;display:-ms-flexbox;display:flex}.quantity__button{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-width:0;cursor:pointer;flex-shrink:0;justify-content:center;padding-left:.75rem;padding-right:.75rem;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;-o-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;-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);width:3.125rem}.quantity__button,.quantity__button:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quantity__button:active{--tw-text-opacity:1;background-color:var(--color-primary);border-color:var(--color-primary);color:rgba(255,255,255,var(--tw-text-opacity))}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quantity__button .icon{pointer-events:none;-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-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-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.quantity__button--cart{font-size:.75rem;line-height:1rem;padding:.25rem 0;width:1.5rem}}