.uncoder-video{--uncoder-video-play: 68px;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#0b0d12;line-height:0;isolation:isolate}.uncoder-video__iframe,.uncoder-video__el{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.uncoder .uncoder-video__facade{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer}.uncoder .uncoder-video__facade[hidden]{display:none}.uncoder-video__facade:after{content:"";position:absolute;inset:0;background-color:var(--uncoder-video-overlay, transparent);transition:background-color .3s;pointer-events:none}.uncoder-video__facade:focus-visible{outline:3px solid #fff;outline-offset:-6px}.uncoder-video--no-poster .uncoder-video__facade{background:linear-gradient(135deg,#262b36,#0b0d12)}.uncoder-video__poster{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.uncoder-video__facade:hover .uncoder-video__poster{transform:scale(1.03)}.uncoder-video__play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--uncoder-video-play);height:var(--uncoder-video-play);border-radius:50%;background-color:#0f1117b8;color:#fff;transform:translate(-50%,-50%);transition:background-color .2s,color .2s,transform .2s}:where(.uncoder-video__facade:is(:hover,:focus-visible)) .uncoder-video__play{background-color:var(--uncoder-c-primary, #2b59ff);transform:translate(-50%,-50%) scale(1.06)}.uncoder-video__play .uncoder-svg{width:40%;height:40%;margin-left:6%;fill:currentColor}.uncoder .uncoder-video__toggle{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:var(--uncoder-video-toggle-gap, 4px);min-height:0;margin:0;padding:6px 14px 6px 10px;border:0;border-radius:999px;background-color:#1111118c;-webkit-backdrop-filter:blur(var(--uncoder-video-toggle-blur, 12px));backdrop-filter:blur(var(--uncoder-video-toggle-blur, 12px));color:#fff;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:normal;text-transform:none;box-shadow:none;cursor:pointer}.uncoder-video__toggle--bottom-left{bottom:var(--uncoder-video-toggle-y, 16px);inset-inline-start:var(--uncoder-video-toggle-x, 16px)}.uncoder-video__toggle--bottom-right{bottom:var(--uncoder-video-toggle-y, 16px);inset-inline-end:var(--uncoder-video-toggle-x, 16px)}.uncoder-video__toggle--top-left{top:var(--uncoder-video-toggle-y, 16px);inset-inline-start:var(--uncoder-video-toggle-x, 16px)}.uncoder-video__toggle--top-right{top:var(--uncoder-video-toggle-y, 16px);inset-inline-end:var(--uncoder-video-toggle-x, 16px)}.uncoder-video__toggle--center{top:50%;left:50%;transform:translate(-50%,-50%)}.uncoder-video__toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.uncoder-video__toggle-icon{flex:none;width:var(--uncoder-video-toggle-icon, 16px);height:var(--uncoder-video-toggle-icon, 16px);fill:currentColor}.uncoder-video__toggle.is-playing>.uncoder-video__toggle-play,.uncoder-video__toggle:not(.is-playing)>.uncoder-video__toggle-pause{display:none}.uncoder-video--empty{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #c3c9d4;background-color:#f3f4f6;color:#5b6474;font:500 13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.uncoder-video--empty .uncoder-svg{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.uncoder-video__poster,.uncoder-video__play{transition:none}.uncoder-video__facade:hover .uncoder-video__poster{transform:none}}