@property --ma-preloader-n{syntax:"<integer>";inherits:true;initial-value:0}@property --ma-preloader-ok{syntax:"visible";inherits:false;initial-value:visible}@keyframes ma-preloader-count{0%{--ma-preloader-n:0}to{--ma-preloader-n:100}}@keyframes ma-preloader-lift{to{visibility:hidden;translate:0 -100%}}@layer components{:where(.ma-preloader){--ma-preloader-count:calc(var(--ma-duration-slow) * 2);z-index:9999;background:var(--ma-preloader-bg,var(--ma-ink));color:var(--ma-preloader-fg,var(--ma-panel));pointer-events:none;visibility:var(--ma-preloader-ok,hidden);animation:ma-preloader-count var(--ma-preloader-count) var(--ma-ease-out) forwards, ma-preloader-lift var(--ma-duration) var(--ma-ease-in-out) var(--ma-preloader-count) forwards;align-content:end;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}:where(.ma-preloader__bar){transform-origin:0;block-size:3px;scale:calc(var(--ma-preloader-n) / 100) 1;opacity:.6;background:currentColor;position:absolute;inset:auto 0 0}:where(.ma-preloader__count){letter-spacing:-.04em;font-variant-numeric:tabular-nums;justify-self:end;font-size:clamp(3rem,12vw,9rem);font-weight:600;line-height:1}:where(.ma-preloader__n){counter-set:ma-preloader var(--ma-preloader-n)}:where(.ma-preloader__n):before{content:counter(ma-preloader)}:where(.ma-preloader__unit){vertical-align:.9em;opacity:var(--ma-dim,.7);font-size:.4em}@media (prefers-reduced-motion:reduce){:where(.ma-preloader){visibility:hidden;animation:none}}:where([data-ma-motion=reduce]) :where(.ma-preloader){visibility:hidden;animation:none}:where(.ma-player){border:1px solid var(--ma-edge);background:var(--ma-panel);color:var(--ma-ink);border-radius:.75em;grid-template-columns:auto 1fr;align-items:center;gap:.6em .9em;padding:.85em 1em;display:grid}:where(.ma-player__bars){align-items:flex-end;gap:2px;width:1.1em;height:1.1em;display:flex}:where(.ma-player__bars>i){transform-origin:50% 100%;--ma-player-i:0;height:100%;animation:ma-player-bar var(--ma-dur-ambient) var(--ma-ease-in-out) calc(var(--ma-player-i) * var(--ma-stagger-relaxed)) infinite alternate;background:currentColor;border-radius:1px;flex:1;animation-play-state:paused;scale:1 .35}:where(.ma-player__bars>i:nth-child(2)){--ma-player-i:1;scale:1 .7}:where(.ma-player__bars>i:nth-child(3)){--ma-player-i:2;scale:1 .5}:where(.ma-player__bars>i:nth-child(4)){--ma-player-i:3;scale:1 .85}:where(.ma-player:has(.ma-player__audio:playing) .ma-player__bars>i){animation-play-state:running}:where(.ma-player__meta){min-width:0;line-height:1.3;display:grid}:where(.ma-player__title){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.ma-player__artist){opacity:var(--ma-dim,.7);text-overflow:ellipsis;white-space:nowrap;font-size:.8125em;overflow:hidden}:where(.ma-player__audio){grid-column:1/-1;width:100%;min-width:0;height:2.25em}@media (prefers-reduced-motion:reduce){:where(.ma-player__bars>i){animation:none}}:where([data-ma-motion=reduce]) :where(.ma-player__bars>i){animation:none}:where(.ma-pillnav){border:1px solid var(--ma-edge);background:var(--ma-panel);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem;display:inline-flex;box-shadow:0 12px 32px -20px #00000073}:where(.ma-pillnav__list){gap:.125rem;margin:0;padding:0;list-style:none;display:flex;position:relative}:where(.ma-pillnav__link){isolation:isolate;color:inherit;white-space:nowrap;opacity:.7;transition:opacity var(--ma-duration-fast) var(--ma-ease-out), color var(--ma-duration-fast) var(--ma-ease-out);border-radius:999px;align-items:center;padding:.45em 1em;font-size:.875rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}:where(.ma-pillnav__link:is(:hover,:focus-visible)){opacity:1;anchor-name:--ma-pillnav-h}:where(.ma-pillnav__link:focus-visible){outline-offset:2px;outline:2px solid}:where(.ma-pillnav__link[aria-current]){opacity:1;color:var(--ma-pillnav-fg,var(--ma-panel))}:where(.ma-pillnav__pill){z-index:-1;border-radius:inherit;background:var(--ma-pillnav-bg,var(--ma-ink));position:absolute;inset:0}:where(.ma-pillnav__label){position:relative}:where(.ma-pillnav__hover){position-anchor:--ma-pillnav-h;top:anchor(top);left:anchor(left);width:anchor-size(width);height:anchor-size(height);background:color-mix(in srgb, var(--ma-ink) 8%, transparent);opacity:0;pointer-events:none;transition:opacity var(--ma-duration-fast) var(--ma-ease-out), scale var(--ma-duration) var(--ma-ease);border-radius:999px;position:absolute;scale:.9}:where(.ma-pillnav__list:has(.ma-pillnav__link:is(:hover,:focus-visible):not([aria-current])) .ma-pillnav__hover){opacity:1;scale:1}@supports not (anchor-name:--a){:where(.ma-pillnav__hover){display:none}}:where(:root)::view-transition-group(.ma-pillnav){animation-duration:var(--ma-duration);animation-timing-function:var(--ma-ease)}:where(:root)::view-transition-old(.ma-pillnav),:where(:root)::view-transition-new(.ma-pillnav){animation-duration:var(--ma-duration-fast);animation-timing-function:var(--ma-ease-out);block-size:100%}@media (prefers-reduced-motion:reduce){:where(:root)::view-transition-group(.ma-pillnav){animation-duration:0s}:where(.ma-pillnav__hover){transition:none;scale:1}}:where(:root[data-ma-motion=reduce])::view-transition-group(.ma-pillnav){animation-duration:0s}:where([data-ma-motion=reduce]) :where(.ma-pillnav__hover){transition:none;scale:1}}@keyframes ma-player-bar{0%{scale:1 .25}to{scale:1}}