.djuce-tier-progress{--djuce-tier-progress-rule: 1px solid rgba(0, 0, 0, .25);--djuce-tier-progress-empty: #e2e8f0;--djuce-tier-progress-active: #6bfcbb;--djuce-tier-progress-stop-ring: #cbd5e1;--djuce-tier-progress-note-bg: rgba(107, 252, 187, .4);--djuce-tier-progress-stop: 1rem;--djuce-tier-progress-stop-end: 1.5rem;--djuce-tier-progress-pill-gap: .375rem;display:block;padding-inline:var(--grid-padding)}.djuce-tier-progress__box{max-width:61rem;margin-inline:auto;border:var(--djuce-tier-progress-rule);border-radius:.5rem}.djuce-tier-progress__heading{display:block;margin:0;padding:2rem 2.75rem 0;font-size:var(--djuce-section-heading);text-align:center;line-height:1;text-transform:none;letter-spacing:0}.djuce-tier-progress__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem;padding:2rem 2.75rem}.djuce-tier-progress__tier{display:contents}.djuce-tier-progress__label{grid-row:1;margin:0;text-wrap:balance;transition:color .3s ease}.djuce-tier-progress__rewards{display:flex;flex-direction:column;gap:var(--djuce-tier-progress-pill-gap);grid-row:3;margin:0}.djuce-tier-progress__pill{padding:.25rem .75rem;border:1px solid currentColor;border-radius:999px;line-height:1.4;white-space:nowrap}.djuce-tier-progress__pill--discount{border-color:var(--djuce-tier-progress-active);background:var(--djuce-tier-progress-active)}.djuce-tier-progress__pill--baseline{border-style:dashed;border-color:var(--djuce-tier-progress-stop-ring);color:var(--djuce-text-muted)}[data-step="1"]>*{grid-column:1;justify-self:start;text-align:start}[data-step="2"]>*{grid-column:2;justify-self:center;text-align:center}[data-step="3"]>*{grid-column:3;justify-self:end;text-align:end}@media screen and (min-width:768px){.djuce-tier-progress__rewards{width:max-content}.djuce-tier-progress__pill{min-inline-size:7.5rem;text-align:center}}.djuce-tier-progress__track{position:relative;grid-row:2;grid-column:1 / -1;height:3px;margin-inline:calc(var(--djuce-tier-progress-stop) / 2) calc(var(--djuce-tier-progress-stop-end) / 2);border-radius:999px;background:var(--djuce-tier-progress-empty)}.djuce-tier-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:var(--djuce-tier-progress-active);transition:width .3s ease}.djuce-tier-progress__stop{position:absolute;top:50%;box-sizing:border-box;width:var(--djuce-tier-progress-stop);height:var(--djuce-tier-progress-stop);border:2px solid var(--djuce-tier-progress-stop-ring);border-radius:50%;background:#fff;transform:translate(-50%,-50%);transition:background-color .3s ease,border-color .3s ease}[data-stop="1"]{left:0}[data-stop="2"]{left:50%}[data-stop="3"]{left:100%;display:grid;place-items:center;width:var(--djuce-tier-progress-stop-end);height:var(--djuce-tier-progress-stop-end);color:var(--djuce-tier-progress-stop-ring)}[data-stop="3"] svg{width:.75rem;height:.75rem;fill:currentColor}.djuce-tier-progress:is([data-sets="1"],[data-sets="2"],[data-sets="3"]) [data-stop="1"],.djuce-tier-progress:is([data-sets="2"],[data-sets="3"]) [data-stop="2"],.djuce-tier-progress[data-sets="3"] [data-stop="3"]{border-color:var(--djuce-tier-progress-active);background:var(--djuce-tier-progress-active)}.djuce-tier-progress[data-sets="3"] [data-stop="3"]{color:#fff}.djuce-tier-progress[data-sets="1"] .djuce-tier-progress__fill{width:25%}.djuce-tier-progress[data-sets="2"] .djuce-tier-progress__fill{width:50%}.djuce-tier-progress[data-sets="3"] .djuce-tier-progress__fill{width:100%}.djuce-tier-progress:is([data-sets="1"],[data-sets="2"],[data-sets="3"]) [data-step="1"] .djuce-tier-progress__label,.djuce-tier-progress:is([data-sets="2"],[data-sets="3"]) [data-step="2"] .djuce-tier-progress__label,.djuce-tier-progress[data-sets="3"] [data-step="3"] .djuce-tier-progress__label{color:var(--djuce-positive)}.djuce-tier-progress__note{margin:0;padding:1rem var(--grid-padding);border-top:var(--djuce-tier-progress-rule);border-radius:0 0 calc(.5rem - 1px) calc(.5rem - 1px);background:var(--djuce-tier-progress-note-bg);text-align:center}@media(prefers-reduced-motion:reduce){.djuce-tier-progress__label,.djuce-tier-progress__fill,.djuce-tier-progress__stop{transition:none}}@media screen and (max-width:767px){.djuce-tier-progress{--djuce-tier-progress-row: 4.5rem}.djuce-tier-progress__tiers{grid-template-columns:var(--djuce-tier-progress-stop-end) auto minmax(0,1fr);grid-template-rows:repeat(3,var(--djuce-tier-progress-row));column-gap:1rem;row-gap:0;padding:1.25rem .75rem}.djuce-tier-progress__heading{padding:1.25rem .75rem 0}.djuce-tier-progress .djuce-tier-progress__tier>*{align-self:center}.djuce-tier-progress [data-step="1"]>*{grid-row:1}.djuce-tier-progress [data-step="2"]>*{grid-row:2}.djuce-tier-progress [data-step="3"]>*{grid-row:3}.djuce-tier-progress .djuce-tier-progress__label{grid-column:2;justify-self:start;text-align:start}.djuce-tier-progress .djuce-tier-progress__rewards{flex-direction:row;justify-content:flex-end;align-items:center;grid-column:3;justify-self:end}.djuce-tier-progress__track{grid-row:1 / -1;grid-column:1;justify-self:center;width:3px;height:auto;margin-block:calc(var(--djuce-tier-progress-row) / 2);margin-inline:0}.djuce-tier-progress__fill{inset-inline:0;width:100%;height:0;transition-property:height}.djuce-tier-progress[data-sets] .djuce-tier-progress__fill{width:100%}.djuce-tier-progress[data-sets="1"] .djuce-tier-progress__fill{height:25%}.djuce-tier-progress[data-sets="2"] .djuce-tier-progress__fill{height:50%}.djuce-tier-progress[data-sets="3"] .djuce-tier-progress__fill{height:100%}.djuce-tier-progress__stop{left:50%}[data-stop="1"]{top:0}[data-stop="3"]{top:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-djuce-tier-progress.css.map */