:root{--color-background:#cdb259;--color-text:#000}@supports (color:color(display-p3 1 1 1)){:root{--color-background:color(display-p3 .8039 .698 .349)}}@media (prefers-color-scheme:dark){:root{--color-background:#3c4b48;--color-text:#fff}@supports (color:color(display-p3 1 1 1)){:root{--color-background:color(display-p3 .2353 .2941 .2824)}}}:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.page{scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}.page-body{scrollbar-gutter:stable;background-color:var(--color-background);color:var(--color-text);margin:0;padding:1.5rem;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.4}@media not (max-width:46rem){.page-body{grid-template:"header player"min-content"cover player"1fr/1fr 1fr;max-width:60rem;margin-inline:auto;padding:40px;display:grid}}.header{gap:1.5rem;display:grid}@media not (max-width:46rem){.header{grid-area:header}}.header-logo-icon{max-width:86%;display:block}.header-description{gap:1rem;display:grid}@media not (max-width:46rem){.header-description{max-width:90%}}.header-description-text{text-wrap:pretty;margin:0}@media not (min-width:46rem){.main{gap:20px;display:grid}}.main-player,.main-playlist{align-content:start;gap:20px;display:grid}@media not (max-width:46rem){.main{display:contents}.main-player{grid-area:cover}.main-playlist{grid-area:player}}.mini-player{opacity:0;pointer-events:none;background:#0008;place-content:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.cover:hover .mini-player,.mini-player:has(button:focus-visible){opacity:1}.mini-player-controls{justify-content:center;align-items:center;gap:1.5rem;display:flex}.mini-player-prev,.mini-player-play,.mini-player-next{color:#fff;pointer-events:auto;background:0 0;border:none;block-size:64px;inline-size:64px;padding:0;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}:is(.mini-player-prev,.mini-player-play,.mini-player-next):active{transform:scaleX(.97)scaleY(.97)}:is(.mini-player-prev,.mini-player-play,.mini-player-next):after{content:"";background:currentColor;position:absolute;inset:0;mask:none 50% no-repeat}.mini-player-play:after{mask-image:url(/images/play.svg)}.mini-player-play[aria-pressed=true]:after{mask-image:url(/images/pause.svg)}.mini-player-prev:after{mask-image:url(/images/prev.svg)}.mini-player-next:after{mask-image:url(/images/next.svg)}.cover{box-sizing:border-box;background-color:#0000001a;border:.5rem solid #fff;border-radius:.125rem;margin-top:2rem;display:grid;position:relative;box-shadow:0 1px 1px #00000026}@media not (max-width:46rem){.cover{max-width:86%}}.cover-image{aspect-ratio:1;width:auto;max-width:100%;height:auto}.player-audio{border-radius:100px;width:100%;display:block}@media not (max-width:46rem){.player{max-width:86%}}.playlist{counter-reset:playlist;grid-template-columns:2.5rem 1fr;min-width:0;margin:0;padding:0;list-style:none;display:grid}.playlist-item{grid-template-columns:subgrid;counter-increment:playlist;grid-column:1/-1;align-items:baseline;display:grid;position:relative}.playlist-button{grid-template-rows:repeat(2,min-content);grid-template-columns:subgrid;appearance:none;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:.5rem;grid-column:1/-1;align-items:baseline;margin:0;padding:.4375rem 0;font-family:inherit;font-size:.8125rem;display:grid;position:relative}.playlist-button:before{text-align:center;content:counter(playlist);mix-blend-mode:overlay;grid-row:1/-1;align-self:center}.playlist-button:hover:before{background:currentColor;mask:url(/images/play.svg) 50% no-repeat}.playlist-button[aria-pressed=true]:before{background:currentColor;mask:url(/images/pause.svg) 50% no-repeat}.playlist-button:after{mix-blend-mode:overlay;background-color:var(--color-text);border-radius:inherit;opacity:0;content:"";position:absolute;inset:0}:where(.playlist-item:nth-child(odd)) .playlist-button:after{opacity:.05}.playlist-button:hover:after{opacity:.15}.playlist-item--active .playlist-button:after,.playlist-button[aria-pressed=true]:after{opacity:.37}.playlist-artist{mix-blend-mode:overlay;grid-column:2/-1}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}