.quantity-breaks{display:grid;gap:1rem}.quantity-breaks__list{display:grid;border:1px solid rgb(var(--color-border));border-radius:var(--qb-radius, .4rem);overflow:hidden}.quantity-breaks__tier{display:grid;grid-template-columns:1fr auto auto 5.6rem;align-items:center;gap:1.6rem;width:100%;padding:1.4rem 1.6rem;background:transparent;border:0;border-top:1px solid rgb(var(--color-border));border-radius:0;box-shadow:none;min-height:0;outline:2px solid transparent;outline-offset:-2px;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .2s,outline-color .2s}.quantity-breaks__tier:first-child{border-top:0}.quantity-breaks__tier:hover{background-color:rgb(var(--color-foreground) / .03)}.quantity-breaks__tier.is-active{outline-color:var(--qb-active, #12a150);background-color:var(--qb-active-bg, transparent)}.quantity-breaks__tier:first-child{border-start-start-radius:var(--qb-radius, .4rem);border-start-end-radius:var(--qb-radius, .4rem)}.quantity-breaks__tier:last-child{border-end-start-radius:var(--qb-radius, .4rem);border-end-end-radius:var(--qb-radius, .4rem)}.quantity-breaks__label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}.quantity-breaks__popular{padding:.1rem .6rem;border-radius:10rem;background:var(--qb-active, #12a150);color:#fff;font-weight:600;line-height:1.6}.quantity-breaks__tier:focus-visible{outline-color:rgb(var(--color-foreground))}.quantity-breaks__total{text-align:end}.quantity-breaks__badge{justify-self:end;padding:.2rem .8rem;border-radius:.4rem;background:var(--qb-badge-bg, #12a150);color:var(--qb-badge-text, #fff);font-weight:600;white-space:nowrap}.quantity-breaks__badge--empty{background:transparent}.quantity-breaks__summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem}.quantity-breaks__summary-save{margin-inline-start:auto;padding:.2rem .8rem;border-radius:.4rem;background:var(--qb-save-bg, #fff4e5);color:var(--qb-save-text, #e8590c)}.quantity-breaks__summary-save:empty{display:none}@media(max-width:575px){.quantity-breaks__tier{grid-template-columns:1fr auto 5rem;gap:.4rem 1.2rem;padding:1.2rem}.quantity-breaks__unit{grid-column:1;grid-row:2}.quantity-breaks__total{grid-column:2;grid-row:1 / span 2}.quantity-breaks__badge{grid-column:3;grid-row:1 / span 2}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-quantity-breaks.css.map */