.tiers{width:100%;background:var(--qw-brume-200);padding:32px 24px 36px;border-top:1px solid var(--qw-border-subtle);border-bottom:1px solid var(--qw-border-subtle)}.tiers__inner{max-width:1200px;margin:0 auto}.tiers__msg{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--qw-font-body);font-size:15px;line-height:1.4;color:var(--qw-kaki-700);font-weight:500;letter-spacing:.01em;text-wrap:pretty}.tiers__msg strong{font-weight:700;color:var(--qw-kaki-700)}.tiers__check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--qw-kaki-700);color:var(--qw-brume-100);border-radius:50%}@keyframes tiersCheckPulse{0%{transform:scale(.6);opacity:0}40%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.tiers__check.is-fresh{animation:tiersCheckPulse .5s var(--qw-ease-standard)}.tiers__bar-wrap{position:relative;width:100%;padding:10px 8px 0}.tiers__bar{position:relative;width:100%;height:8px;background:linear-gradient(to bottom,#3c3e3b2e,#a8aaa138);border-radius:999px;box-shadow:inset 0 1px 2px #0b0c051a,inset 0 -1px #fff6}.tiers__fill{position:relative;height:100%;background:linear-gradient(to bottom,var(--qw-kaki-600) 0%,var(--qw-kaki-700) 60%,var(--qw-kaki-800) 100%);border-radius:999px 0 0 999px;transition:width .55s var(--qw-ease-standard);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #2b2f1766,0 4px 10px -2px #2b2f1759}.tiers__fill.is-full{border-radius:999px}.tiers__fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:12px;background:linear-gradient(to right,#fff0,#a8aaa159);border-radius:0 999px 999px 0;mix-blend-mode:screen;opacity:.7}@keyframes tiersShimmer{0%{transform:translate(-150%);opacity:0}40%{opacity:1}to{transform:translate(450%);opacity:0}}.tiers__fill-shimmer{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(to right,#fff0,#ffffff8c,#fff0);transform:translate(-150%);mix-blend-mode:overlay;pointer-events:none}.tiers__fill.is-shimmering .tiers__fill-shimmer{animation:tiersShimmer .9s var(--qw-ease-standard)}.tiers__node{position:absolute;top:50%;left:0;width:22px;height:22px;transform:translate(-50%,-50%);background:#fff;border:1.5px solid var(--qw-chrome-400);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--qw-chrome-500);transition:background .25s var(--qw-ease-standard),border-color .25s var(--qw-ease-standard),color .25s var(--qw-ease-standard),transform .25s var(--qw-ease-standard),box-shadow .25s var(--qw-ease-standard);z-index:2}.tiers__node-icon{transition:opacity .18s ease-out,transform .25s var(--qw-ease-standard)}.tiers__node-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:opacity .18s ease-out,transform .25s var(--qw-ease-standard)}.tiers__node.is-reached{background:var(--qw-kaki-700);border-color:var(--qw-kaki-700);color:var(--qw-brume-100);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 3px #2b2f171f,0 4px 10px -2px #2b2f1759}.tiers__node.is-reached .tiers__node-icon{opacity:0;transform:scale(.6)}.tiers__node.is-reached .tiers__node-check{opacity:1;transform:scale(1)}@keyframes tiersNodePulse{0%{box-shadow:0 0 0 3px #2b2f171f,0 0 #2b2f1780}70%{box-shadow:0 0 0 3px #2b2f171f,0 0 0 14px #2b2f1700}to{box-shadow:0 0 0 3px #2b2f171f,0 0 #2b2f1700}}.tiers__node.is-fresh{animation:tiersNodePulse .9s ease-out}.tiers__cursor{position:absolute;top:50%;left:0;transform:translate(-50%,calc(-50% - 22px));display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:3;transition:left .55s var(--qw-ease-standard)}.tiers__cursor-pill{font-family:var(--qw-font-body);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--qw-brume-100);background:var(--qw-kaki-700);padding:4px 9px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px -2px #2b2f1766}.tiers__cursor-stem{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--qw-kaki-700)}.tiers__cursor.is-at-start{opacity:.55}.tiers__cursor--hidden{display:none}.tiers__labels{position:relative;margin-top:24px;width:100%;min-height:52px}.tiers__label{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;max-width:140px;text-align:center}.tiers__label--first{align-items:flex-start;text-align:left;transform:none;left:0}.tiers__label--last{align-items:flex-end;text-align:right;transform:translate(-100%);left:100%}.tiers__label-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--qw-chrome-500);margin-bottom:2px}.tiers__label-amount{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--qw-asphalte-500);font-variant-numeric:tabular-nums;line-height:1}.tiers__label-name{font-family:var(--qw-font-body);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--qw-chrome-500);line-height:1.3;max-width:14ch}.tiers__label.is-reached .tiers__label-amount,.tiers__label.is-reached .tiers__label-name,.tiers__label.is-reached .tiers__label-icon{color:var(--qw-kaki-700)}.tiers__label.is-reached .tiers__label-amount{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#2b2f1766}.tiers--compact{padding:11px 20px 30px;background:var(--qw-brume-100);border-top:0}.tiers--compact .tiers__msg{font-size:12px;margin-bottom:8px}.tiers--compact .tiers__bar-wrap{padding:6px 6px 0}.tiers--compact .tiers__bar{height:6px}.tiers--compact .tiers__node{width:16px;height:16px}.tiers--compact .tiers__cursor{display:none}.tiers--compact .tiers__labels{margin-top:13px;min-height:0}.tiers--compact .tiers__label-icon,.tiers--compact .tiers__label-name{display:none}.tiers--compact .tiers__label-amount{font-size:11px;white-space:nowrap}.tiers--compact .tiers__label.is-reached .tiers__label-amount{text-decoration:none}@media(min-width:1000px){.tiers:not(.tiers--compact){padding:40px 64px 48px}.tiers:not(.tiers--compact) .tiers__msg{font-size:17px;margin-bottom:22px}.tiers:not(.tiers--compact) .tiers__check{width:24px;height:24px}.tiers:not(.tiers--compact) .tiers__bar-wrap{padding:14px 12px 0}.tiers:not(.tiers--compact) .tiers__bar{height:10px}.tiers:not(.tiers--compact) .tiers__node{width:26px;height:26px}.tiers:not(.tiers--compact) .tiers__cursor{transform:translate(-50%,calc(-50% - 28px))}.tiers:not(.tiers--compact) .tiers__cursor-pill{font-size:12px;padding:5px 11px}.tiers:not(.tiers--compact) .tiers__labels{margin-top:30px;min-height:62px}.tiers:not(.tiers--compact) .tiers__label{max-width:180px;gap:5px}.tiers:not(.tiers--compact) .tiers__label-icon{width:20px;height:20px}.tiers:not(.tiers--compact) .tiers__label-amount{font-size:12px}.tiers:not(.tiers--compact) .tiers__label-name{font-size:11px;max-width:18ch}}@media(prefers-reduced-motion:reduce){.tiers__check.is-fresh,.tiers__node.is-fresh{animation:none}.tiers__fill{transition:width .15s}.tiers__fill.is-shimmering .tiers__fill-shimmer{animation:none;opacity:0}.tiers__cursor{transition:left .15s}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/qowaa-tiers.css.map */