quantity-popover{position:relative;display:block;min-width:0}.quantity-popover__info{position:absolute;top:calc(100% + var(--trade-hnv2-space-2));inset-inline-start:0;z-index:var(--trade-hnv2-z-dropdown);box-sizing:border-box;width:min(calc(var(--trade-hnv2-target-min) * 7),calc(100vw - 2 * var(--trade-hnv2-page-gutter)));max-width:none;padding:var(--trade-hnv2-space-4);color:var(--trade-hnv2-color-foreground);border:var(--trade-hnv2-border-subtle);border-radius:var(--trade-hnv2-radius-md);background:var(--trade-hnv2-color-background);box-shadow:var(--trade-hnv2-shadow-md)}.quantity-popover__info-button{display:inline-flex;min-width:var(--trade-hnv2-target-min);min-height:var(--trade-hnv2-target-min);margin:0;padding-inline:var(--trade-hnv2-space-2);align-items:center;justify-content:center;gap:var(--trade-hnv2-space-2);color:var(--trade-hnv2-color-accent);border:0;background:transparent;font-size:var(--trade-hnv2-type-label-size);line-height:var(--trade-hnv2-type-label-line)}.quantity-popover__info-button--icon-with-label{justify-content:flex-start;text-align:start}.quantity-popover__info-button svg,.quantity-popover__info .button .icon{width:var(--trade-hnv2-space-4);height:var(--trade-hnv2-space-4);flex-shrink:0}.quantity-popover__info-button svg{transition:transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.quantity-popover__info-button--open{text-decoration:underline;text-underline-offset:var(--trade-hnv2-link-underline-offset)}.quantity-popover__info-button--icon-only--animation svg{transform:scale(1.15)}.quantity-popover__info .quantity__rules,.quantity-popover__info .volume-pricing-label{margin:0 0 var(--trade-hnv2-space-3);padding-inline-end:var(--trade-hnv2-target-min);color:var(--trade-hnv2-color-muted-foreground);font-size:var(--trade-hnv2-type-label-size);line-height:var(--trade-hnv2-type-label-line)}.quantity-popover__info .volume-pricing-label{display:block;margin-bottom:var(--trade-hnv2-space-2);font-weight:var(--trade-hnv2-weight-medium)}.quantity-popover__info .button-close,.quantity-popover__info>.button{position:absolute;top:var(--trade-hnv2-space-1);inset-inline-end:var(--trade-hnv2-space-1);display:grid;width:var(--trade-hnv2-target-min);min-width:var(--trade-hnv2-target-min);height:var(--trade-hnv2-target-min);min-height:var(--trade-hnv2-target-min);padding:0;place-items:center;color:var(--trade-hnv2-color-foreground);border:0;background:transparent}quantity-popover volume-pricing{display:block;margin-top:var(--trade-hnv2-space-3)}quantity-popover volume-pricing ul{overflow:hidden;border:var(--trade-hnv2-border-subtle);border-radius:var(--trade-hnv2-radius-sm)}quantity-popover volume-pricing li{display:flex;min-height:var(--trade-hnv2-target-min);padding:var(--trade-hnv2-space-2) var(--trade-hnv2-space-3);align-items:center;justify-content:space-between;gap:var(--trade-hnv2-space-3);color:var(--trade-hnv2-color-foreground);border-bottom:var(--trade-hnv2-border-subtle);font-size:var(--trade-hnv2-type-label-size);line-height:var(--trade-hnv2-type-label-line)}quantity-popover volume-pricing li:nth-child(odd){background:var(--trade-hnv2-color-surface)}quantity-popover volume-pricing li:last-child{border-bottom:0}.quantity-popover-container{display:flex;min-width:0;padding:0;align-items:center;gap:var(--trade-hnv2-space-2)}quantity-popover .quantity{background:var(--trade-hnv2-color-background)}quantity-popover .quantity__rules{margin-inline-start:var(--trade-hnv2-space-2);color:var(--trade-hnv2-color-muted-foreground)}quantity-popover .quantity__rules .divider:nth-child(2):before{content:none}quantity-popover .quantity__button:not(:focus-visible):not(.focused),quantity-popover .quantity__input:not(:focus-visible):not(.focused){background:transparent}@media(min-width:990px){.quantity-popover__info{top:var(--trade-hnv2-target-min);inset-inline-start:auto;inset-inline-end:0}.quantity-popover-container{width:auto;max-width:var(--trade-hnv2-product-control-max)}}@media(prefers-reduced-motion:reduce){.quantity-popover__info-button svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/quantity-popover.css.map */