.wvid{--wvid-ink:#f6f9fb;--wvid-bg:#0e171f;aspect-ratio:16/9;border-radius:var(--radius-l);background:var(--wvid-bg);color:var(--wvid-ink);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.wvid{--wvid-ink:lab(97.6882% -.8232 -1.65225);--wvid-bg:lab(7.20873% -2.01964 -6.63221)}}.wvid[data-full]{border-radius:0;max-width:none}.wvid[data-idle]{cursor:none}.wvid__video{object-fit:contain;background:var(--wvid-bg);width:100%;height:100%;position:absolute;inset:0}.wvid:after{content:"";opacity:0;height:40%;transition:opacity .3s var(--ease);pointer-events:none;z-index:1;background:linear-gradient(#060e1500,#060e15cc);background:linear-gradient(lab(3.68404% -1.19541 -4.83634/0),lab(3.68404% -1.19541 -4.83634/.8));position:absolute;inset:auto 0 0}.wvid[data-started]:after{opacity:1}.wvid[data-idle]:after{opacity:0}.wvid__start{z-index:2;background:var(--primary);color:var(--on-primary);font:inherit;cursor:pointer;transition:transform .35s var(--ease);border:0;border-radius:999px;align-items:center;gap:12px;padding:8px 22px 8px 8px;display:inline-flex;position:absolute;bottom:clamp(14px,3.4%,28px);left:clamp(14px,2.6%,28px);box-shadow:0 6px 20px #0a172347;box-shadow:0 6px 20px lab(7.17828% -2.5712 -9.84598/.28)}.wvid__start:hover{transform:translateY(-2px)}.wvid__start-ico{background:#ffffff29;background:lab(100% 0 0/.16);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.wvid__start-ico svg{fill:currentColor;width:28px;height:28px}.wvid__start-text{text-align:left;font-size:17px;font-weight:500;line-height:1.2;display:grid}.wvid__start-text span{opacity:.85;font-variant-numeric:tabular-nums;font-size:13px}.wvid__wait{z-index:2;border:4px solid #ffffff40;border:4px solid lab(100% 0 0/.25);border-top-color:var(--wvid-ink);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite wvid-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes wvid-spin{to{rotate:1turn}}.wvid__captions{z-index:2;text-align:center;pointer-events:none;width:min(88%,900px);transition:bottom .35s var(--ease);margin:0;font-size:clamp(15px,.7rem + 1vw,24px);font-weight:500;line-height:1.42;position:absolute;bottom:clamp(62px,12%,88px);left:50%;translate:-50%}.wvid[data-idle] .wvid__captions{bottom:5%}.wvid__captions span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#060e15c7;background:lab(3.68404% -1.19541 -4.83634/.78);border-radius:6px;padding:.12em .5em}.wvid__end{z-index:3;background:#0e171fe6;background:lab(7.20873% -2.01964 -6.63221/.9);align-content:center;justify-items:start;gap:14px;padding:clamp(20px,6%,56px);display:grid;position:absolute;inset:0}.wvid__end p{margin:0;font-size:clamp(18px,1rem + 1vw,28px);font-weight:500}.wvid__again{background:var(--primary);height:48px;color:var(--on-primary);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px 0 16px;font-weight:500;display:inline-flex}.wvid__again svg{fill:currentColor;width:22px;height:22px}.wvid__bar{z-index:2;transition:opacity .3s var(--ease), translate .3s var(--ease);padding:0 clamp(10px,1.6vw,18px) clamp(6px,1vw,12px);position:absolute;inset:auto 0 0}.wvid[data-idle] .wvid__bar{opacity:0;pointer-events:none;translate:0 8px}.wvid__track{cursor:pointer;touch-action:none;outline:none;height:22px;position:relative}.wvid__track:before,.wvid__fill{content:"";border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.wvid__track:before{background:#ffffff47;background:lab(100% 0 0/.28)}.wvid__fill{background:var(--primary-soft);transform-origin:0;transform:scaleX(var(--p,0))}.wvid__track:focus-visible{outline:2px solid var(--wvid-ink);outline-offset:2px;border-radius:6px}.wvid__controls{align-items:center;gap:2px;display:flex}.wvid__gap{flex:1}.wvid__btn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.wvid__btn:before{content:"";border-radius:inherit;opacity:0;background:currentColor;transition:opacity .2s;position:absolute;inset:2px}.wvid__btn:hover:before{opacity:.12}.wvid__btn:focus-visible{outline:2px solid var(--wvid-ink);outline-offset:-2px}.wvid__btn svg{fill:currentColor;width:26px;height:26px}.wvid__time{font-variant-numeric:tabular-nums;margin-inline:8px;font-size:15px;font-weight:500}.wvid-note{color:var(--ink-2);margin-top:16px;font-size:15px}@media (max-width:640px){.wvid-section{padding-inline:0}.wvid-section .section-head,.wvid-section .wvid-note{padding-inline:20px}.wvid{border-radius:0}.wvid__start{gap:8px;padding:5px 16px 5px 5px}.wvid__start-ico{width:38px;height:38px}.wvid__start-ico svg{width:24px;height:24px}.wvid__start-text{font-size:15px}}@media (prefers-reduced-motion:reduce){.wvid__wait{animation-duration:3s}}
