.promo-scroll{overflow-x:clip;overflow-y:visible}.promo-scroll__header{margin-bottom:2rem}.promo-scroll__heading{margin:0}.promo-scroll__wrapper{position:relative;display:block}.promo-scroll__track{display:flex;align-items:center;gap:1.5rem;padding:3rem 0 6rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;visibility:hidden}.promo-scroll__track.is-ready{visibility:visible}.promo-scroll__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.promo-scroll__track::-webkit-scrollbar{display:none}.promo-scroll__slide{flex:0 0 auto;width:min(78vw,620px);scroll-snap-align:center;border-radius:1.2rem;overflow:hidden;box-shadow:0 18px 44px #0000006b;display:block;text-decoration:none;background:rgba(var(--color-foreground),.04);opacity:.45;transform:scale(.92);transition:opacity .25s ease,transform .25s ease}.promo-scroll__slide.is-centered{opacity:1;transform:scale(1)}.promo-scroll__arrow{position:absolute;top:calc(50% - 2.05rem);transform:translateY(-50%);z-index:2;pointer-events:auto;background:rgb(var(--color-background))!important;border-radius:50%;box-shadow:0 2px 10px #00000040}.promo-scroll__arrow--prev .icon{transform:rotate(90deg)}.promo-scroll__arrow--next .icon{transform:rotate(-90deg)}.promo-scroll__arrow--prev{left:.5rem}.promo-scroll__arrow--next{right:.5rem}@media screen and (max-width:749px){.promo-scroll__arrow{display:none}}.promo-scroll__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.promo-scroll__progress{display:flex;gap:.6rem;justify-content:center;margin-top:.5rem}.promo-scroll__progress-segment{-webkit-appearance:none;appearance:none;border:none;padding:0;flex:1 1 0;max-width:6rem;height:.6rem;border-radius:999px;background:rgba(var(--color-foreground),.15);overflow:hidden;position:relative;cursor:pointer}.promo-scroll__progress-segment:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;border-radius:inherit;background:var(--kodama-accent);transition:width var(--fill-duration, .25s) linear}.promo-scroll__progress-segment.is-active:after{width:100%}.promo-scroll__progress-segment.no-transition:after{transition:none!important}@media screen and (min-width:750px){.promo-scroll__slide{width:min(64vw,760px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-promo-scroll-strip.css.map */
