.stepped-scroll{--stepped-scroll-current-image-height: var(--stepped-scroll-image-height-mobile, 100px);--stepped-scroll-current-gap: var(--stepped-scroll-gap-mobile, 24px);position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px 0;background-color:var(--stepped-scroll-color-bg, #f5f3ef);background-position:center;background-size:cover;color:var(--stepped-scroll-color-text, #151515)}.stepped-scroll:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stepped-scroll-overlay, transparent);pointer-events:none}.stepped-scroll>*{position:relative;z-index:1}.stepped-scroll--border{border-block:1px solid #e6e8eb}.stepped-scroll--uppercase .stepped-scroll__content{text-transform:uppercase}.stepped-scroll__label{margin-bottom:20px;text-align:center;font-size:12px;color:#8a939b}.stepped-scroll__viewport{width:100%;overflow:hidden;touch-action:pan-y}.stepped-scroll__viewport:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.stepped-scroll__viewport .swiper-wrapper{align-items:center}.stepped-scroll__slide{flex-shrink:0;width:auto;height:auto}.stepped-scroll__viewport:not(.swiper-initialized) .swiper-wrapper{justify-content:center;gap:var(--stepped-scroll-current-gap)}.stepped-scroll__viewport:not(.swiper-initialized) .stepped-scroll__slide:not(:first-child){display:none}.stepped-scroll__image-link,.stepped-scroll__image-frame{display:block}.stepped-scroll__image-frame{width:calc(var(--stepped-scroll-current-image-height) * var(--stepped-scroll-image-ratio, 1));min-width:48px;max-width:calc(100vw - 48px);height:var(--stepped-scroll-current-image-height)}.stepped-scroll__image{display:block;width:100%;height:100%;object-fit:contain}.stepped-scroll__contents{display:grid;width:min(var(--stepped-scroll-content-width, 800px),calc(100% - 32px));margin:24px auto 0;text-align:center;font-size:var(--stepped-scroll-text-size-mobile, 18px);font-weight:600;line-height:1.4;overflow-wrap:anywhere}.stepped-scroll__content{grid-area:1 / 1;min-width:0;visibility:hidden;opacity:0;pointer-events:none}.stepped-scroll__content.is-active{visibility:visible;opacity:1;pointer-events:auto}.stepped-scroll__content--outline{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--stepped-scroll-color-text, #151515)}.stepped-scroll__content-link,.stepped-scroll__content-link:hover{color:inherit}.stepped-scroll__controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.stepped-scroll__controls:empty{display:none}.stepped-scroll__button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:14px}.stepped-scroll__button svg{width:12px;height:12px}@media(min-width:750px){.stepped-scroll{--stepped-scroll-current-image-height: var(--stepped-scroll-image-height, 100px);--stepped-scroll-current-gap: var(--stepped-scroll-gap, 40px)}.stepped-scroll__contents{font-size:var(--stepped-scroll-text-size, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/stepped-scrolling-content.css.map */