[data-swipe-stories]{--swipe-progress:0;position:relative;isolation:isolate}
[data-swipe-track]{touch-action:pan-y pinch-zoom;cursor:grab;overscroll-behavior-inline:contain;scroll-behavior:smooth}
.is-swipe-dragging [data-swipe-track]{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto;user-select:none}
[data-swipe-item]{--swipe-offset:0;--swipe-depth:0;will-change:transform,filter,opacity;transform-origin:center;transition:transform .65s cubic-bezier(.18,.78,.18,1),filter .55s ease,opacity .55s ease}
[data-swipe-item] img,[data-swipe-item] video{--media-shift:0%;transform:translate3d(var(--media-shift),0,0) scale(1.12);transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.swipe-stories-controls{display:flex;align-items:center;gap:10px}
.swipe-stories-controls button{width:42px;height:42px;border:0;border-radius:50%;background:#071449;color:#fff;font-size:18px;display:grid;place-items:center;transition:transform .25s,background .25s}
.swipe-stories-controls button:hover{transform:scale(1.08)}
.swipe-stories-meter{width:92px;height:3px;background:rgba(7,20,73,.14);overflow:hidden}
.swipe-stories-meter::after{content:"";display:block;width:100%;height:100%;background:#ef6046;transform:scaleX(max(.06,var(--swipe-progress)));transform-origin:left;transition:transform .35s ease}
[data-swipe-count]{font-size:10px;font-variant-numeric:tabular-nums;min-width:35px}

[data-swipe-variant="reel"] [data-swipe-track]{perspective:1500px;scroll-padding-inline:18vw}
[data-swipe-variant="reel"] [data-swipe-item]{transform:translateY(calc(var(--swipe-depth) * 30px)) rotateY(calc(var(--swipe-offset) * -14deg)) scale(calc(1 - var(--swipe-depth) * .09));filter:saturate(calc(1 - var(--swipe-depth) * .28)) blur(calc(var(--swipe-depth) * 1.1px));opacity:calc(1 - var(--swipe-depth) * .22)}
[data-swipe-variant="reel"] [data-swipe-item].is-swipe-active{filter:none;opacity:1}

[data-swipe-variant="parallax"] [data-swipe-track]{display:flex!important;grid-template-columns:none!important;grid-auto-rows:auto!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 15vw 38px 2px;gap:18px!important;scrollbar-width:none}
[data-swipe-variant="parallax"] [data-swipe-track]::-webkit-scrollbar{display:none}
[data-swipe-variant="parallax"] [data-swipe-item]{flex:0 0 clamp(250px,34vw,510px);height:clamp(330px,48vw,650px)!important;scroll-snap-align:center;border-radius:0!important;transform:translateY(calc(var(--swipe-offset) * var(--swipe-offset) * 22px)) rotate(calc(var(--swipe-offset) * 1.4deg))}
[data-swipe-variant="parallax"] [data-swipe-item]:nth-child(3n+2){flex-basis:clamp(220px,27vw,390px);height:clamp(380px,54vw,700px)!important}
[data-swipe-variant="parallax"] [data-swipe-item]:nth-child(3n){flex-basis:clamp(310px,44vw,620px);height:clamp(300px,38vw,510px)!important;margin-top:7vw}

[data-swipe-variant="liquid"]{--liquid-radius:46px}
[data-swipe-variant="liquid"] [data-swipe-track]{scroll-padding-inline:12vw}
[data-swipe-variant="liquid"] [data-swipe-item]{clip-path:inset(calc(var(--swipe-depth) * 4%) round calc(var(--liquid-radius) + var(--swipe-depth) * 38px));transform:translateY(calc(var(--swipe-depth) * 18px)) scale(calc(1 - var(--swipe-depth) * .055));opacity:calc(1 - var(--swipe-depth) * .25)}
[data-swipe-variant="liquid"] [data-swipe-item].is-swipe-active{clip-path:inset(0 round var(--liquid-radius));opacity:1}

[data-swipe-variant="circular"] [data-swipe-track]{perspective:1200px;scroll-padding-inline:30vw}
[data-swipe-variant="circular"] [data-swipe-item]{transform:translateY(calc(var(--swipe-depth) * var(--swipe-depth) * 54px)) rotateZ(calc(var(--swipe-offset) * 6deg)) rotateY(calc(var(--swipe-offset) * -18deg)) scale(calc(1 - var(--swipe-depth) * .11));opacity:calc(1 - var(--swipe-depth) * .18)}

@media(max-width:760px){
  [data-swipe-variant="parallax"] [data-swipe-track]{padding-right:14vw}
  [data-swipe-variant="parallax"] [data-swipe-item],[data-swipe-variant="parallax"] [data-swipe-item]:nth-child(3n+2),[data-swipe-variant="parallax"] [data-swipe-item]:nth-child(3n){flex-basis:78vw;height:112vw!important;margin-top:0}
  .swipe-stories-controls button{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){[data-swipe-item],[data-swipe-item] img,[data-swipe-item] video{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}[data-swipe-track]{scroll-behavior:auto!important}}