.stage[data-astro-cid-gbnjpydr]{--stage-bg:#042020;--player-bg:#e6e6e6;--cover-bg:#534f58;--sub-color:#3d3d3d;--ui-border:#b8b8b8;--gap-m:var(--space-s,16px);--gap-l:var(--space-m,24px);margin-block:var(--gap-l);padding-block-start:0;padding-block-end:var(--gap-l);padding-inline:calc(var(--gap-l) - 2px);border:solid 1px var(--color-accent);background-color:var(--stage-bg)}.container-resize[data-astro-cid-gbnjpydr]{max-inline-size:640px;margin-block-end:var(--gap-l);margin-inline:auto}.container-resize-input[data-astro-cid-gbnjpydr]{inline-size:100%;display:block}.container-resize-counter[data-astro-cid-gbnjpydr]{margin-block:var(--gap-m);color:#fff;font-family:var(--font-family-en);text-align:center;display:block}.player-container[data-astro-cid-gbnjpydr]{inline-size:0%;min-inline-size:200px;max-inline-size:640px;margin-inline:auto}.player[data-astro-cid-gbnjpydr]{background-color:var(--player-bg)}.cover[data-astro-cid-gbnjpydr]{background-color:var(--cover-bg);overflow:hidden}.cover[data-astro-cid-gbnjpydr] img[data-astro-cid-gbnjpydr]{inline-size:200px;margin:auto;box-shadow:0 0 50px #0003}.ui[data-astro-cid-gbnjpydr]{--font-size-m:calc(1rem * 18 / 16);--font-size-s:calc(1rem * 14 / 16);block-size:100%;min-inline-size:0;font-family:var(--font-family-en);padding:16px;display:grid}.title[data-astro-cid-gbnjpydr]{--font-size:var(--font-size-m);text-overflow:ellipsis;color:#042020;white-space:nowrap;overflow:hidden}.artist[data-astro-cid-gbnjpydr]{--font-size:var(--font-size-s);color:var(--sub-color)}.seekbar[data-astro-cid-gbnjpydr]{cursor:not-allowed;block-size:12px;margin-block-start:8px;position:relative}.seekbar[data-astro-cid-gbnjpydr]:before,.seekbar[data-astro-cid-gbnjpydr]:after{content:"";display:block;position:absolute}.seekbar[data-astro-cid-gbnjpydr]:before{background-color:var(--ui-border);border-radius:2px;block-size:2px;inline-size:100%;inset-block-start:calc(50% - 1px)}.seekbar[data-astro-cid-gbnjpydr]:after{background-color:var(--sub-color);border-radius:50%;block-size:12px;inline-size:12px}.time[data-astro-cid-gbnjpydr]{--font-size:var(--font-size-s);color:var(--sub-color);justify-content:space-between;margin-block-start:4px;display:flex}.buttons[data-astro-cid-gbnjpydr]{grid-template-columns:repeat(3,auto);justify-content:center;align-items:center;gap:14px;display:grid}.buttons[data-astro-cid-gbnjpydr] .button[data-astro-cid-gbnjpydr]{cursor:not-allowed}.play[data-astro-cid-gbnjpydr]{aspect-ratio:1;border:solid 1px var(--ui-border);border-radius:50%}.next[data-astro-cid-gbnjpydr]{transform:scaleX(-1)}@media (width>=768px){.stage[data-astro-cid-gbnjpydr]{--gap-m:var(--space-m,24px);--gap-l:var(--space-l,40px)}}.player-container[data-astro-cid-gbnjpydr]{container:player/inline-size}.ui-container[data-astro-cid-gbnjpydr]{inline-size:100%;container:ui/inline-size}@container player (inline-size>=460px){.player[data-astro-cid-gbnjpydr].has-image{grid-template-columns:200px auto;display:grid}}@container ui (inline-size>=320px){.play[data-astro-cid-gbnjpydr]{inline-size:60px}[data-astro-cid-gbnjpydr]:where(.prev,.next){inline-size:20px}}[data-astro-cid-gbnjpydr]:is(.title,.artist,.time){--font-size-fluid:4cqi;--font-size-diff:.22;font-size:clamp(var(--font-size) - var(--font-size) * var(--font-size-diff), var(--font-size-fluid), var(--font-size))}[data-astro-cid-pnh5hu4j][data-container-style]{--min-inline-size:revert;--outline:revert}.stage[data-astro-cid-pnh5hu4j]{--stage-bg:#042020;--gap-m:var(--space-s,16px);--gap-l:var(--space-m,24px);margin-block:var(--gap-l);border:solid 1px var(--color-accent);overflow:clip}.option[data-astro-cid-pnh5hu4j]{row-gap:var(--gap-m);padding-block:var(--gap-m);padding-inline:var(--gap-l);border-block-end:solid 1px var(--color-accent);display:grid}.option-item[data-astro-cid-pnh5hu4j]{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.option-item[data-astro-cid-pnh5hu4j] label[data-astro-cid-pnh5hu4j]{inline-size:fit-content}.info[data-astro-cid-pnh5hu4j]{gap:var(--gap-l);padding:var(--gap-l);background-color:var(--stage-bg);color:#fff;font-family:var(--font-family-en);display:flex}[data-astro-cid-pnh5hu4j]:where(.cover-container,.review){outline:var(--outline)}.cover-container[data-astro-cid-pnh5hu4j]{min-inline-size:var(--min-inline-size);container:cover/inline-size}.cover[data-astro-cid-pnh5hu4j]{inline-size:100px}.review[data-astro-cid-pnh5hu4j]{z-index:10;position:relative}.title[data-astro-cid-pnh5hu4j]{margin-block-end:1em}.desc[data-astro-cid-pnh5hu4j]{font-size:var(--font-size-p-s)}.stack[data-astro-cid-pnh5hu4j]{padding:var(--gap-l);background-color:var(--stage-bg);color:#fff;font-family:var(--font-family-en)}.box[data-astro-cid-pnh5hu4j]{position:relative}.box-bg[data-astro-cid-pnh5hu4j]{z-index:1;color:#042020;text-align:center;background-color:#bde1e1;align-items:center;max-block-size:fit-content;inline-size:100%;padding:8px;display:grid;position:absolute;inset:0}.square-parent[data-astro-cid-pnh5hu4j]{container-type:var(--container-type,normal)}.square[data-astro-cid-pnh5hu4j]{z-index:10;aspect-ratio:1;text-align:center;background-color:#48395b;justify-content:center;align-items:center;max-inline-size:160px;padding:1em;display:flex;position:relative}@media (width>=768px){.stage[data-astro-cid-pnh5hu4j]{--gap-m:var(--space-m,24px);--gap-l:var(--space-l,40px)}}