.jp-video-player{isolation:isolate;border-radius:var(--radius-video);background:var(--secondary);width:100%;position:relative;overflow:hidden}.jp-video-player video{width:100%;max-width:100%;margin:0;display:block}.jp-video-player .jp-video-toggle{width:100%;height:100%;color:var(--primary-foreground);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.jp-video-play-icon{background:var(--primary);width:64px;height:64px;transition:transform var(--duration-base), opacity var(--duration-base);border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 24px #0003}.jp-video-toggle:hover .jp-video-play-icon{transform:scale(1.08)}.jp-video-player .jp-video-sound{color:#fff;cursor:pointer;background:#111c;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px;right:12px}@media (hover:hover){.jp-video-player[data-playing=true] .jp-video-play-icon{opacity:0}.jp-video-player[data-playing=true] .jp-video-play-icon:hover,.jp-video-player[data-playing=true] .jp-video-toggle:focus-visible .jp-video-play-icon{opacity:1}}@media (hover:none){.jp-video-player[data-playing=true] .jp-video-play-icon{opacity:.7;width:48px;height:48px}}.jp-video-player button:focus-visible{outline:3px solid var(--primary);outline-offset:-5px}.jp-video-error{top:12px;border-radius:var(--radius-control);background:var(--background);color:var(--foreground);pointer-events:none;padding:8px;font-size:13px;position:absolute;inset-inline:12px}@media (prefers-reduced-motion:reduce){.jp-video-play-icon{transition:none}}