@layer ui.components{.ui-media{border-radius:var(--radius-panel);aspect-ratio:16/10;color:var(--text-on-action);-webkit-user-select:none;user-select:none;background-color:#000;position:relative;overflow:hidden}@media (min-width:1024px){.ui-media{aspect-ratio:16/9}}.ui-media__video{object-fit:cover;width:100%;height:100%}.ui-media:fullscreen .ui-media__video{object-fit:contain}.ui-media__poster{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;transition:opacity var(--duration-slow) ease;position:absolute;inset:0}.ui-media[data-started=true] .ui-media__poster{opacity:0}.ui-media__scrim{pointer-events:none;transition:opacity var(--duration-normal) ease;background:linear-gradient(#0000 40%,#00000026 60%,#000000a6 100%);position:absolute;inset:0}.ui-media__spinner{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ui-media__spinner:after{content:"";border-radius:var(--radius-pill);border:4px solid color-mix(in srgb, var(--text-on-action) 30%, transparent);border-top-color:var(--text-on-action);width:48px;height:48px;animation:.8s linear infinite ui-spin}.ui-media__controls{inset-inline:var(--space-lg);bottom:var(--space-lg);justify-content:space-between;align-items:flex-end;gap:var(--space-sm);transition:opacity var(--duration-normal) ease, bottom var(--duration-normal) ease;display:flex;position:absolute}.ui-media__cluster{align-items:center;gap:var(--space-sm);display:flex;position:relative}.ui-media__menu-anchor{position:relative}.ui-media[data-controls=hidden] .ui-media__controls,.ui-media[data-controls=hidden] .ui-media__scrim,.ui-media[data-controls=hidden] .ui-media__seek{opacity:0}.ui-media[data-controls=hidden] .ui-media__controls{pointer-events:none}.ui-media[data-hover=true] .ui-media__controls{bottom:45px}.ui-media__button{border-radius:var(--radius-pill);width:40px;height:40px;color:inherit;background-color:color-mix(in srgb, var(--text-on-action) 20%, transparent);-webkit-backdrop-filter:blur(12px);transition:background-color var(--duration-fast) ease, opacity var(--duration-normal) ease;place-items:center;display:grid}.ui-media__button[aria-haspopup=menu][aria-expanded=false]{opacity:.7}.ui-media__glyph--fullscreen{width:18px;height:18px}.ui-media__button--play{width:48px;height:48px}.ui-media__menu{inset-inline-end:0;bottom:calc(40px + var(--space-sm));min-width:96px;padding:var(--space-xs);border-radius:var(--radius-md);background-color:#000000e6;flex-direction:column;display:flex;position:absolute}.ui-media__menu-item{border-radius:var(--radius-sm);text-align:start;color:inherit;padding:6px 12px}.ui-media__menu-item:hover{background-color:color-mix(in srgb, var(--text-on-action) 10%, transparent)}.ui-media__menu-item[aria-checked=true]{color:var(--action);font-weight:700}.ui-media__seek{inset-inline:var(--space-lg);transition:bottom var(--duration-normal) ease;position:absolute;bottom:0}.ui-media[data-hover=true] .ui-media__seek{bottom:30px}.ui-media__progress{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--text-on-action) 85%, transparent);cursor:pointer;height:4px;transition:opacity var(--duration-normal) ease, height var(--duration-fast) ease;position:relative;overflow:hidden}.ui-media[data-hover=true] .ui-media__progress{height:6px}.ui-media__progress-fill{background-color:var(--action);height:100%;width:var(--ui-media-progress,0%)}.ui-media__time{left:var(--ui-media-scrub,0);border-radius:var(--radius-sm);pointer-events:none;background-color:#000c;padding:2px 6px;position:absolute;bottom:14px;transform:translate(-50%)}}@keyframes ui-spin{to{transform:rotate(360deg)}}