.coc-col-hero{position:relative;width:100%;background:#f7f7f7;overflow:hidden}.coc-col-hero__viewport{width:100%;aspect-ratio:16 / 9;overflow:hidden}@media (min-width: 1200px){.coc-col-hero__viewport{max-height:560px;margin:0 auto}}.coc-col-hero__track{display:flex;flex-wrap:nowrap;height:100%;transform:translateZ(0);transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:transform}.coc-col-hero__slide{flex:0 0 100%;max-width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.coc-col-hero__slide.is-1{background-image:url(/cdn/shop/files/coll-slide-so-01.jpg?v=1769517244?auto=format&fit=crop&w=2400&q=70)}.coc-col-hero__slide.is-2{background-image:url(/cdn/shop/files/coll-slide-so-02.jpg?v=1769517244?auto=format&fit=crop&w=2400&q=70)}.coc-col-hero__slide.is-3{background-image:url(/cdn/shop/files/coll-slide-so-03.jpg?v=1769517244?auto=format&fit=crop&w=2400&q=70)}.coc-col-hero__slide.is-4{background-image:url(/cdn/shop/files/coll-slide-so-04.jpg?v=1769517244?auto=format&fit=crop&w=2400&q=70)}.coc-col-hero__slide.is-5{background-image:url(/cdn/shop/files/coll-slide-so-05.jpg?v=1769517244?auto=format&fit=crop&w=2400&q=70)}.coc-col-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#0003;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease,background .22s ease,border-color .22s ease}.coc-col-hero:hover .coc-col-hero__arrow{opacity:1;pointer-events:auto}.coc-col-hero__arrow.is-prev{left:14px}.coc-col-hero__arrow.is-next{right:14px}.coc-col-hero__arrow:before{content:"";width:10px;height:10px;border-right:2px solid rgba(255,255,255,.92);border-bottom:2px solid rgba(255,255,255,.92);transform:rotate(135deg)}.coc-col-hero__arrow.is-next:before{transform:rotate(-45deg)}.coc-col-hero__dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:10px;z-index:6;padding:6px 10px;border-radius:999px;background:#0000002e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.coc-col-hero__dot{width:7px;height:7px;border-radius:999px;background:#ffffff8c;transition:transform .22s ease,background .22s ease}.coc-col-hero__dot.is-active{background:#fffffff2;transform:scale(1.25)}.coc-col-hero__slide{display:block;width:100%;height:100%;text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/coc-col-hero.css.map */