.syun-hero.syun-hero--carousel{--hero-gap:16px;background:var(--syun-paper,#f4f1e8)}.syun-hero--carousel .syun-hero__viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.syun-hero--carousel .syun-hero__slides{display:grid;width:min(78%,1200px);margin-inline:auto}.syun-hero--carousel[data-slide-count="1"] .syun-hero__slides{width:100%}.syun-hero--carousel .syun-hero__slide{grid-area:1/1;position:relative;inset:auto;display:block;min-width:0;width:100%;visibility:hidden;opacity:0;background:var(--syun-ink);transform:translate(0);transition:transform .5s ease,opacity .5s ease}.syun-hero--carousel .syun-hero__slide.is-active{visibility:visible;opacity:1;z-index:2}.syun-hero--carousel .syun-hero__slide.is-previous{visibility:visible;opacity:.7;transform:translate(calc(-100% - var(--hero-gap)))}.syun-hero--carousel .syun-hero__slide.is-next{visibility:visible;opacity:.7;transform:translate(calc(100% + var(--hero-gap)))}.syun-hero--carousel .syun-hero__slide picture{display:block;flex-shrink:0;width:100%;aspect-ratio:16/9}.syun-hero--carousel .syun-hero__image{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.syun-hero--carousel .syun-hero__controls{position:relative;inset:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;max-width:none;margin:0;padding:10px 16px;border-radius:0;color:var(--syun-ink);background:transparent}.syun-hero--carousel .syun-hero__arrow{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:#fff}.syun-hero--carousel .syun-hero__count{min-width:65px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.syun-hero--carousel .syun-hero__toggle{min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:4px;font-size:13px}.syun-hero--carousel .syun-hero__thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.syun-hero--carousel .syun-hero__thumbnail{display:block;flex:0 0 96px;padding:3px;border:2px solid transparent;border-radius:3px;background:#fff;cursor:pointer}.syun-hero--carousel .syun-hero__thumbnail.is-active{border-color:var(--syun-ink)}.syun-hero--carousel .syun-hero__thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.syun-hero--carousel button:focus-visible{outline:3px solid var(--syun-ink);outline-offset:3px}@media(max-width:749px){.syun-hero.syun-hero--carousel{--hero-gap:10px}.syun-hero--carousel .syun-hero__slides{width:88%}.syun-hero--carousel .syun-hero__slide{display:flex;flex-direction:column}.syun-hero--carousel .syun-hero__body{position:static;flex:1}.syun-hero--carousel .syun-hero__slide:not(.is-active) .syun-hero__body{display:none}.syun-hero--carousel .syun-hero__thumbnails{display:none}}@media(prefers-reduced-motion:reduce){.syun-hero--carousel .syun-hero__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/syun-hero-carousel.css.map */