.m-fscroll{--fs-vh: 100vh;--fs-t: 0}.m-fscroll__stage{position:relative;height:calc(var(--fs-steps, 3) * var(--fs-step, 100) * 1vh)}.m-fscroll__frame{position:sticky;top:0;height:var(--fs-vh);overflow:hidden;display:flex;background:var(--fs-bg, rgb(var(--color-background)))}.m-fscroll__inner{position:relative;width:100%;height:100%;display:grid;grid-template-columns:var(--fs-media-w, 56%) 1fr;align-items:stretch}.m-fscroll[data-media=right] .m-fscroll__inner{grid-template-columns:1fr var(--fs-media-w, 56%)}.m-fscroll[data-media=right] .m-fscroll__media{order:2}.m-fscroll__media{position:relative;height:100%;overflow:hidden}.m-fscroll__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity var(--fs-dur, .6s) var(--fs-ease, cubic-bezier(.4, 0, .2, 1));will-change:opacity}.m-fscroll__slide[data-state=active]{opacity:1}.m-fscroll__slide img{width:100%;height:100%;object-fit:var(--fs-fit, cover);object-position:var(--fs-focus, 50% 50%);display:block}.m-fscroll__slide img.m-fscroll__media--mobile{display:none}.m-fscroll__content{position:relative;height:100%;display:grid;align-items:center;justify-items:var(--fs-justify, start);padding:var(--fs-pad-y, 40px) var(--fs-pad-x, 56px)}.m-fscroll__panel{grid-area:1 / 1;width:100%;max-width:var(--fs-text-w, 420px);text-align:var(--fs-align, left);opacity:0;transform:translateY(var(--fs-shift, 24px));pointer-events:none;transition:opacity var(--fs-dur, .6s) var(--fs-ease, cubic-bezier(.4, 0, .2, 1)),transform var(--fs-dur, .6s) var(--fs-ease, cubic-bezier(.4, 0, .2, 1));will-change:opacity,transform}.m-fscroll__panel[data-state=active]{opacity:1;transform:none;pointer-events:auto}.m-fscroll__eyebrow{margin:0 0 var(--fs-eyebrow-gap, 18px);color:var(--fs-eyebrow-color, rgb(var(--color-foreground-secondary, var(--color-foreground))))}.m-fscroll__heading{margin:0;color:var(--fs-heading-color, rgb(var(--color-heading)));overflow-wrap:break-word}.m-fscroll__body{margin:var(--fs-body-gap, 22px) 0 0;color:var(--fs-body-color, rgb(var(--color-foreground-secondary, var(--color-foreground))))}.m-fscroll__body.rte{color:var(--fs-body-color, rgb(var(--color-foreground-secondary, var(--color-foreground))))}.m-fscroll__body.rte p,.m-fscroll__body.rte li,.m-fscroll__body.rte span,.m-fscroll__body.rte em{color:inherit}.m-fscroll__body.rte strong,.m-fscroll__body.rte b{color:var(--fs-strong-color, rgb(var(--color-heading)));font-weight:var(--fs-strong-weight, 600)}.m-fscroll__body>:first-child{margin-top:0}.m-fscroll__body>:last-child{margin-bottom:0}.m-fscroll__actions{margin-top:var(--fs-actions-gap, 34px);display:flex;flex-direction:column;align-items:var(--fs-justify, start);gap:var(--fs-actions-inner-gap, 20px)}.m-fscroll__link{display:inline-flex;align-items:center;gap:8px;color:var(--fs-link-color, rgb(var(--color-heading)));text-decoration:none}.m-fscroll__link:hover{text-decoration:underline}.m-fscroll__link svg{display:block}.m-fscroll__rail{position:absolute;top:50%;transform:translateY(-50%);right:var(--fs-rail-inset, 8px);display:flex;flex-direction:column;gap:var(--fs-rail-gap, 12px);height:var(--fs-rail-h, 72%);z-index:2}.m-fscroll[data-rail=left] .m-fscroll__rail{right:auto;left:var(--fs-rail-inset, 8px)}.m-fscroll__rail-bar{position:relative;flex:1;width:var(--fs-rail-w, 2px);border:0;padding:0;background:var(--fs-rail-off, rgba(var(--color-foreground), .18));border-radius:999px;overflow:hidden;cursor:pointer;-webkit-appearance:none;appearance:none}.m-fscroll__rail-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fs-rail-on, rgb(var(--color-heading)));transform-origin:top center;transform:scaleY(0)}.m-fscroll__rail-bar[data-state=done]:after{transform:scaleY(1);transition:transform var(--fs-dur, .6s) var(--fs-ease, cubic-bezier(.4, 0, .2, 1))}.m-fscroll__rail-bar[data-state=active]:after{transform:scaleY(var(--fs-t, 0))}.m-fscroll__rail-bar:focus-visible{outline:2px solid var(--fs-rail-on, rgb(var(--color-heading)));outline-offset:4px}@media(max-width:767px){.m-fscroll{--fs-vh: 100svh;--section-padding-top: calc(var(--fs-pt, 0px) * var(--fs-mobile-scale, .6));--section-padding-bottom: calc(var(--fs-pb, 0px) * var(--fs-mobile-scale, .6))}.m-fscroll__stage{height:calc(var(--fs-steps, 3) * var(--fs-step-mobile, var(--fs-step, 100)) * 1vh)}.m-fscroll__inner,.m-fscroll[data-media=right] .m-fscroll__inner{grid-template-columns:1fr;grid-template-rows:calc(var(--fs-media-h, 46) * 1svh) 1fr}.m-fscroll[data-media=right] .m-fscroll__media{order:0}.m-fscroll__content{padding:var(--fs-pad-y-mobile, 26px) var(--fs-pad-x-mobile, 4px) var(--fs-pad-b-mobile, 46px);justify-items:var(--fs-justify-mobile, start);align-items:start}.m-fscroll__panel{max-width:none;text-align:var(--fs-align-mobile, left)}.m-fscroll__actions{align-items:var(--fs-justify-mobile, start)}.m-fscroll__rail{top:auto;bottom:var(--fs-rail-inset-mobile, 14px);left:0;right:0;transform:none;flex-direction:row;height:var(--fs-rail-w, 2px);width:auto}.m-fscroll[data-rail=left] .m-fscroll__rail{left:0;right:0}.m-fscroll__rail-bar{width:auto;height:var(--fs-rail-w, 2px)}.m-fscroll__rail-bar:after{transform-origin:left center;transform:scaleX(0)}.m-fscroll__rail-bar[data-state=done]:after{transform:scaleX(1)}.m-fscroll__rail-bar[data-state=active]:after{transform:scaleX(var(--fs-t, 0))}.m-fscroll__slide img.m-fscroll__media--desktop:not(:only-child){display:none}.m-fscroll__slide img.m-fscroll__media--mobile{display:block}}@media(prefers-reduced-motion:reduce){.m-fscroll__slide,.m-fscroll__panel,.m-fscroll__rail-bar:after{transition:none;will-change:auto}.m-fscroll__panel{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/feature-scroller.css.map */