@layer components{.dd-film{isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-panel);background-color:var(--color-navy);width:100%;box-shadow:0 0 0 1px var(--color-line), 0 24px 60px -24px #0f172a59;position:relative;overflow:hidden}@media (max-width:767px){.dd-film{aspect-ratio:9/16;width:min(100%,49.5svh);margin-inline:auto}}.dd-film:fullscreen{aspect-ratio:auto;background-color:#000;border-radius:0;width:100%;height:100%}.dd-film__video,.dd-film__poster,.dd-film__poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.dd-film:fullscreen .dd-film__video{object-fit:contain}.dd-film__video::cue{font-family:var(--font-text);color:#fff;background-color:#080e1cc7;font-size:1.05rem}.dd-film__poster{z-index:1;pointer-events:none;transition:opacity .16s linear}.dd-film[data-frame=true] .dd-film__poster{opacity:0}.dd-film__veil{z-index:2;opacity:0;pointer-events:none;background:radial-gradient(#0f172a47,#0f172a80 75%),#0f172a1f;transition:opacity .2s ease-out;position:absolute;inset:0}.dd-film[data-status=idle] .dd-film__veil,.dd-film[data-status=ended] .dd-film__veil{opacity:1}.dd-film[data-status=idle]:hover .dd-film__veil,.dd-film[data-status=ended]:hover .dd-film__veil{opacity:.8}.dd-film__start{z-index:3;color:#fff;font-family:var(--font-text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.dd-film__disc{aspect-ratio:1;background-color:var(--color-accent);border-radius:50%;place-items:center;width:clamp(4.5rem,3.5rem + 3vw,6.5rem);transition:transform .18s ease-out,background-color .12s linear;display:grid;box-shadow:0 0 0 8px #ffffff38,0 18px 40px -12px #0f172a99}.dd-film__disc svg{translate:6%}.dd-film[data-status=ended] .dd-film__disc svg{translate:none}.dd-film__start:hover .dd-film__disc{background-color:var(--color-accent-hover);transform:scale(1.06)}.dd-film__start:active .dd-film__disc{transform:scale(.97)}.dd-film__label{white-space:nowrap;background-color:#080e1c9e;border-radius:999px;align-items:center;gap:.625rem;min-height:2.5rem;padding:0 1.125rem;font-size:1.0625rem;font-weight:600;display:inline-flex}.dd-film{contain:paint}.dd-film__start:focus-visible{outline:none}.dd-film__start:focus-visible .dd-film__disc,.dd-film__bar button:focus-visible,.dd-film__error button:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.dd-film__start:focus-visible .dd-film__disc{outline-offset:10px;outline-width:3px}.dd-film__length{color:#ffffffb8;font-variant-numeric:tabular-nums;font-weight:500}.dd-film__spinner{z-index:2;opacity:0;pointer-events:none;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;position:absolute;top:50%;left:50%}.dd-film[data-status=loading] .dd-film__spinner{animation:.8s linear infinite dd-film-spin,1ms linear .35s forwards dd-film-appear}@keyframes dd-film-spin{to{rotate:360deg}}@keyframes dd-film-appear{to{opacity:1}}.dd-film__bar{z-index:4;color:#fff;opacity:1;background:linear-gradient(#080e1c00,#080e1cc7);align-items:center;gap:.5rem;padding:2.5rem .75rem .625rem;transition:opacity .2s linear;display:flex;position:absolute;inset:auto 0 0}.dd-film[data-idle=true] .dd-film__bar{opacity:0;pointer-events:none}.dd-film[data-idle=true]{cursor:none}.dd-film__bar button{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;border-radius:.5rem;flex:none;place-items:center;transition:background-color .12s linear;display:inline-grid}.dd-film__bar button:hover{background-color:#ffffff24}.dd-film__bar button[data-active=true]{color:var(--color-cyan)}.dd-film__time{min-width:2.25rem;font-family:var(--font-text);font-size:var(--text-small);font-variant-numeric:tabular-nums;text-align:center;flex:none}.dd-film__track{flex:1;min-width:2rem;height:2.75rem;position:relative}.dd-film__track:before,.dd-film__fill{content:"";border-radius:2px;height:4px;margin-top:-2px;position:absolute;inset:50% 0 auto}.dd-film__track:before{background-color:#ffffff4d}.dd-film__fill{transform-origin:0;background-color:#fff;transform:scaleX(0)}.dd-film__track input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (max-width:767px){.dd-film__bar{gap:.125rem;padding-inline:.375rem}.dd-film__time:last-of-type{display:none}}.dd-film__error{z-index:5;color:#fff;font-family:var(--font-text);text-align:center;background-color:#080e1cd1;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid;position:absolute;inset:0}.dd-film__error button{min-height:2.75rem;color:var(--color-navy);cursor:pointer;background-color:#fff;border-radius:999px;padding:0 1.25rem;font-weight:600}@media (prefers-reduced-motion:reduce){.dd-film__poster,.dd-film__veil,.dd-film__disc,.dd-film__bar{transition:none}.dd-film__start:hover .dd-film__disc,.dd-film__start:active .dd-film__disc{transform:none}}}