.cu-rw{--cu-rw-h: 9px;--cu-rw-on: #2e9e5b;--cu-rw-on-soft: color-mix(in srgb, var(--cu-rw-on) 55%, white 45%);--cu-rw-tint: color-mix(in srgb, var(--cu-rw-on) 10%, transparent);--cu-rw-tint-strong: color-mix(in srgb, var(--cu-rw-on) 16%, transparent);display:block;container-type:inline-size}.cu-rw-wrap{width:min(var(--page-width, 92.5rem) - var(--page-margin, clamp(16px, 4vw, 40px)) * 2,calc(100% - var(--page-margin, clamp(16px, 4vw, 40px)) * 2));margin-inline:auto}.cu-rw--card{border:1px solid rgba(128,128,140,.16);border-radius:16px;padding:16px 18px 17px;background:linear-gradient(180deg,var(--cu-rw-tint),transparent 60%);position:relative;overflow:hidden}.cu-rw--card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:160px;height:160px;background:radial-gradient(circle,var(--cu-rw-tint-strong),transparent 70%);pointer-events:none}.cu-rw__status{position:relative;margin:0 0 13px;font-size:.9375rem;line-height:1.4;font-weight:600;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cu-rw__status b,.cu-rw__status .cu-rw__all{font-weight:800}.cu-rw__status .cu-rw__all-ico{display:inline-flex;width:17px;height:17px;margin-inline-end:2px;vertical-align:-3px;color:var(--cu-rw-on)}.cu-rw__status .cu-rw__all-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cu-rw__track{position:relative;height:var(--cu-rw-h);border-radius:999px;background:#80808c29;margin:0 0 14px;box-shadow:inset 0 1px 2px #0000000f}.cu-rw__fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--cu-rw-on-soft),var(--cu-rw-on));background-size:200% 100%;transition:width .5s cubic-bezier(.25,.8,.3,1)}.cu-rw__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 48%,rgba(255,255,255,.4) 52%,transparent 70%);background-size:220% 100%;animation:cu-rw-shimmer 2.6s ease-in-out infinite}@keyframes cu-rw-shimmer{0%{background-position:130% 0}55%,to{background-position:-30% 0}}.cu-rw__pip{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #80808c4d inset,0 1px 3px #0000001f;transition:box-shadow .3s ease,transform .3s ease,background .3s ease;display:grid;place-items:center}.cu-rw__pip svg{width:9px;height:9px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:opacity .25s ease .1s,transform .25s ease .1s}.cu-rw__pip.is-on{background:var(--cu-rw-on);box-shadow:0 0 0 4px color-mix(in srgb,var(--cu-rw-on) 22%,transparent),0 1px 4px #0000002e;transform:scale(1.12)}.cu-rw__pip.is-on svg{opacity:1;transform:scale(1)}.cu-rw__pip.is-next{animation:cu-rw-pulse 1.8s ease-out infinite}@keyframes cu-rw-pulse{0%{box-shadow:0 0 0 2px #80808c4d inset,0 0 color-mix(in srgb,var(--cu-rw-on) 45%,transparent)}70%{box-shadow:0 0 0 2px #80808c4d inset,0 0 0 9px color-mix(in srgb,var(--cu-rw-on) 0%,transparent)}to{box-shadow:0 0 0 2px #80808c4d inset,0 0 color-mix(in srgb,var(--cu-rw-on) 0%,transparent)}}.cu-rw__pip.just-unlocked{animation:cu-rw-pip-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes cu-rw-pip-pop{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1.12)}}.cu-rw__tiers{display:grid;grid-template-columns:repeat(var(--cu-rw-n, 3),1fr);gap:8px;margin:0;padding:0;list-style:none}.cu-rw__tier{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;text-align:right;font-size:.78125rem;line-height:1.25;padding:7px 9px;border-radius:11px;background:transparent;border:1px solid transparent;opacity:.58;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease,transform .2s ease}.cu-rw__tier.is-on{opacity:1;background:var(--cu-rw-tint);border-color:color-mix(in srgb,var(--cu-rw-on) 28%,transparent)}.cu-rw__tier.just-unlocked{animation:cu-rw-tier-pop .5s ease}@keyframes cu-rw-tier-pop{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1)}}.cu-rw__ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#80808c24;color:var(--cu-rw-on);transition:background-color .3s ease,color .3s ease}.cu-rw__tier.is-on .cu-rw__ico{background:var(--cu-rw-on);color:#fff}.cu-rw__ico svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.cu-rw__ico .cu-rw__ico-lock{display:block}.cu-rw__ico .cu-rw__ico-glyph,.cu-rw__tier.is-on .cu-rw__ico-lock{display:none}.cu-rw__tier.is-on .cu-rw__ico-glyph{display:block}.cu-rw__check-badge{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:var(--cu-rw-on);display:none;place-items:center;box-shadow:0 0 0 2px var(--color-background, #fff)}.cu-rw__tier.is-on .cu-rw__check-badge{display:grid}.cu-rw__check-badge svg{width:8px;height:8px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cu-rw__amt{display:block;font-weight:800}.cu-rw__label{display:block;opacity:.85}@container (max-width: 380px){.cu-rw__tiers{grid-template-columns:1fr;gap:6px}.cu-rw__tier{justify-content:flex-start;text-align:left}.cu-rw__amt{display:inline}.cu-rw__amt:after{content:" "}.cu-rw__label{display:inline}}.cu-rw[data-context=drawer]{--cu-rw-h: 7px}.cu-rw[data-context=drawer] .cu-rw--card{border:0;border-radius:0;padding:0 0 16px;background:none}.cu-rw[data-context=drawer] .cu-rw--card:before{display:none}.cu-rw[data-context=drawer] .cu-rw__status{font-size:.875rem;margin-bottom:10px}.cu-rw[data-context=drawer] .cu-rw__tier{padding:6px 8px;font-size:.75rem}.cu-rw[data-context=drawer] .cu-rw__ico{width:19px;height:19px}@media(prefers-reduced-motion:reduce){.cu-rw__fill,.cu-rw__pip,.cu-rw__tier,.cu-rw__ico{transition:none}.cu-rw__fill:after{animation:none;opacity:0}.cu-rw__pip.is-next,.cu-rw__pip.just-unlocked,.cu-rw__tier.just-unlocked{animation:none}}.cu-rw .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cu-rw__rule{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/152/assets/cucu-rewards.css.map */
