.cc-media-transport{display:flex;flex-shrink:0;align-items:center;gap:12px;height:36px;min-width:0;padding-inline:4px}.cc-media-transport[data-edge-aligned]{padding-inline:0}.cc-media-button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--text-secondary);cursor:pointer}.cc-media-button:hover{color:var(--text-primary)}.cc-media-button:focus-visible,.cc-media-scrub:focus-visible{outline:1px solid var(--primary);outline-offset:2px}.cc-media-transport[data-edge-aligned] .cc-media-play{justify-content:flex-start}.cc-media-transport:not([data-edge-aligned]) .cc-media-play svg{margin-left:2px}.cc-media-transport[data-edge-aligned] .cc-media-mute{justify-content:flex-end}.cc-media-time{flex-shrink:0;color:var(--text-tertiary);font-size:12px;font-variant-numeric:tabular-nums}.cc-media-scrub{position:relative;flex:1;min-width:12px;margin-block:-8px;padding-block:8px;touch-action:none;cursor:default}.cc-media-scrub[data-can-seek=true]{cursor:pointer}.cc-media-track{position:relative;height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-media-control) 15%,transparent)}.cc-media-progress{height:100%;border-radius:inherit;background:color-mix(in srgb,var(--color-media-control) 70%,transparent)}.cc-media-thumb{position:absolute;top:50%;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--color-media-control) 25%,transparent);border-radius:50%;background:var(--color-media-control);opacity:0;transform:translate(-50%,-50%)}.cc-media-scrub:hover .cc-media-progress{background:var(--color-media-control)}.cc-media-scrub:hover .cc-media-thumb,.cc-media-scrub:focus-visible .cc-media-thumb,.cc-media-scrub[data-seeking] .cc-media-thumb{opacity:1}