.ha-scenario-video{margin:0 0 1.5rem}.ha-scenario-video__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-primary) 12%,#e5e7eb);background:#0b1220;box-shadow:0 10px 30px #0105210b}.ha-scenario-video__frame:focus-within{outline:3px solid var(--color-primary);outline-offset:3px}.ha-scenario-video__poster{display:block;width:100%;height:100%;object-fit:cover}.ha-scenario-video__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;margin:0;padding:1rem;border:0;border-radius:inherit;background:color-mix(in srgb,#010521 45%,transparent);color:#fff;font:inherit;font-weight:700;line-height:1.35;text-align:center;cursor:pointer}.ha-scenario-video__play:hover{background:color-mix(in srgb,#010521 58%,transparent)}.ha-scenario-video__play:focus-visible{outline:3px solid #fff;outline-offset:-6px}.ha-scenario-video__play-icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;flex-shrink:0;border-radius:999px;background:var(--color-secondary,#22c55e);color:#04111f;box-shadow:0 8px 24px #0005}.ha-scenario-video__play-icon svg{width:1.25rem;height:1.25rem;margin-left:.15rem}.ha-scenario-video__play-label{max-width:22rem}.ha-scenario-video__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ha-scenario-video__link{display:inline-block;margin-top:.75rem;color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:.15em}.ha-scenario-video__link:hover{text-decoration-thickness:2px}.ha-scenario-video__link:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){.ha-scenario-video__play,.ha-scenario-video__play-icon{transition:none}}