.mc-sb{--sb-step:70vh;--sb-top:80px;--p:0}.mc-sb__head .mc__t--sub{margin-bottom:8px}.mc-sb__foot>:first-child{margin-top:8px}.mc-sb__track{position:relative}.mc-sb__sticky{padding:32px 0}.mc-sb__grid{display:grid;gap:28px;align-items:center;width:100%}.mc-sb__visual{position:relative;width:min(64vw,300px);aspect-ratio:1;margin:0 auto}.mc-sb__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.mc-sb__ring circle{fill:none;stroke-width:.8}.mc-sb__ring-bg{stroke:var(--mc-line)}.mc-sb__ring-fg{stroke:var(--mc-accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p) * 100)}.mc-sb__orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(calc(var(--p) * 360deg))}.mc-sb__orbit:after{content:"";position:absolute;top:calc(1% - 6px);left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--mc-accent);box-shadow:0 0 0 6px #a0623f29}.mc-sb__disc{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;overflow:hidden;background:var(--mc-soft);box-shadow:0 24px 60px -28px #1e141059}.mc-sb__img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0}.mc-sb__img.is-active{opacity:1}.mc-sb__img img,.mc-sb__img svg{width:100%;height:100%;object-fit:cover;display:block}.mc-sb__num{position:absolute;right:-2%;bottom:-2%;font-size:clamp(44px,12vw,104px);font-weight:800;line-height:.9;letter-spacing:-.04em;color:var(--mc-accent);opacity:0;pointer-events:none;text-shadow:0 2px 0 var(--mc-bg),0 -2px 0 var(--mc-bg),2px 0 0 var(--mc-bg),-2px 0 0 var(--mc-bg)}.mc-sb__num.is-active{opacity:1}.mc-sb__content{text-align:center}.mc-sb__steps{display:flex;gap:10px;margin:0 auto 22px;max-width:420px}.mc-sb__step{flex:1;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--mc-muted);text-align:left;transition:color .3s}.mc-sb__step span{display:block;font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:8px}.mc-sb__step i{display:block;position:relative;height:3px;border-radius:3px;background:var(--mc-line);overflow:hidden}.mc-sb__step i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mc-accent);transform-origin:left;transform:scaleX(var(--f,0))}.mc-sb__step.is-active,.mc-sb__step.is-past{color:var(--mc-accent)}.mc-sb__cards{display:grid;gap:32px}.mc-sb__n{display:block;font-size:13px;font-weight:700;letter-spacing:.28em;color:var(--mc-accent);margin-bottom:12px}.mc-sb__card h3{font-size:clamp(23px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0 0 12px}.mc-sb__card p{font-size:16px;line-height:1.65;color:var(--mc-muted);margin:0}.mc-sb__hint{display:none}.mc-sb:not(.is-ready) .mc-sb__steps{display:none}.mc-sb.is-ready .mc-sb__track{height:calc(100vh + var(--n) * var(--sb-step))}.mc-sb.is-ready .mc-sb__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding:var(--sb-top) 0 24px;overflow:hidden}@supports (height:100svh){.mc-sb.is-ready .mc-sb__track{height:calc(100svh + var(--n) * var(--sb-step))}.mc-sb.is-ready .mc-sb__sticky{height:100svh}}.mc-sb.is-ready .mc-sb__disc{transform:rotate(calc(var(--p) * -18deg))}.mc-sb.is-ready .mc-sb__img{transform:scale(1.14) rotate(12deg);transition:opacity .6s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.mc-sb.is-ready .mc-sb__img.is-past{transform:scale(.84) rotate(-12deg)}.mc-sb.is-ready .mc-sb__img.is-active{transform:rotate(calc(var(--p) * 18deg))}.mc-sb.is-ready .mc-sb__num{transform:translateY(30%);transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.mc-sb.is-ready .mc-sb__num.is-past{transform:translateY(-30%)}.mc-sb.is-ready .mc-sb__num.is-active{transform:none}.mc-sb.is-ready .mc-sb__cards{gap:0}.mc-sb.is-ready .mc-sb__card{grid-area:1/1;opacity:0;transform:translateY(40px);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}.mc-sb.is-ready .mc-sb__card.is-past{transform:translateY(-40px)}.mc-sb.is-ready .mc-sb__card.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.08s}.mc-sb.is-ready .mc-sb__hint{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--mc-muted);opacity:calc(1 - var(--p) * 4);transition:opacity .2s}.mc-sb__hint svg{width:12px;height:16px;animation:mcSbBob 1.6s ease-in-out infinite}@keyframes mcSbBob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media(min-width:990px){.mc-sb__grid{grid-template-columns:1fr 1fr;gap:72px}.mc-sb__visual{width:min(100%,460px)}.mc-sb__content{text-align:left}.mc-sb__steps{margin-left:0;margin-bottom:36px}.mc-sb__card p{font-size:18px;line-height:1.7}.mc-sb__card h3{margin-bottom:16px}}@media(max-width:989px){.mc-sb.is-ready .mc-sb__visual{width:min(64vw,34svh,320px)}.mc-sb.is-ready .mc-sb__sticky{align-items:flex-start;padding-top:calc(var(--sb-top) + 8px)}}@media(prefers-reduced-motion:reduce){.mc-sb *{transition:none!important;animation:none!important}}.mc-sb--compact .mc-sb__head .mc__t--sub{margin-bottom:0}.mc-sb--compact .mc-sb__sticky{padding:16px 0}.mc-sb--compact.is-ready .mc-sb__track{height:calc(var(--sh,100vh) + var(--n) * var(--sb-step))}.mc-sb--compact.is-ready .mc-sb__sticky{height:auto;top:max(var(--sb-top),calc(50vh - var(--sh,0px) / 2));padding:16px 0}@supports (height:100svh){.mc-sb--compact.is-ready .mc-sb__track{height:calc(var(--sh,100svh) + var(--n) * var(--sb-step))}.mc-sb--compact.is-ready .mc-sb__sticky{height:auto;top:max(var(--sb-top),calc(50svh - var(--sh,0px) / 2))}}.mc-sb--compact .mc-sb__foot>:first-child{margin-top:0}.mc-sb--compact.is-ready .mc-sb__sticky{overflow:visible}.mc-sb--compact.is-ready .mc-sb__content{position:relative}.mc-sb--compact.is-ready .mc-sb__hint{position:absolute;left:0;right:0;top:100%;margin-top:10px;justify-content:center}@media(min-width:990px){.mc-sb--compact.is-ready .mc-sb__hint{justify-content:flex-start}.mc-sb--compact .mc-sb__foot>:first-child{margin-top:32px}}@media(max-width:989px){.mc-sb--compact .mc-sb__grid{gap:18px}.mc-sb--compact .mc-sb__steps{margin-bottom:14px}.mc-sb--compact.is-ready .mc-sb__sticky{padding:8px 0 12px;top:var(--sb-top)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mc-sb.css.map */