@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-video{--amset-video-ratio:16 / 9;--amset-video-radius:var(--amset-radius-lg);--amset-video-cover-size:4rem;background:var(--amset-surface);border:var(--amset-border-width) solid var(--amset-border);border-radius:var(--amset-video-radius);min-width:0;font-family:var(--amset-font);color:var(--amset-ink);flex-direction:column;display:flex;overflow:hidden}.amset-video__stage{aspect-ratio:var(--amset-video-ratio);background:#000;position:relative}.amset-video__media{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.amset-video__cover{width:var(--amset-video-cover-size);height:var(--amset-video-cover-size);border-radius:var(--amset-radius-full);background:color-mix(in oklab, var(--amset-accent) 85%, transparent);color:var(--amset-accent-ink);cursor:pointer;transition:transform var(--amset-duration) var(--amset-easing-standard), background var(--amset-duration) var(--amset-easing-standard);border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.amset-video__cover:hover{background:var(--amset-accent);transform:translate(-50%,-50%)scale(1.06)}.amset-video__cover:focus-visible{outline:var(--amset-ring-width) solid var(--amset-focus);outline-offset:2px}.amset-video__cover svg{width:45%;height:45%}.amset-video__bar{gap:var(--amset-space-1);padding:var(--amset-space-3);flex-direction:column;display:flex}.amset-video__header{align-items:baseline;gap:0 var(--amset-space-2);flex-wrap:wrap;display:flex}.amset-video__title{font-size:var(--amset-text-base);font-weight:var(--amset-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.amset-video__subtitle{color:var(--amset-ink-2);font-size:var(--amset-text-xs)}.amset-video__position,.amset-video__volume{min-width:0;display:block}.amset-video__track{cursor:pointer;touch-action:none;height:1.25rem;position:relative}.amset-video__track--volume{width:5rem}.amset-video__track:before{content:"";border-radius:var(--amset-radius-full);background:var(--amset-surface-2);height:4px;box-shadow:inset 0 0 0 1px var(--amset-border);inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.amset-video__seen{border-radius:var(--amset-radius-full);background:var(--amset-accent);inset-inline-start:0;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.amset-video__thumb{border:2px solid var(--amset-accent);border-radius:var(--amset-radius-full);background:var(--amset-surface);outline:none;width:.875rem;height:.875rem;top:50%}.amset-video__thumb:has(input:focus-visible){box-shadow:0 0 0 var(--amset-ring-width) color-mix(in oklab, var(--amset-focus) 45%, transparent)}.amset-video__position[data-disabled] .amset-video__track{cursor:default;opacity:.6}.amset-video__controls{align-items:center;gap:var(--amset-space-2);flex-wrap:wrap;display:flex}.amset-video__button{border-radius:var(--amset-radius-full);flex:none}.amset-video__time{color:var(--amset-ink-2);font-family:var(--amset-font-num);font-size:var(--amset-text-xs);font-variant-numeric:tabular-nums}.amset-video__sound{align-items:center;gap:var(--amset-space-1);display:flex}.amset-video__gap{flex:1}.amset-video__speed{font-family:var(--amset-font-num);font-variant-numeric:tabular-nums}.amset-video__error{align-items:center;gap:var(--amset-space-1);color:var(--amset-error);font-size:var(--amset-text-sm);margin:0;display:flex}.amset-video__error svg{flex:none;width:1rem;height:1rem}.amset-video:fullscreen,.amset-video--fullscreen{z-index:1;border:0;border-radius:0;width:100%;height:100%;position:fixed;inset:0}.amset-video:fullscreen .amset-video__stage,.amset-video--fullscreen .amset-video__stage{aspect-ratio:auto;flex:1;min-height:0}@media (max-width:40rem){.amset-video__track--volume{display:none}}}