.av-player,.av-speed-menu{--av-accent: var(--ws-green, var(--color-accent, #4b7130));--av-ink: var(--ws-ink, var(--color-text, #283122));--av-muted: var(--ws-muted, var(--color-text-muted, #737d68));--av-surface: var(--ws-surface, var(--color-surface, #fff));--av-line: var(--ws-line, var(--color-border, #dfe4d6))}.av-player{position:relative;isolation:isolate;container-type:inline-size;width:100%;min-width:0;overflow:hidden;border-radius:12px;background:var(--av-surface);color:var(--av-ink);font-family:var(--font-sans, inherit)}.av-player .av-viewport{position:relative;width:100%;aspect-ratio:var(--av-ratio, 16 / 9);max-height:var(--av-max-height, 60vh);display:grid;place-items:center;background:var(--av-surface)}.av-player .av-viewport>video.av-video{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:inherit;object-fit:contain;grid-area:1 / 1}.av-player button{cursor:pointer;font:inherit}.av-player .av-loading{position:absolute;display:grid;place-items:center;padding:14px;border-radius:50%;background:color-mix(in srgb,var(--av-surface) 90%,transparent);pointer-events:none;color:var(--av-accent)}.av-player .av-loading svg{animation:av-spin 1s linear infinite}@keyframes av-spin{to{transform:rotate(360deg)}}.av-player .av-controls{position:absolute;z-index:2;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:680px;padding:3px 10px;border:1px solid var(--av-line);border-radius:999px;background:color-mix(in srgb,var(--av-surface) 94%,transparent);color:var(--av-ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #0003}.av-player .av-toolbar{display:flex;align-items:center;gap:8px;min-width:0;min-height:28px}.av-player .av-control{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--av-muted)}.av-player .av-control:hover{background:color-mix(in srgb,var(--av-ink) 8%,transparent);color:var(--av-ink)}.av-player .av-control.av-play{width:24px;height:24px;color:var(--av-surface);background:var(--av-accent);transition:transform .15s}.av-player .av-control.av-play:hover{transform:scale(1.08)}.av-player .av-time{font-family:var(--font-mono, monospace);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--av-accent)}.av-player .av-time>span{color:var(--av-muted)}.av-player input[type=range]{accent-color:var(--av-accent);cursor:pointer;min-width:0;margin:0;padding:0;border:0;box-shadow:none}.av-player .av-seek{flex:1;display:block;width:0;min-width:20px;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.av-player .av-seek::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(to right,var(--av-accent) var(--av-progress),var(--av-line) var(--av-progress))}.av-player .av-seek::-moz-range-track{height:3px;border-radius:9px;background:var(--av-line)}.av-player .av-seek::-moz-range-progress{height:3px;border-radius:9px;background:var(--av-accent)}.av-player .av-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:9px;border-radius:50%;background:var(--av-accent);margin-top:-3px}.av-player .av-seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--av-accent)}.av-player .av-volume{display:flex;align-items:center;gap:3px}.av-player .av-volume input{width:48px;height:28px;background:transparent}.av-player .av-speed{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:none;padding:4px;border:1px solid var(--av-line);border-radius:5px;background:var(--av-surface);color:var(--av-muted);font:inherit;font-size:10px;line-height:1;cursor:pointer}.av-player .av-speed:hover,.av-player .av-speed[data-state=open]{color:var(--av-ink);border-color:var(--av-accent)}.av-speed-menu{z-index:300;min-width:116px;max-height:var(--radix-dropdown-menu-content-available-height);overflow-y:auto;padding:4px;border:1px solid var(--av-line);border-radius:9px;background:var(--av-surface);color:var(--av-ink);box-shadow:0 8px 24px #0003;font-family:var(--font-sans, sans-serif)}.av-speed-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px;border-radius:5px;cursor:pointer;outline:none;font-size:11px;line-height:1.2;-webkit-user-select:none;user-select:none}.av-speed-option[data-highlighted]{background:color-mix(in srgb,var(--av-accent) 12%,var(--av-surface))}.av-speed-option[data-state=checked]{color:var(--av-accent);font-weight:600}.av-speed-option>span:last-child{display:inline-flex}.av-player :is(button,input,select,video):focus-visible{outline:2px solid var(--av-accent);outline-offset:2px}.av-player :disabled{cursor:default;opacity:.45}.av-player .av-viewport:has(.av-error){min-height:230px}.av-player .av-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 20px 85px;background:color-mix(in srgb,var(--av-surface) 95%,transparent);color:var(--av-ink);text-align:center;font-size:13px;line-height:1.5}.av-player .av-error button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--av-line);border-radius:8px;padding:8px 12px;color:var(--av-accent);background:var(--av-surface)}.av-player .av-notice{position:absolute;inset:auto 12px 76px;width:fit-content;max-width:calc(100% - 24px);padding:6px 10px;margin:0 auto;border-radius:8px;background:var(--av-surface);color:var(--av-ink);font-size:12px;line-height:1.5}.av-player.av-player:fullscreen{max-width:none;max-height:none;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border-radius:0}.av-player:fullscreen .av-viewport{flex:1;min-height:0;height:0;max-height:none;aspect-ratio:auto}.av-player:fullscreen .av-controls{max-width:780px;bottom:max(24px,env(safe-area-inset-bottom))}.av-player.av-player--fill{height:100%;display:flex;flex-direction:column}.av-player.av-player--fill .av-viewport{flex:1;min-height:0;height:0;max-height:none;aspect-ratio:auto}.av-player--controls-below:not(:fullscreen) .av-viewport{isolation:isolate}.av-player--controls-below:not(:fullscreen) .av-controls{position:relative;inset:auto;transform:none;margin:12px auto;background:var(--av-surface);backdrop-filter:none;-webkit-backdrop-filter:none}@container (max-width: 600px){.av-player .av-volume input{display:none}}@container (max-width: 420px){.av-player .av-time>span{display:none}.av-player .av-controls{padding-inline:8px;width:calc(100% - 20px);bottom:10px}.av-player .av-toolbar{gap:5px}}@container (max-width: 280px){.av-player .av-speed{display:none}.av-player .av-time{font-size:10px}.av-player .av-controls{width:calc(100% - 12px);padding:3px 6px;bottom:6px}.av-player .av-toolbar{gap:3px}.av-player .av-control{width:26px;height:28px}}@media (prefers-reduced-motion: reduce){.av-player .av-control.av-play{transition:none}.av-player .av-loading svg{animation-duration:2s}}.av-player.av-player--showcase{height:min(650px,calc(100dvh - 60px))}.av-player.av-player--square{border-radius:0}@media (max-width: 760px){.av-player.av-player--showcase{height:48dvh}}