/* Compact video control, with a generous touch target. */
.video-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:50%;color:#f6f4f1;cursor:pointer;isolation:isolate}
.video-toggle::before{content:"";position:absolute;inset:3px;border:1px solid rgba(246,244,241,.38);border-radius:50%;background:rgba(17,17,19,.65);z-index:-1;transition:border-color .2s,background-color .2s}
.video-toggle svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.video-toggle:focus-visible{outline:2px solid #c5a643;outline-offset:3px}
.video-toggle:focus-visible::before{border-color:#c5a643}
.video-toggle .video-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);padding:6px 10px;border-radius:10px 0 10px 10px;background:#111113;color:#f6f4f1;white-space:nowrap;font:300 12px/1.5 Outfit,sans-serif;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.video-toggle:focus-visible .video-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
@media(hover:hover){.video-toggle:hover::before{border-color:#c5a643;background:rgba(17,17,19,.85)}.video-toggle:hover .video-tooltip{opacity:1;visibility:visible;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.video-toggle::before,.video-toggle .video-tooltip{transition:none}}