quantity-popover{position:relative;display:block}.field:has(.field__input--lg){--inputs-height: 54px;--inputs-radius: var(--border-radius-size-7)}quantity-input.field__input{--inputs-font-size: 13px;--inputs-button-size: 9px;position:relative;display:grid;grid-template-columns:33px 1fr 33px;align-items:center}quantity-input.field__input--lg{--inputs-font-size: 15px;--inputs-button-size: 9px;grid-template-columns:41px 1fr 41px}quantity-input.field__input:has(input[type=number]){padding:0!important}.quantity-popover-container{position:relative;width:143px;max-width:100%}quantity-input>*{position:relative;z-index:var(--layer-flat);border:0;background:transparent;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent}quantity-input input[type=number]{width:inherit;padding:0;text-align:center;font-family:var(--font-body-family);font-size:var(--inputs-font-size);font-weight:var(--font-body-bold-weight);color:var(--inputs-color-text);-moz-appearance:textfield}.field:has(.quantity__input:focus):before{--border-shadow: rgba(var(--inputs-border-color), 1);background:var(--inputs-hover-background);color:var(--inputs-hover-color-text);border-radius:var(--inputs-radius-sm)}.field:has(.quantity__input:focus),.quantity__input:focus{color:var(--inputs-hover-color-text)}quantity-input input[type=number]:focus,quantity-input input[type=number]:focus-visible{background:transparent}quantity-input input[type=number]::-webkit-outer-spin-button,quantity-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.quantity__button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:33px;height:100%;padding-inline:17px 7px}.quantity__button[name=plus]{padding-inline:7px 17px}quantity-input.field__input--lg .quantity__button{width:41px;padding-inline:0}.quantity__button svg+svg{display:none;width:10px;height:10px}.quantity__button svg{width:var(--inputs-button-size);height:var(--inputs-button-size);pointer-events:none}@media screen and (min-width:1025px){.quantity__button:hover svg:first-of-type{display:none}.quantity__button:hover svg+svg{display:block}quantity-input:hover input[type=number]{color:var(--inputs-hover-color-text)}}@media(hover:none)and (max-width:1024px){.quantity__button:active svg:first-of-type{display:none}.quantity__button:active svg+svg{display:block}.quantity__button.tap-highlight:active:before{top:0;right:0;bottom:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/quantity-popover.css.map */