.ai-plugin-video__lightbox,.ai-plugin-video__lightbox::backdrop{--ai-plugin-video-fade:var(--ab-duration-slow)}.ai-plugin-video{aspect-ratio:16/9;border:var(--ab-border-thin) solid var(--ab-color-border);border-radius:var(--ab-radius-16);background:var(--ab-black);box-shadow:var(--ab-shadow-lg);position:relative;overflow:hidden;container-type:inline-size;& .ai-plugin-video__poster,& .ai-plugin-video__preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .ai-plugin-video__preview{opacity:0;transition:opacity var(--ab-duration-slow) var(--ab-ease-out);&.ai-plugin-video__preview--ready{opacity:1}}& .ai-plugin-video__open{border-radius:var(--ab-radius-16);color:var(--ab-neutral-0);cursor:pointer;transition:background var(--ab-duration-standard) var(--ab-ease-out);background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;&:focus-visible{outline:var(--ab-border-strong) solid var(--ab-color-focus);outline-offset:calc(var(--ab-border-strong) * -1)}}& .ai-plugin-video__play-icon{width:clamp(var(--ab-control-md), 11cqi, var(--ab-space-96));height:clamp(var(--ab-control-md), 11cqi, var(--ab-space-96));opacity:0;border:var(--ab-border-thin) solid var(--ab-white-a20);border-radius:var(--ab-radius-pill);background:var(--ab-black-a48);backdrop-filter:blur(var(--ab-space-16));font-size:clamp(var(--ab-font-size-20), 3.5cqi, var(--ab-font-size-32));transition:opacity var(--ab-duration-standard) var(--ab-ease-out), transform var(--ab-duration-standard) var(--ab-ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}& .ai-plugin-video__open:focus-visible,&:not(:has(.ai-plugin-video__preview--ready)) .ai-plugin-video__open{background:var(--ab-black-a24);& .ai-plugin-video__play-icon{opacity:1}}& .ai-plugin-video__duration{right:var(--ab-space-16);bottom:var(--ab-space-16);min-height:var(--ab-space-32);padding-inline:var(--ab-space-12);border-radius:var(--ab-radius-pill);background:var(--ab-black-a72);color:var(--ab-neutral-0);font-size:var(--ab-font-size-12);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;display:inline-flex;position:absolute}}@media (hover:none){.ai-plugin-video .ai-plugin-video__play-icon{opacity:1}}@media (hover:hover) and (pointer:fine){.ai-plugin-video .ai-plugin-video__open:hover{background:var(--ab-black-a24);& .ai-plugin-video__play-icon{opacity:1;transform:scale(1.06)}}}.ai-plugin-video__lightbox,.ai-plugin-video__lightbox::backdrop{opacity:0;transition:opacity var(--ai-plugin-video-fade) var(--ab-ease-standard), overlay var(--ai-plugin-video-fade) allow-discrete, display var(--ai-plugin-video-fade) allow-discrete}.ai-plugin-video__lightbox[open],.ai-plugin-video__lightbox[open]::backdrop{opacity:1}@starting-style{.ai-plugin-video__lightbox[open],.ai-plugin-video__lightbox[open]::backdrop{opacity:0}}.ai-plugin-video__lightbox::backdrop{background:var(--ab-black-a88);backdrop-filter:blur(var(--ab-space-8))}.ai-plugin-video__lightbox{width:100%;max-width:none;height:100%;max-height:none;padding:var(--ab-gutter);color:var(--ab-neutral-0);background:0 0;border:0;margin:0;&[open]{place-items:center;display:grid}& .ai-plugin-video__full{width:min(100%, (100dvh - (var(--ab-gutter) * 2) - (var(--ab-control-md) * 2)) * 16 / 9);aspect-ratio:16/9;border-radius:var(--ab-radius-12);background:var(--ab-black);display:block}& .ai-plugin-video__close{top:var(--ab-gutter);right:var(--ab-gutter);width:var(--ab-control-md);height:var(--ab-control-md);border:var(--ab-border-thin) solid var(--ab-white-a20);border-radius:var(--ab-radius-pill);background:var(--ab-white-a08);color:var(--ab-neutral-0);font-size:var(--ab-font-size-20);cursor:pointer;transition:background var(--ab-duration-standard) var(--ab-ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;&:hover{background:var(--ab-white-a20)}&:focus-visible{outline:var(--ab-border-strong) solid var(--ab-color-focus);outline-offset:var(--ab-border-thin)}}}@media (prefers-reduced-motion:reduce){.ai-plugin-video .ai-plugin-video__preview{display:none}.ai-plugin-video .ai-plugin-video__open,.ai-plugin-video .ai-plugin-video__play-icon,.ai-plugin-video__lightbox,.ai-plugin-video__lightbox::backdrop{transition:none}}
