.discount-tiers{padding:12px;border:1px solid rgba(162,45,45,.12);border-radius:12px;background-color:#fff}.discount-tiers__title{font-size:18px;font-weight:600;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.discount-tiers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;padding-top:12px}.discount-tiers__tier{display:contents}.discount-tiers__head{grid-row:1;grid-column:var(--column);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 2px}.discount-tiers__label{padding:3px 5px;border-radius:13px;background-color:#a22d2d;color:#fffae5;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.discount-tiers__label--popular{background-color:#e37100}.discount-tiers__name{color:#a22d2d66;font-weight:600;line-height:1.2;text-align:center;transition:color .3s}.discount-tiers__dot{position:relative;z-index:1;grid-row:2;grid-column:var(--column);justify-self:center;width:12px;height:12px;margin-top:8px;border:2px solid rgba(162,45,45,.35);border-radius:50%;background-color:#fff;transition:border-color .3s,background-color .3s}.discount-tiers__track{position:relative;grid-row:2;grid-column:1 / 5;align-self:end;height:2px;margin-bottom:5px;border-radius:2px;background-color:#a22d2d1f}.discount-tiers__fill{position:absolute;top:0;bottom:0;left:0;width:var(--progress, 0%);border-radius:inherit;background-color:#a22d2d;transition:width .3s}.discount-tiers__price{grid-row:3;grid-column:var(--column);display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px 0;font-size:12px;line-height:1.2;text-align:center;white-space:nowrap;opacity:.4;transition:opacity .3s}.discount-tiers__save{padding:4px 8px;border:1px solid #A22D2D;border-radius:13px;background-color:#fffae5;font-size:11px;font-weight:600;line-height:1}.discount-tiers__tier.is-reached .discount-tiers__name{color:#a22d2d}.discount-tiers__tier.is-reached .discount-tiers__dot{border-color:#a22d2d;background-color:#a22d2d}.discount-tiers__tier.is-reached .discount-tiers__price{opacity:1}@media screen and (max-width:749px){.discount-tiers__title{font-size:14px}.discount-tiers__head{gap:2px}.discount-tiers__label{padding:2px 6px;border-radius:8px;font-size:10px}.discount-tiers__name{font-size:12px}.discount-tiers__dot{width:8px;height:8px;border-width:1px}.discount-tiers__track{height:1px;margin-bottom:3.5px}.discount-tiers__price{padding-top:8px}.discount-tiers__save{padding:2px 5px;border-radius:8px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-discount-tiers.css.map */