.dd-facade{--dd-facade-ratio:16 / 9;isolation:isolate;width:100%;aspect-ratio:var(--dd-facade-ratio);border-radius:var(--dd-radius-frame);background:var(--dd-facade-ground,var(--dd-band-ground));position:relative;overflow:clip}.dd-facade[data-aspect=vertical]{--dd-facade-ratio:9 / 16;width:min(100%,48.375svh);margin-inline:auto}.dd-facade-embed{z-index:0;background:var(--dd-band-ground);border:0;width:100%;height:100%;position:absolute;inset:0}.dd-facade-cover{z-index:1;transition:opacity var(--dur-overlay-in) var(--dd-ease-out), visibility 0s linear var(--dur-overlay-in);position:absolute;inset:0}.dd-facade[data-phase=ready] .dd-facade-cover{opacity:0;visibility:hidden;pointer-events:none}.dd-facade-poster,.dd-facade-poster .dd-gate,.dd-facade-poster .dd-gate-inner{position:absolute;inset:0}.dd-facade-poster img{transition:scale var(--dur-media) var(--dd-ease-out)}.dd-facade-disc{border:1px solid var(--dd-border-strong);border-radius:var(--dd-radius-round);background:color-mix(in srgb, var(--dd-canvas) 85%, transparent);width:64px;height:64px;color:var(--dd-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-ui) var(--dd-ease-out), border-color var(--dur-ui) var(--dd-ease-out), color var(--dur-ui) var(--dd-ease-out), scale var(--dur-ui) var(--dd-ease-out);place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.dd-facade-disc:focus-visible{outline:2px solid var(--dd-blue);outline-offset:3px}.dd-facade-disc:active{scale:var(--dd-press-icon);transition-duration:var(--dur-press)}@media (hover:hover) and (pointer:fine){.dd-facade[data-phase=idle] .dd-facade-disc:hover,.dd-facade[data-phase=failed] .dd-facade-disc:hover,.dd-facade[data-phase=idle]:hover .dd-facade-disc{border-color:var(--dd-blue);background:var(--dd-blue);color:var(--dd-canvas);scale:1.06}.dd-facade[data-phase=idle]:hover .dd-facade-poster img{scale:var(--dd-zoom-media)}}.dd-facade-glyph{width:20px;height:20px;display:grid}.dd-facade-glyph>svg{width:20px;height:20px;transition:opacity var(--dur-icon-swap) var(--dd-ease-out), scale var(--dur-icon-swap) var(--dd-ease-out);grid-area:1/1}.dd-facade-play{translate:1px}.dd-facade-spin{opacity:0;scale:.8}.dd-facade-spin .dd-spinner{transform-origin:50%;transform-box:fill-box}.dd-facade[data-phase=loading] .dd-facade-play{opacity:0;scale:.8}.dd-facade[data-phase=loading] .dd-facade-spin{opacity:1;scale:1}.dd-facade[data-phase=loading] .dd-facade-disc{cursor:progress}.dd-player{overscroll-behavior:contain;width:100%;max-width:none;height:100%;max-height:none;color:var(--dd-text);transition:opacity var(--dur-overlay-out) var(--dd-ease-out);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.dd-player::backdrop{background:color-mix(in srgb, var(--dd-canvas) 96%, transparent);transition:opacity var(--dur-overlay-in) var(--dd-ease-out)}@starting-style{.dd-player[open]::backdrop{opacity:0}}.dd-player[data-closing]{opacity:0}.dd-player[data-closing]::backdrop,.dd-player[data-flipping]::backdrop{opacity:0;transition-duration:var(--dur-overlay-out)}.dd-player-top{z-index:2;transition:opacity var(--dur-overlay-in) var(--dd-ease-out);position:fixed;top:12px;right:12px}.dd-player-stage{min-height:100%;padding:68px var(--dd-gutter) 32px;align-content:center;justify-items:center;gap:16px;display:grid}.dd-player-frame{border-radius:var(--dd-radius-frame);background:var(--dd-band-ground) var(--dd-player-still,none) center / cover no-repeat;width:min(100%,1200px,177.778svh - 391.111px);position:relative}.dd-player[data-orientation=vertical] .dd-player-frame{width:min(100%,48.375svh - 54px)}.dd-player[data-orientation=vertical] .dd-facade{width:100%}.dd-player-frame{transition:opacity var(--dur-overlay-in) var(--dd-ease-out)}@starting-style{.dd-player[open]:not([data-flying]) .dd-player-frame{opacity:0}}.dd-player-matte{text-align:center;width:min(100%,1200px,177.778svh - 391.111px);max-width:60ch;transition:opacity var(--dur-overlay-in) var(--dd-ease-out), translate var(--dur-overlay-in) var(--dd-ease-out);justify-self:center;gap:6px;display:grid}@starting-style{.dd-player[open] .dd-player-matte{opacity:0;translate:0 8px}.dd-player[open] .dd-player-top{opacity:0}}.dd-player[data-flipping] .dd-facade-embed,.dd-player[data-flipping] .dd-facade-cover{visibility:hidden}.dd-player[data-flipping] .dd-player-matte,.dd-player[data-flipping] .dd-player-top{opacity:0;transition-duration:var(--dur-overlay-out)}@media (min-width:810px){.dd-player-top{top:20px;right:20px}.dd-player-stage{gap:20px;padding-block:76px 40px}}@media (prefers-reduced-motion:reduce){.dd-facade-disc,.dd-facade-glyph>svg,.dd-facade-cover,.dd-facade-poster img{transition:none}.dd-facade .dd-facade-disc,.dd-facade-poster img{scale:none!important}.dd-player,.dd-player::backdrop,.dd-player-matte,.dd-player-top{transition-duration:var(--dur-rm-fade)}.dd-player-matte{translate:none!important}@starting-style{.dd-player[open]{opacity:0}}}