.quantity.svelte-cfvng4{align-items:center;display:flex;gap:1rem;width:100%}.quantity__label.svelte-cfvng4{font-size:2rem;padding-bottom:.2rem;margin-right:.4rem;min-width:5rem}@media(max-width:767.999px){.quantity__label.svelte-cfvng4{font-size:1.8rem}}.quantity__input-wrapper.svelte-cfvng4{border:1px solid #D7D7D7;border-radius:.8rem;display:flex;justify-content:space-between;padding:.6rem;height:4.6rem;width:17rem}.quantity__input-wrapper.svelte-cfvng4 input:where(.svelte-cfvng4){appearance:none;background:transparent;border:0;flex-shrink:0;font-size:1.6rem;font-weight:400;text-align:left;padding:0 .5rem 0 1rem;width:calc(100% - 7rem)}.quantity__input-wrapper.svelte-cfvng4 input:where(.svelte-cfvng4)::-webkit-outer-spin-button,.quantity__input-wrapper.svelte-cfvng4 input:where(.svelte-cfvng4)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input-wrapper.svelte-cfvng4 input:where(.svelte-cfvng4):focus{outline:none;box-shadow:none}.quantity__input-wrapper.svelte-cfvng4:has(input:where(.svelte-cfvng4):focus){border-color:#000}.quantity__buttons.svelte-cfvng4{display:flex;flex-shrink:0;min-width:0;width:6.6rem}.quantity__button.svelte-cfvng4{appearance:none;background:#f3f3f3;border:1px solid transparent;color:inherit;flex-shrink:0;transition:border-color .2s;position:relative;width:50%}.quantity__button.svelte-cfvng4:before{background:currentColor;content:"";position:absolute;top:50%;height:1px;left:1rem;right:1rem}.quantity__button.svelte-cfvng4:first-child{border-radius:.4rem 0 0 .4rem}.quantity__button.svelte-cfvng4:last-child{border-radius:0 .4rem .4rem 0}.quantity__button.svelte-cfvng4:last-child:after{background:currentColor;content:"";position:absolute;top:50%;height:1px;left:1rem;right:1rem;transform:rotate(90deg)}.quantity__button.svelte-cfvng4:hover{border-color:#d7d7d7}.quantity__clear.svelte-cfvng4{appearance:none;background:none;border:0;border-radius:50%;width:3rem;height:3rem;padding:0;position:relative;opacity:.4;transition:background .2s,opacity .2s}@media(max-width:1023.999px){.quantity__clear.svelte-cfvng4{width:4rem;height:4rem;margin:0 -.4rem}}.quantity__clear.svelte-cfvng4:before,.quantity__clear.svelte-cfvng4:after{background:currentColor;content:"";height:1px;width:12px;position:absolute;top:50%;left:calc(50% - 6px);transform:rotate(45deg)}.quantity__clear.svelte-cfvng4:after{transform:rotate(-45deg)}.quantity__clear.svelte-cfvng4:hover{background:#f5f5f5;opacity:1}