@layer code-components{.quantity{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;position:relative}.quantity__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border-color:var(--border-color-default);border-left-width:0;border-right-width:0;color:currentColor;font-size:.75rem;height:2.25rem;padding:0;text-align:center;width:1.5rem}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.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[type=number]{-moz-appearance:textfield}.quantity__button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border-color:var(--border-color-default);border-width:1px;color:var(--color-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;justify-content:center;padding:0;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.75rem}.quantity__button[name=minus]{border-bottom-left-radius:.25rem;border-right-width:0;border-top-left-radius:.25rem}.quantity__button[name=plus]{border-bottom-right-radius:.25rem;border-left-width:0;border-top-right-radius:.25rem}.quantity__button:hover:not([disabled]){background-color:var(--color-quinary);color:var(--color-black)}.quantity__button:active:not([disabled]){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.quantity__button:disabled{background-color:var(--color-quinary-100);border-color:var(--color-quinary-100);color:var(--color-primary-200);pointer-events:none}.quantity__button .icon{pointer-events:none}}