steps-showcase-mto{display:grid;grid-template-columns:1fr;gap:.8rem}.steps-showcase-mto__panel,.steps-showcase-mto__media{border-radius:var(--media-radius, 0);overflow:hidden}.steps-showcase-mto__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;padding:4rem 2rem}.steps-showcase-mto__eyebrow{margin:0;color:rgba(var(--color-foreground),.65)}.steps-showcase-mto__list{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:0;padding:0;list-style:none}.steps-showcase-mto__step{position:relative;display:inline-block;margin:0;padding:0;background:none;border:none;font-family:var(--font-heading-family);font-weight:700;font-size:calc(var(--font-heading-scale) * 3.4rem);line-height:1;cursor:pointer}@media screen and (min-width:750px){.steps-showcase-mto__step{font-size:calc(var(--font-heading-scale) * 5.6rem)}}.steps-showcase-mto__step-text{position:relative;z-index:1;color:#facad0}.steps-showcase-mto__step .steps-showcase-mto__step-highlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:#e8738f;background:none;clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.65,0,.35,1)}.steps-showcase-mto__step.active .steps-showcase-mto__step-highlight{clip-path:inset(0 0 0 0)}.steps-showcase-mto__media{position:relative;width:100%;overflow:hidden}.steps-showcase-mto__image{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity var(--duration-long) ease}.steps-showcase-mto__image.active{position:relative;opacity:1;visibility:visible}.steps-showcase-mto__image img{display:block;width:100%;height:auto}.steps-showcase-mto__caption{--dot-x: 50%;--dot-y: 50%;position:absolute;left:var(--dot-x);top:var(--dot-y);display:flex;flex-direction:column;align-items:center;gap:.6rem;transform:translate(-50%,-50%);text-align:center;color:#fff}.steps-showcase-mto__caption p{margin:0;max-width:24rem;text-shadow:0 .1rem .4rem rgb(0 0 0 / 35%)}.steps-showcase-mto__dot{width:.8rem;height:.8rem;border-radius:50%;background:#fff;box-shadow:0 0 0 .5rem #ffffff40}@media screen and (min-width:750px){steps-showcase-mto{grid-template-columns:1fr 1fr;align-items:stretch}.steps-showcase-mto__panel{padding:4rem}.steps-showcase-mto__media{align-self:start}}@media(prefers-reduced-motion:reduce){.steps-showcase-mto__image,.steps-showcase-mto__step-highlight{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-steps-showcase-mto.css.map */