routine-slider-mto{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:750px){routine-slider-mto{grid-template-columns:1fr 1fr;gap:4.8rem;align-items:stretch}}.routine-slider-mto__media,.routine-slider-mto__content{position:relative;overflow:hidden;border-radius:var(--media-radius);background-color:rgba(var(--color-foreground),.04)}.routine-slider-mto__media,.routine-slider-mto__content{aspect-ratio:1 / 1}.routine-slider-mto__media-item,.routine-slider-mto__panel{position:absolute;transform:translate(100%);transition:transform var(--duration-extra-long, .5s) ease}.routine-slider-mto__media-item{top:0;right:0;bottom:0;left:0}.routine-slider-mto__panel{inset:calc((100% - var(--routine-texture-size, 100%)) / 2)}.routine-slider-mto__media-item.is-active,.routine-slider-mto__panel.is-active{transform:translate(0)}.routine-slider-mto__media-item.is-leaving,.routine-slider-mto__panel.is-leaving{transform:translate(-100%)}.routine-slider-mto__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.routine-slider-mto__texture{display:block;width:100%;height:100%}.routine-slider-mto__image{display:block;width:100%;height:100%;object-fit:cover}.routine-slider-mto .placeholder-svg{fill:rgba(var(--color-foreground),.35)}.routine-slider-mto__overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.6rem;height:100%;padding:2.8rem 1rem 1rem;pointer-events:none}@media screen and (min-width:750px){.routine-slider-mto__overlay{padding:1.6rem 1rem 1rem}}.routine-slider-mto__overlay>*{pointer-events:auto}.routine-slider-mto__intro{width:100%;padding:1rem 1.6rem;text-align:center}@media screen and (max-width:749px){.routine-slider-mto__intro{transform:translateY(var(--routine-intro-offset, 0px))}}.routine-slider-mto__heading{margin:0}.routine-slider-mto__subheading{margin:.6rem 0 0;color:rgba(var(--color-foreground),.7)}.routine-slider-mto__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;padding-bottom:.8rem}.routine-slider-mto__nav-item{display:flex;flex:none;align-items:center;justify-content:center;width:var(--routine-nav-size-mobile, 52px);height:var(--routine-nav-size-mobile, 52px);padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background:rgba(var(--color-background),.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:inherit;font-size:calc(var(--routine-nav-size-mobile, 52px) * .26);line-height:1;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease}@media screen and (min-width:750px){.routine-slider-mto__nav{gap:1.6rem}.routine-slider-mto__nav-item{width:var(--routine-nav-size-desktop, 68px);height:var(--routine-nav-size-desktop, 68px);font-size:calc(var(--routine-nav-size-desktop, 68px) * .24)}}.routine-slider-mto__nav-item:hover{border-color:rgb(var(--color-foreground))}.routine-slider-mto__nav-item.is-active{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}@media(prefers-reduced-motion:reduce){.routine-slider-mto__media-item,.routine-slider-mto__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-routine-slider-mto.css.map */