.media-shimmer{position:relative;overflow:hidden;background:color-mix(in oklab,var(--bg-subtle) 85%,transparent)}.media-shimmer:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 20%,color-mix(in oklab,var(--fg) 7%,transparent) 50%,transparent 80%);animation:media-shimmer 1.6s ease-in-out infinite}@keyframes media-shimmer{to{transform:translateX(100%)}}.media-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.media-eq>i{width:3px;border-radius:2px;background:currentColor;animation:media-eq 1s ease-in-out infinite}.media-eq>i:nth-child(2){animation-delay:-.35s}.media-eq>i:nth-child(3){animation-delay:-.7s}.media-eq>i:nth-child(4){animation-delay:-.2s}.media-eq.paused>i{animation-play-state:paused}@keyframes media-eq{0%,to{height:25%}50%{height:100%}}.media-progress-indeterminate{position:relative;overflow:hidden}.media-progress-indeterminate:after{content:"";position:absolute;inset:0;width:40%;border-radius:inherit;background:color-mix(in oklab,var(--fg) 55%,transparent);animation:media-indeterminate 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes media-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.media-fade-in{animation:media-fade-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes media-fade-in{0%{opacity:0;transform:scale(.985);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.media-range{-webkit-appearance:none;appearance:none;background:transparent;height:18px;cursor:pointer}.media-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--fg) var(--fill,50%),var(--border-strong) var(--fill,50%))}.media-range::-moz-range-track{height:4px;border-radius:999px;background:var(--border-strong)}.media-range::-moz-range-progress{height:4px;border-radius:999px;background:var(--fg)}.media-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:999px;background:var(--fg);box-shadow:0 0 0 1px var(--border-strong)}.media-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:999px;background:var(--fg)}.media-scroll-x{scrollbar-width:none}.media-scroll-x::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.media-eq>i,.media-progress-indeterminate:after,.media-shimmer:after{animation:none!important}}