.b3g1f{--b31-accent: #e31202;--b31-done: #16833a;--b31-fg: var(--color-foreground, #231f20);--b31-fg-mute: var(--color-foreground-secondary, #6f6a64);--b31-line: var(--color-border, #e6e6e6);--b31-bg: var(--color-background-secondary, #f5f5f5);--b31-radius: var(--border-radius-large, 15px);--b31-step: #231f20;--b31-color: var(--b31-accent);--b31-stepcol: var(--b31-step);display:block;width:100%;font:inherit}.b3g1f__inner{background:var(--b31-bg);border:1px solid var(--b31-line);border-radius:var(--b31-radius);padding:16px 18px 14px;color:var(--b31-fg);transition:border-color .25s,box-shadow .25s}.b3g1f.is-complete{--b31-color: var(--b31-done);--b31-stepcol: var(--b31-done)}.b3g1f.is-complete .b3g1f__inner{border-color:color-mix(in oklch,var(--b31-color) 55%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--b31-color) 35%,transparent)}.b3g1f__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.b3g1f__kicker{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--b31-fg)}.b3g1f__flag{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--b31-color);background:color-mix(in oklch,var(--b31-color) 10%,transparent);border:1px solid color-mix(in oklch,var(--b31-color) 25%,transparent);padding:3px 9px;border-radius:99px;white-space:nowrap;transition:color .25s,background .25s,border-color .25s}.b3g1f__slots{display:flex;align-items:center;padding:0 2px;margin-bottom:18px}.b3g1f__slot{position:relative;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--color-background, #ffffff);border:1.5px solid var(--b31-fg);display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s}.b3g1f__slot-num{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--b31-fg);transition:opacity .15s}.b3g1f__slot.is-filled{background:var(--b31-stepcol);border-color:var(--b31-stepcol)}.b3g1f__slot.is-filled .b3g1f__slot-num{opacity:0}.b3g1f__slot.is-filled:after{content:"";position:absolute;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-2px)}.b3g1f__slot.just-filled{animation:b31-pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes b31-pop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.b3g1f__slot--free{border-style:dashed;border-color:var(--b31-color)}.b3g1f__slot--free .b3g1f__slot-num{color:var(--b31-color)}.b3g1f__slot--free.is-filled{border-style:solid}.b3g1f__slot-tag{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--b31-color)}.b3g1f__link{flex:1 1 auto;height:2px;margin:0 4px;background:var(--b31-line);position:relative;overflow:hidden;border-radius:2px}.b3g1f__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--b31-stepcol);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.3,.8,.4,1)}.b3g1f__link.is-filled:after{transform:scaleX(1)}.b3g1f__msg{margin:0;padding-top:12px;border-top:1px dashed var(--b31-line);font-size:.875rem;line-height:1.45;color:var(--b31-fg)}.b3g1f.is-complete .b3g1f__msg{font-weight:600}@media(max-width:540px){.b3g1f__inner{padding:14px 14px 12px}.b3g1f__slot{width:30px;height:30px}.b3g1f__head{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.b3g1f__slot,.b3g1f__link:after,.b3g1f__inner{transition:none}.b3g1f__slot.just-filled{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/209/assets/promo-b3g1f-counter.css.map */