/* Shared waiting indicator for panels, inline requests and media. */
:root{--ui-loader-accent:#3975dc;--ui-loader-track:#dbe5f4;--ui-loader-surface:#fff}
html.theme-dark{--ui-loader-accent:#8eb9ff;--ui-loader-track:#3a4c66;--ui-loader-surface:#192333}
.mpv{--ui-loader-accent:#8eb9ff;--ui-loader-track:#3a4c66}
.ui-spinner,[data-ui-loading]::before{box-sizing:border-box;display:inline-block;width:22px;height:22px;flex:none;border:2px solid var(--ui-loader-track);border-top-color:var(--ui-loader-accent);border-radius:50%;animation:ui-loader-spin .75s linear infinite}
[data-ui-loading]::before{content:""}
[data-ui-loading="inline"]::before{width:1em;height:1em;margin-inline-end:.55em;vertical-align:-.14em}
[data-ui-loading="panel"],[data-ui-loading="icon"]{display:grid;place-items:center;margin:0}
[data-ui-loading="panel"]{min-height:128px;padding:16px;background:var(--ui-loader-surface)}
.ui-loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes ui-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ui-spinner,[data-ui-loading]::before{animation:none}}