@layer components{.dd-video{isolation:isolate;border-radius:var(--radius-video,1rem);background-color:var(--color-bg-section);width:100%;position:relative;overflow:hidden}.dd-video--float{box-shadow:0 0 0 1px var(--color-line), var(--shadow-float)}.dd-video--inset{box-shadow:0 0 0 1px var(--color-line)}.dd-video--karte{background-color:var(--color-bg-sunken);border-radius:0}.dd-video__still{width:100%;height:100%;display:block}.dd-video__poster,.dd-video__media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.dd-video__media[data-started=false]{opacity:0}.dd-video--placeholder{background-color:var(--color-bg-section);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:1.5rem;display:flex}.dd-video__badge{border:1px solid var(--color-line);background-color:var(--color-bg);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.dd-video__caption{max-width:30ch;color:var(--color-ink-muted);font-size:var(--text-small);line-height:var(--text-small--line-height);text-wrap:balance}.dd-video-control{z-index:1;border:1px solid var(--color-line);background-color:var(--color-bg);width:2.25rem;height:2.25rem;color:var(--color-navy);box-shadow:var(--shadow-card);transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-press) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.dd-video-control:active{transform:scale(.97)}.dd-video-control:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:999px}@media (hover:hover) and (pointer:fine){.dd-video-control[data-playing=true]{opacity:0}.dd-video:hover .dd-video-control,.dd-video-control:focus-visible{opacity:1}}@media (prefers-reduced-motion:reduce){.dd-video-control{transition:opacity var(--duration-hover) ease}.dd-video-control:active{transform:none}}}