.video-controls{display:flex;align-items:center;gap:var(--space-2xs);padding:6px var(--space-sm);opacity:0;transition:opacity .2s ease}.video-controls--visible{opacity:1}.video-controls__btn{background:none;border:none;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85;transition:opacity .15s ease;position:relative;z-index:7}.video-controls__btn:hover{opacity:1}.video-controls__seek{flex:1;min-width:0;height:4px;appearance:none;background:linear-gradient(to right,white var(--seek-progress, 0%),rgb(255 255 255 / 40%) var(--seek-progress, 0%));border-radius:2px;cursor:pointer;position:relative;z-index:7}.video-controls__seek:focus-visible{outline:2px solid white;outline-offset:2px}.video-controls__seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.video-controls__seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.video-controls__time{font-size:12px;color:#fff;white-space:nowrap;flex-shrink:0;font-family:var(--font-family-numeric);opacity:.85}.media-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;background:linear-gradient(180deg,transparent 45%,rgb(0 0 0 / 50%));color:var(--media-play-fg);cursor:pointer}.media-play__disc{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--background-white) 94%,transparent);box-shadow:var(--shadow-light);transition:transform .25s ease}.media-play__disc:before{content:"";width:34px;height:34px;background:currentcolor;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3e%3cpath%20d='M8%205v14l11-7z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3e%3cpath%20d='M8%205v14l11-7z'/%3e%3c/svg%3e") center / contain no-repeat}.media-play:focus-visible .media-play__disc{outline:3px solid currentcolor;outline-offset:3px}@media(hover:hover)and (pointer:fine){.media-play:hover .media-play__disc{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.media-play__disc{transition:none}}