.result-video-player{position:relative;width:100%;background:#000;isolation:isolate}
.result-video-player>video{display:block;width:100%;height:auto}
.result-video-player button.result-video-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;cursor:zoom-in}
.result-video-player button.result-video-preview:is(:hover,:active){background:transparent;box-shadow:none;transform:none}
.result-video-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;box-sizing:border-box;padding:18px 8px 0;color:#fff;background:linear-gradient(transparent,#000b);pointer-events:none}
.result-video-controls :is(button,input){pointer-events:auto}
.result-video-playback{display:flex;align-items:center;gap:4px}
.result-video-player .result-video-controls button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:4px;border:0;border-radius:8px;background:transparent;color:#fff;box-shadow:none;cursor:pointer;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
.result-video-player .result-video-toggle svg{filter:drop-shadow(0 1px 2px #0008)}
.result-video-player .result-video-toggle{gap:0}
.result-video-player .result-video-toggle svg{width:18px;height:18px}
.result-video-player .result-video-toggle:is(:hover,:focus-visible,:active){border:0;background:transparent;color:#fff;box-shadow:none}
.result-video-toggle>span{display:grid;place-items:center;grid-area:1/1;transition:opacity 120ms ease}
.result-video-icon-filled{opacity:0}
.result-video-toggle:focus-visible .result-video-icon-outline{opacity:0}
.result-video-toggle:focus-visible .result-video-icon-filled{opacity:1}
@media(hover:hover) and (pointer:fine){
 .result-video-player .result-video-toggle:hover{transform:scale(1.12)}
 .result-video-toggle:hover .result-video-icon-outline{opacity:0}
 .result-video-toggle:hover .result-video-icon-filled{opacity:1}
}
.result-video-player .result-video-toggle:active{transform:scale(.9);transition-duration:90ms}
.result-video-toggle:active .result-video-icon-outline{opacity:0}
.result-video-toggle:active .result-video-icon-filled{opacity:1}
@media(prefers-reduced-motion:reduce){.result-video-player .result-video-toggle,.result-video-toggle>span{transition:none}.result-video-player .result-video-toggle:is(:hover,:active){transform:none}}
.result-video-time{white-space:nowrap;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.result-video-time>span{color:#ffffffa6}
/* Keep a 16px keyboard/pointer target while drawing only a 2px track. */
.result-video-controls input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:16px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.result-video-controls input::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#fff 0 var(--video-progress),#ffffff59 var(--video-progress) 100%)}
.result-video-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:6px;margin-top:-2px;border:0;border-radius:50%;background:#fff}
.result-video-controls input::-moz-range-track{height:2px;border-radius:2px;background:#ffffff59}
.result-video-controls input::-moz-range-progress{height:2px;border-radius:2px;background:#fff}
.result-video-controls input::-moz-range-thumb{width:6px;height:6px;border:0;border-radius:50%;background:#fff}
.result-video-controls :is(button,input):focus-visible{outline:2px solid #f4cc18;outline-offset:2px}
.result-video-player button.result-video-preview:focus-visible{outline:2px solid #f4cc18;outline-offset:-3px}
.result-video-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:208px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:6px;border:1px solid #dfe1db;border-radius:16px;background:#fff;color:#202620;box-shadow:0 14px 40px #1c221b20}
.result-video-menu::backdrop{background:transparent;pointer-events:none}
.result-video-menu:popover-open{animation:ui-select-enter 160ms ease-out}
@media(prefers-reduced-motion:reduce){.result-video-menu:popover-open{animation:none}}
.result-video-player .result-video-menu :is(button,a){display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#202620;font:inherit;text-decoration:none;text-align:left;cursor:pointer}
.result-video-menu :is(button,a)>span{flex:1}
.result-video-menu :is(button,a):is(:hover,:focus-visible,[aria-checked=true]){background:#eceee9;outline:none}
.result-video-menu [aria-checked=true]>svg{color:#edc300}
.result-video-menu small{color:#62695f}
.result-video-error{position:absolute;inset:12px 8px auto;padding:8px;border-radius:8px;background:#fff;color:#202620}
