.music-theme-amethyst{--music-a:#79539e;--music-b:#322647;--music-accent:#d5b8fc}
.music-theme-lavender{--music-a:#eee7f8;--music-b:#d9ceeb;--music-accent:#775497;--music-ink:#30253c;--music-secondary:#64556f}
.music-theme-night{--music-a:#30303d;--music-b:#191a23;--music-accent:#c3afe4}
.music-theme-lavender .music-mini-line>.music-play{color:#51376d!important}.music-theme-lavender .music-art-placeholder{color:#64556f}.music-theme-lavender .music-source-action a{color:#30253c}
.music-block,.music-dock{--text:var(--music-ink,#fff);--muted:var(--music-secondary,#e3d8f0);color:var(--text);background:radial-gradient(ellipse at 15% 0%,#ffffff09,transparent 60%),linear-gradient(125deg,var(--music-a),var(--music-b));border-radius:18px}
.music-block{padding:16px;position:relative;box-shadow:0 6px 18px #1810240a}.music-dock.is-expanded{container-type:inline-size}
.music-composition,.music-composition.has-vinyl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center}
.music-composition .music-track{min-height:44px;position:static}.music-composition .music-track>.music-description{padding-right:40px}.music-composition .music-track>[data-music-action=menu]{position:absolute;right:12px;top:12px}
.music-composition .music-description strong{font-size:18px;line-height:1.35}.music-composition .music-description small{font-size:13px;margin-top:4px}
.music-record-controls{display:flex;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:140px}
.music-record-controls>.ui-icon-button{flex:0 0 44px;width:44px;height:44px}.music-record-controls>.ui-icon-button svg{width:24px;height:24px}
.music-record-controls .music-record-button{position:relative;display:grid;place-items:center;flex:0 0 136px;width:136px;height:136px;min-width:0;min-height:0;padding:0;border-radius:50%;background:none!important;color:white;isolation:isolate;transition:filter 160ms}
.music-record-button:hover{filter:brightness(1.08)}.music-record-button:active{filter:brightness(.94)}.music-record-button:focus-visible{outline:2px solid var(--music-accent,#dbc7f2)!important;outline-offset:5px!important}
.music-record-button .music-disc{position:absolute;inset:0;display:grid;width:100%;max-width:none;box-sizing:border-box;animation-duration:14s;background:radial-gradient(circle at 50% 50%,transparent 30%,#0003 70%),conic-gradient(from 35deg,#15141b,#39343f 18%,#121218 32%,#17171e 55%,#49414e 73%,#17151d 90%);border:1px solid #000;box-shadow:inset 0 0 0 2px #aaa3,0 3px 7px #0005}
.music-record-button .music-disc:before{content:'';position:absolute;inset:3px;border-radius:50%;background:repeating-radial-gradient(circle,#0000 0 1px,#b4a2c21c 1.5px,#0007 2px,#0000 3px);pointer-events:none}.music-record-button .music-disc:after{display:none}
.music-record-button .music-record-label{width:44%;height:44%;position:relative;z-index:1;background:linear-gradient(145deg,var(--music-a),var(--music-b));box-shadow:0 0 0 2px #0005;overflow:hidden;border-radius:50%}.music-record-label img{width:100%;height:100%;object-fit:cover}.music-record-label .music-art-placeholder{font-size:28px;opacity:.55}
.music-record-glyph{position:relative;z-index:2;display:grid;place-items:center;width:44%;height:44%;border-radius:50%;background:#0002;pointer-events:none;filter:drop-shadow(0 1px 3px #0009)}.music-record-glyph svg{width:28px;height:28px}
.music-composition .music-progress{margin:0;gap:8px;min-height:36px;grid-template-columns:32px minmax(0,1fr) 32px}.music-progress small:last-child{text-align:right}
.music-block input[type=range],.music-dock input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--music-accent,#d5b8fc);border:0;padding:0;height:36px;min-height:36px;cursor:pointer}
.music-block input[type=range]::-webkit-slider-runnable-track,.music-dock input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--music-accent,#d5b8fc) var(--music-fill,0%),color-mix(in srgb,var(--music-accent,#d5b8fc) 28%,transparent) var(--music-fill,0%));border-radius:4px}
.music-block input[type=range]::-webkit-slider-thumb,.music-dock input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--music-accent,#e9dafb);margin-top:-5px;border:0;box-shadow:0 1px 3px #0002}
.music-block input[type=range]::-moz-range-track,.music-dock input[type=range]::-moz-range-track{height:4px;background:linear-gradient(to right,var(--music-accent,#d5b8fc) var(--music-fill,0%),color-mix(in srgb,var(--music-accent,#d5b8fc) 28%,transparent) var(--music-fill,0%));border-radius:4px}.music-block input[type=range]::-moz-range-thumb,.music-dock input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--music-accent,#e9dafb)}
.music-footer{display:flex;align-items:center;gap:4px;min-width:0}.music-footer>button{flex:none;position:relative}.music-footer [data-repeat-one]{position:absolute;right:3px;top:4px;font-size:10px;font-weight:700}.music-footer [aria-pressed=true]{color:var(--music-accent,#ddc2ff);background:color-mix(in srgb,var(--music-accent,#ddc2ff) 14%,transparent)}
.music-footer .music-volume{display:flex!important;flex:1;min-width:0;gap:2px;margin:0}.music-volume>button{flex:0 0 44px}.music-volume>label{flex:1;min-width:0;display:flex;align-items:center}.music-footer .music-volume input{width:100%!important;min-width:24px;max-width:150px}.music-volume [data-system-volume]{font-size:10px;line-height:1.3;max-width:90px}.music-footer .music-queue-toggle{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;white-space:nowrap}.music-queue-word{display:none}
.music-block>.music-queue>summary[hidden]{display:none!important}.music-block>.music-queue{margin:0}.music-block>.music-queue[open]{margin-top:12px;max-height:320px;overflow:auto;overscroll-behavior:contain}
.music-composition .music-message{margin:0}.music-block button:focus-visible,.music-dock button:focus-visible{outline-color:var(--music-accent,#fff)}
.music-dock.is-expanded .music-composition .music-description{padding-right:0}.music-dock.is-expanded .music-record-controls{min-height:180px}.music-dock.is-expanded .music-record-button{width:170px;height:170px;flex-basis:170px}
@container(min-width:440px){.music-record-controls .music-record-button{width:172px;height:172px;flex-basis:172px}.music-record-controls{min-height:180px;gap:20px}.music-queue-word{display:inline}.music-footer .music-volume{max-width:210px}}
@container(min-width:680px){.music-composition.has-vinyl{grid-template-columns:minmax(0,1fr) minmax(290px,.95fr);grid-template-rows:auto auto auto;column-gap:24px;row-gap:12px;min-height:220px}.has-vinyl>.music-track{grid-column:1;grid-row:1}.has-vinyl>.music-record-controls{grid-column:2;grid-row:1/4}.has-vinyl>.music-progress{grid-column:1;grid-row:2}.has-vinyl>.music-footer{grid-column:1;grid-row:3}.has-vinyl>.music-message{grid-column:1/-1}.music-composition .music-description strong{font-size:22px}.music-record-controls .music-record-button{width:180px;height:180px;flex-basis:180px}.music-composition .music-track>.music-description{padding-right:0}}
@media(max-width:620px){.music-block{padding:14px}.music-dock.is-expanded .music-record-button{width:136px;height:136px;flex-basis:136px}.music-dock.is-expanded .music-record-controls{min-height:140px}.music-dock.is-expanded{border-radius:0}}
@media(prefers-reduced-motion:reduce){.music-record-button .music-disc{animation:none!important}.music-record-button{transition:none}}