cst-rewards-bar{--cst-copper: #936347;--cst-gold: #d4af37;--cst-copper-soft: rgba(147, 99, 71, .12);--cst-track: rgba(147, 99, 71, .12);--cst-card-bg: #faf8f5;--cst-ink: #2b2523;--cst-ink-soft: rgba(43, 37, 35, .62);--cst-radius: 12px;--cst-duration: .35s;display:block;background:var(--cst-card-bg);border:1px solid rgba(147,99,71,.15);border-radius:var(--cst-radius);padding:16px 16px 12px;margin:0 0 16px}cst-rewards-bar.cst--no-anim,cst-rewards-bar.cst--no-anim *{transition-duration:0s!important;animation-duration:0s!important}cst-rewards-bar{transition:padding var(--cst-duration) ease}cst-rewards-bar.cst--complete{padding:10px 16px 8px}.cst-bar{transition:padding var(--cst-duration) ease}.cst--complete .cst-bar{padding:10px 18px 12px}.cst--complete:not(:has(.cst-view)) .cst-bar{padding-bottom:6px}.cst--complete .cst-track{height:6px}.cst--complete .cst-rewards-bar__message{margin-bottom:0}.cst--complete .cst-mk{width:20px;height:20px}.cst--complete .cst-mk svg{width:11px;height:11px}.cst--complete .cst-view{min-height:26px;margin-top:4px}.cst-rewards-bar__message{margin:0 0 4px;font-size:.875rem;text-align:center;min-height:22px}.cst-rewards-bar__message span{color:var(--cst-copper);font-weight:600}.cst-bar{position:relative;padding:16px 18px}.cst-track{position:relative;height:9px;border-radius:999px;background:var(--cst-track)}.cst-fill{position:absolute;inset:0 auto 0 0;width:var(--cst-fill, 0%);max-width:100%;min-width:6px;border-radius:999px;background:linear-gradient(90deg,var(--cst-copper),var(--cst-gold));box-shadow:0 0 8px #d4af3759;transition:width var(--cst-duration) ease-out}.cst-fill.cst-finale{animation:cst-finale-shimmer 1.1s ease-in-out}@keyframes cst-finale-shimmer{0%,to{box-shadow:0 0 8px #d4af3759;filter:brightness(1)}40%{box-shadow:0 0 18px 3px #d4af37bf;filter:brightness(1.25)}}.cst-mk{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--cst-track);box-shadow:0 0 0 3px var(--cst-card-bg);transition:border-color .3s,background-color .3s,width var(--cst-duration) ease,height var(--cst-duration) ease}.cst-mk svg{display:block;width:14px;height:14px;fill:none;stroke:var(--cst-copper);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:opacity .3s}.cst-mk .cst-mk__check{display:none}.cst-mk--on{background:var(--cst-gold);border-color:var(--cst-gold)}.cst-mk--on svg{display:none}.cst-mk--on .cst-mk__check{display:block;stroke:#fff;stroke-width:2.4;opacity:1}.cst-mk--near{animation:cst-mk-pulse 1.7s ease-in-out infinite}.cst-mk--pop{animation:cst-mk-pop .4s ease-out}@keyframes cst-mk-pulse{50%{box-shadow:0 0 0 3px var(--cst-card-bg),0 0 0 9px var(--cst-copper-soft)}}@keyframes cst-mk-pop{50%{transform:translate(-50%,-50%) scale(1.35)}}.cst-mk .cst-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);background:var(--cst-ink);color:#fdfaf6;font-size:.72rem;line-height:1.2;padding:4px 9px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:3}.cst-mk:hover .cst-tip{opacity:1}.cst-mk--first .cst-tip{left:0;transform:translate(-10px)}.cst-mk--last .cst-tip{left:auto;right:0;transform:translate(10px)}.cst-confetti{position:absolute;top:50%;width:0;height:0;pointer-events:none;z-index:4}.cst-confetti span{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:1px;opacity:1;animation:cst-confetti-fly .9s ease-out forwards}@keyframes cst-confetti-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--cst-dx),var(--cst-dy)) rotate(var(--cst-rot)) scale(.4);opacity:0}}.cst-view{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;background:var(--cst-copper-soft);color:var(--cst-copper);border-radius:8px;min-height:34px;padding:5px 10px;font-size:.78rem;font-weight:600;letter-spacing:.04em}.cst-view:focus-visible{outline:2px solid var(--cst-copper);outline-offset:2px}.cst-view .cst-view__chev{display:block;transition:transform .28s ease}.cst-view[aria-expanded=true] .cst-view__chev{transform:rotate(180deg)}.cst-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.cst-panel>div{overflow:hidden;min-height:0}.cst-panel--open{grid-template-rows:1fr}.cst-rows{list-style:none;margin:0;padding:0}.cst-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 2px}.cst-row:first-child{margin-top:8px}.cst-row__thumb{width:34px;height:34px;border-radius:8px;flex:none;object-fit:cover;display:block}.cst-row__swatch{width:34px;height:34px;border-radius:8px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--cst-copper),var(--cst-gold));color:#fff;font-size:.85rem;font-weight:600}.cst-row__swatch svg{display:block;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cst-row:not(.cst-row--unlocked) .cst-row__thumb,.cst-row:not(.cst-row--unlocked) .cst-row__swatch{filter:grayscale(.85);opacity:.55}.cst-row__info{flex:1;min-width:0}.cst-row__name,a.cst-row__name{color:var(--cst-ink);font-weight:600;font-size:.88rem}a.cst-row__name{text-decoration:underline;text-decoration-color:var(--cst-copper-soft);text-underline-offset:3px}a.cst-row__name:hover{text-decoration-color:var(--cst-copper)}.cst-row:not(.cst-row--unlocked) .cst-row__name{color:var(--cst-ink-soft);font-weight:500}.cst-row__at{display:block;font-size:.75rem;color:var(--cst-ink-soft)}.cst-row__state{flex:none;font-size:.72rem;letter-spacing:.06em;color:var(--cst-ink-soft)}.cst-row__got{flex:none;display:none;width:22px;height:22px;border-radius:50%;background:var(--cst-gold);place-items:center}.cst-row__got svg{display:block;width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cst-row--unlocked .cst-row__got{display:grid}.cst-row--unlocked .cst-row__state{display:none}@media(prefers-reduced-motion:reduce){cst-rewards-bar *{transition-duration:0s!important;animation-duration:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/cst-rewards-bar.css.map */