.aoc-click-to-scroll .outer-container{width:100%;max-width:1440px;margin:0 auto}.aoc-click-to-scroll .scroll-container{width:100%;overflow:visible}.aoc-click-to-scroll .inner-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:1440px;margin:0 auto}.aoc-click-to-scroll>*:first-child{margin-top:20px;text-align:center;font-size:2rem;text-transform:none}.aoc-click-to-scroll .banner-section{position:relative;width:100%;height:400px;margin-bottom:70px;overflow:hidden}.aoc-click-to-scroll .banner-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.aoc-click-to-scroll .banner-item img{width:100%;height:100%;object-fit:cover;object-position:center}.aoc-click-to-scroll .banner-item.is-visible{opacity:1;pointer-events:auto}.aoc-back-to-top{position:fixed;bottom:93px;z-index:9999999999;width:44px;height:44px;border:3px solid #34778f;border-radius:50%;background:var(--color-button-primary);color:#fff;cursor:pointer;transition:opacity .3s ease,visibility .3s ease}.aoc-back-to-top.label-only{width:auto;padding:10px;border-radius:0;font-weight:700}.aoc-back-to-top[data-position=right]{right:7rem}.aoc-back-to-top[data-position=left]{left:2rem}.aoc-back-to-top svg{transform:rotate(180deg) translateY(1px)}.aoc-back-to-top.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.aoc-click-to-scroll .anchor{display:grid;grid-template-rows:1fr 55px;box-sizing:border-box;min-width:0;padding:10px;cursor:pointer}.aoc-click-to-scroll .anchor:hover>p{color:var(--color-button-primary)}.aoc-click-to-scroll .anchor>.img-wrapper{width:100%;aspect-ratio:1 / 1;margin-bottom:10px;overflow:hidden;border-radius:12px}.aoc-click-to-scroll .anchor>.img-wrapper>img,.aoc-click-to-scroll .anchor>.img-wrapper>svg{width:100%;height:100%;object-fit:cover;object-position:center}.aoc-click-to-scroll .anchor>p{display:-webkit-box;overflow:hidden;margin:0;font-size:1.1rem;font-weight:700;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:1000px)and (max-width:1300px){.aoc-click-to-scroll .inner-wrapper[data-desktop-counts="7"] .anchor>p{font-size:15px}}@media(max-width:800px){.aoc-click-to-scroll .outer-container{position:relative;overflow:hidden}.aoc-click-to-scroll .scroll-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y pinch-zoom}.aoc-click-to-scroll .scroll-container::-webkit-scrollbar{display:none}.aoc-click-to-scroll.is-embla-active .scroll-container{overflow:hidden}.aoc-click-to-scroll .anchor>p{font-size:15px}.aoc-click-to-scroll .inner-wrapper{flex-wrap:nowrap;justify-content:flex-start;width:auto;max-width:none;margin:0}.aoc-click-to-scroll .anchor{flex-shrink:0}.aoc-click-to-scroll .outer-container:after{content:"";position:absolute;z-index:5;top:0;right:0;bottom:0;width:clamp(48px,8vw,96px);background:linear-gradient(to right,#fff0,#fff);opacity:1;transition:opacity .2s ease;pointer-events:none}.aoc-click-to-scroll .outer-container.is-at-end:after,.aoc-click-to-scroll .outer-container.has-no-overflow:after{opacity:0}.main-content:has(.aoc-click-to-scroll) .theme-block h2{font-size:2rem!important}.main-content:has(.aoc-click-to-scroll) .index-section .page-width{max-width:none!important}.aoc-back-to-top[data-position=right]{right:4rem}}@media(max-width:600px){.aoc-click-to-scroll .banner-section{height:200px;margin-bottom:30px}.aoc-click-to-scroll>*:first-child{font-size:1.5rem}.aoc-click-to-scroll h3{font-size:2rem}.aoc-click-to-scroll .anchor{padding:6px}.aoc-click-to-scroll .anchor>p{font-size:15px}.aoc-back-to-top[data-position=right]{right:4rem}.main-content:has(.aoc-click-to-scroll) .theme-block h2{font-size:1.7rem!important}}
/*# sourceMappingURL=/cdn/shop/t/318/assets/aoc-click-to-scroll.css.map */