.quantity{position:relative;width:8rem;display:flex;min-height:2.5rem}.quantity:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.quantity:before{background:rgb(var(--color-background));pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.quantity__button{display:flex;color:inherit;align-items:center;justify-content:center;width:2.5rem;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--body-text-color);background-color:transparent;cursor:pointer}.quantity__button>*{pointer-events:none}.quantity__button svg{width:var(--font-size-small);height:auto}.quantity__button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--body-text-color-light)}.quantity__button:focus{background-color:var(--primary-color);border-color:var(--primary-color);border-width:2px;color:var(--body-text-color-light);box-shadow:inset 0 0 0 2px var(--bg-color)}.quantity__input{margin:0;padding:0 var(--spacing-xxx-small);border-inline:none;border-radius:0;border:0;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none}.quantity__button[disabled]{cursor:not-allowed;pointer-events:none;background-color:var(--neutral-color);border-color:var(--neutral-color)}.quantity__button:first-child{margin-left:calc(var(--inputs-border-width))}.quantity__button:last-child{margin-right:calc(var(--inputs-border-width))}.quantity__button .svg-wrapper{width:1rem;pointer-events:none}.quantity__button:focus-visible,.quantity__input:focus-visible{z-index:2}.quantity__button:focus,.quantity__input:focus{z-index:2}.quantity__input:-webkit-autofill,.quantity__input:-webkit-autofill:hover,.quantity__input:-webkit-autofill:active{box-shadow:0 0 0 10rem rgb(var(--color-background)) inset!important;-webkit-box-shadow:0 0 0 10rem rgb(var(--color-background)) inset!important}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity__rules{margin-top:.5rem;position:relative;font-size:1.2rem}.quantity__rules .caption{display:inline-block;margin-top:0;margin-bottom:0}.quantity__rules .divider+.divider:before{content:"•";margin:0 .5rem}.quantity__rules-cart{position:relative}