.stories{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px var(--sg,16px) 12px;margin:0 calc(-1*var(--sg,16px));scroll-padding-left:var(--sg,16px);scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.story{position:relative;flex:0 0 clamp(220px,62vw,270px);scroll-snap-align:start;aspect-ratio:9/16;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#0C2D55;padding:0;display:block;text-align:left;color:#fff;font-family:inherit;transition:transform .25s}
.story img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;border-radius:0}
.story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,28,54,.05) 45%,rgba(8,28,54,.86));z-index:1}
.story:hover{transform:translateY(-4px)}
.story__play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:2;width:60px;height:60px;border-radius:50%;background:#E8B84B}
.story__play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:18px solid #0C2D55;border-top:11px solid transparent;border-bottom:11px solid transparent}
.story__txt{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;font-size:19px;line-height:1.18}
.story__txt small{display:block;margin-top:7px;font-size:15px;line-height:1.25;opacity:.9}
.story__txt b{font-weight:600}
.stories-w{position:relative}
.stories-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;background:#E8B84B;color:#0C2D55;border:0;font-size:22px;line-height:1;cursor:pointer}
.stories-nav.l{left:-16px}.stories-nav.r{right:-16px}
@media(min-width:1100px){.stories-nav{display:block}.story{flex-basis:262px}}
.sv{position:fixed;inset:0;z-index:1200;background:rgba(6,14,26,.96);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s}
.sv.open{opacity:1;visibility:visible}
.sv__inner{position:relative;width:min(440px,94vw);height:min(88vh,780px);background:#000;border-radius:14px;overflow:hidden}
.sv__video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.sv__bars{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;gap:5px}
.sv__bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.sv__bar i{display:block;height:100%;width:0;background:#fff}
.sv__close{position:absolute;top:22px;right:12px;z-index:6;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.sv__label{position:absolute;top:30px;left:16px;right:64px;z-index:6;font-size:17px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.sv__zone{position:absolute;top:70px;bottom:60px;width:30%;z-index:4;background:none;border:0;cursor:pointer}.sv__zone--prev{left:0}.sv__zone--next{right:0}
.float-video{position:fixed;right:22px;bottom:22px;z-index:24;width:92px;height:92px;border-radius:50%;overflow:hidden;border:3px solid #E8B84B;cursor:pointer;padding:0;background:#0C2D55;box-shadow:0 10px 28px rgba(8,28,54,.45);transition:transform .2s}
.float-video video{width:100%;height:100%;object-fit:cover;display:block}
.float-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}
.float-video:hover{transform:scale(1.06)}
@media(max-width:899px){.float-video{width:62px;height:62px;right:12px;bottom:76px;border-width:2px}}