.quantity-break__title{margin:0 0 var(--gap-8);font-weight:700;color:var(--color-heading)}.quantity-break__tiers{display:flex;flex-direction:column;gap:var(--gap-8)}.quantity-break__tier{border:.1rem solid rgb(var(--color-border-rgb));overflow:hidden;opacity:.7;transition:opacity var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.quantity-break__tier.is-active{opacity:1;border-color:var(--color-heading)}.quantity-break__tier-header{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--gap-10);width:100%;padding:var(--gap-10) var(--gap-16);cursor:pointer;color:var(--color-foreground);background:transparent}.quantity-break__tier.is-active .quantity-break__tier-header{background:var(--color-background);color:var(--color-foreground)}.quantity-break__tier-header:focus-visible{outline:.2rem solid var(--color-heading);outline-offset:-.2rem}.quantity-break__radio{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:var(--rounded-full);border:.15rem solid currentColor;position:relative}.quantity-break__tier.is-active .quantity-break__radio:after{content:"";position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border-radius:inherit;background:currentColor}.quantity-break__label{font-weight:600;color:var(--color-heading)}.quantity-break__badge{font-size:var(--font-size-xs);font-weight:700;padding:.2rem .8rem;border-radius:var(--badge-radius, var(--rounded-full));background:var(--color-background);color:var(--color-foreground)}.quantity-break__price{margin-inline-start:auto;display:flex;gap:.6rem;align-items:baseline;white-space:nowrap}.quantity-break__original{opacity:.6;font-size:var(--font-size-xs)}.quantity-break__slots{display:flex;flex-direction:column;gap:var(--gap-8);padding:var(--gap-10) var(--gap-16);border-top:.1rem solid rgb(var(--color-border-rgb))}.quantity-break__slots[hidden],.quantity-break__slots--empty{display:none}.quantity-break__slot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap-10)}.quantity-break__slot--single{display:flex;justify-content:flex-end}.quantity-break__slot-label{color:var(--color-foreground);opacity:.7;min-width:5rem}.quantity-break__slot-price{opacity:.7;white-space:nowrap}.quantity-break__select{width:100%;min-height:var(--input-height, 4.4rem);padding:0 var(--gap-10);border-radius:var(--input-radius, var(--rounded-sm));border:var(--input-border-width, .1rem) solid var(--input-border-color, rgb(var(--color-border-rgb)));background:var(--input-background-color, var(--color-background));color:var(--color-foreground);font:inherit}.quantity-break__swatches{display:flex;flex-wrap:wrap;gap:.6rem}.quantity-break__swatch-input,.quantity-break__swatch-input:focus,.quantity-break__swatch-input:active{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;-webkit-appearance:none;appearance:none;pointer-events:none}.quantity-break__swatch{display:inline-flex;flex:0 0 auto;width:3.6rem;height:3.6rem;overflow:hidden;cursor:pointer;border-radius:var(--rounded-full);border:.1rem solid rgb(var(--color-foreground-rgb) / 14%);outline:.2rem solid transparent;outline-offset:.2rem}.quantity-break__swatch:has(.variant-option__swatch-box--image){width:4.4rem;height:4.4rem;border-radius:var(--rounded-sm, .4rem)}.quantity-break__swatch .variant-option__swatch-box{width:100%;height:100%;border-radius:inherit}.quantity-break__swatch-input:checked+.quantity-break__swatch{outline-color:var(--color-heading)}.quantity-break__swatch-input:focus-visible+.quantity-break__swatch{outline-color:var(--color-heading)}.quantity-break__swatch-input:disabled+.quantity-break__swatch{opacity:.35;cursor:not-allowed}.quantity-break__hint{opacity:.6;font-style:italic}@media(max-width:767px){.quantity-break__tier-header,.quantity-break__slots{padding:var(--gap-8) var(--gap-10)}.quantity-break__slot{grid-template-columns:auto minmax(0,1fr)}.quantity-break__slot-price{grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quantity-break.css.map */