.vl-st{margin:14px 0 4px}
.vl-st__h{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B7C;margin:0 0 10px}
.vl-st__row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;-webkit-overflow-scrolling:touch}
.vl-st__row::-webkit-scrollbar{display:none}
.vl-st__b{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;width:80px;flex:none;color:#0E1726}
.vl-st__ring{position:relative;width:76px;height:76px;border-radius:50%;padding:3px;box-sizing:border-box;background:conic-gradient(from 210deg,#FF6B2C,#FFB347,#E4531A,#FF6B2C);display:block;transition:transform .15s}
.vl-st__b:hover .vl-st__ring{transform:scale(1.04)}
.vl-st__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-sizing:border-box;display:block;background:#0E1726}
.vl-st__play{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:#FF6B2C;border:2px solid #fff;display:grid;place-items:center}
.vl-st__play svg{width:10px;height:10px;margin-left:2px}
.vl-st__b.is-seen .vl-st__ring{background:#C9D2DC}
.vl-st__b.is-seen .vl-st__play{background:#5E6B7C}
.vl-st__l{font-size:12px;font-weight:600;text-align:center;line-height:1.25;max-width:80px}
.vl-st__b:focus-visible .vl-st__ring{outline:2px solid #0E1726;outline-offset:3px}
/* viewer */
.vl-sv{position:fixed;inset:0;z-index:2147483000;background:rgba(5,9,16,.96);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;touch-action:none}
.vl-sv.is-open{opacity:1}
.vl-sv__box{position:relative;height:100%;max-height:100dvh;aspect-ratio:9/16;max-width:100vw;background:#000;overflow:hidden}
@media (min-width:750px){.vl-sv__box{height:min(92vh,860px);border-radius:18px}}
.vl-sv__v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.vl-sv__top{position:absolute;left:0;right:0;top:0;padding:10px 10px 30px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:3}
.vl-sv__bars{display:flex;gap:4px}
.vl-sv__bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.vl-sv__bar i{display:block;height:100%;width:0;background:#fff}
.vl-sv__hd{display:flex;align-items:center;gap:10px;margin-top:10px;color:#fff}
.vl-sv__av{width:32px;height:32px;border-radius:50%;background:#0E1726;border:2px solid #FF6B2C;display:grid;place-items:center;font:700 14px/1 Poppins,system-ui,sans-serif;color:#FF6B2C}
.vl-sv__tt{font-weight:700;font-size:14px;line-height:1.2}
.vl-sv__tt small{display:block;font-weight:500;opacity:.75;font-size:12px}
.vl-sv__x,.vl-sv__m{margin-left:auto;appearance:none;border:0;background:rgba(0,0,0,.25);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff}
.vl-sv__m{margin-left:0}
.vl-sv__x svg,.vl-sv__m svg{width:20px;height:20px}
.vl-sv__tap{position:absolute;top:0;bottom:90px;z-index:2;background:none;border:0;padding:0;cursor:pointer}
.vl-sv__tap--p{left:0;width:32%}.vl-sv__tap--n{right:0;width:68%}
.vl-sv__ft{position:absolute;left:0;right:0;bottom:0;padding:40px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:3}
.vl-sv__cta{display:block;width:100%;appearance:none;border:0;border-radius:40px;min-height:52px;background:#E4531A;color:#fff;font:700 16px/1 inherit;font-family:inherit;cursor:pointer;box-shadow:0 10px 24px rgba(228,83,26,.35)}
.vl-sv__nav{display:none}
@media (min-width:750px){.vl-sv__nav{display:grid;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;place-items:center;cursor:pointer}.vl-sv__nav--p{left:calc(50% - min(92vh,860px)*9/32 - 72px)}.vl-sv__nav--n{right:calc(50% - min(92vh,860px)*9/32 - 72px)}.vl-sv__nav svg{width:22px;height:22px}}
html.vl-sv-lock,html.vl-sv-lock body{overflow:hidden}