.music-card.svelte-blvtk9{position:relative;display:flex;flex-direction:column;gap:8px;min-inline-size:0;border-radius:10px;cursor:pointer}.image-wrap.svelte-blvtk9,.text-wrap.svelte-blvtk9{position:relative;z-index:1}.image-wrap.svelte-blvtk9{display:block;overflow:hidden;inline-size:100%;aspect-ratio:1;border-radius:10px;background:var(--background-normal-alternative)}.image-wrap.svelte-blvtk9 img:where(.svelte-blvtk9){inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:opacity .18s ease,transform .3s ease}.text-wrap.svelte-blvtk9{display:flex;flex-direction:column;min-inline-size:0}.text-wrap.svelte-blvtk9 strong:where(.svelte-blvtk9){overflow:hidden;color:var(--label-normal);font-size:var(--font-body-1-size);font-weight:600;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.meta.svelte-blvtk9{color:var(--label-assistive)}.music-card.svelte-blvtk9:focus-visible{outline:2px solid var(--primary-normal);outline-offset:4px}@media(min-width:768px)and (hover:hover){.music-card.svelte-blvtk9:hover .image-wrap:where(.svelte-blvtk9) img:where(.svelte-blvtk9){transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.image-wrap.svelte-blvtk9 img:where(.svelte-blvtk9){transition:none}}.dropdown.svelte-1l9tj0l{position:relative;flex:1 1 0;min-inline-size:0}.dropdown.secondary.svelte-1l9tj0l{flex:0 0 auto}.trigger.svelte-1l9tj0l{display:flex;justify-content:center;align-items:center;gap:8px;inline-size:100%;min-block-size:50px;padding:13px 20px 13px 24px;border-radius:16px;background:var(--primary-normal);color:#fff;font-size:var(--font-body-1-size);font-weight:var(--font-weight-medium);line-height:var(--font-body-1-leading);letter-spacing:var(--font-body-1-tracking);white-space:nowrap}.trigger.svelte-1l9tj0l:hover{background:var(--primary-strong)}.trigger.svelte-1l9tj0l:active,.trigger.open.svelte-1l9tj0l{background:var(--primary-heavy)}.trigger.svelte-1l9tj0l img:where(.svelte-1l9tj0l){flex:0 0 auto;inline-size:20px;block-size:20px;max-inline-size:none;transition:transform .16s ease}.trigger.open.svelte-1l9tj0l img:where(.svelte-1l9tj0l){transform:rotate(180deg)}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l){gap:4px;min-block-size:32px;padding:7px 12px 7px 14px;background:var(--primary-subtle);color:var(--primary-normal);font-size:var(--font-label-2-size);line-height:var(--font-label-2-leading);letter-spacing:var(--font-label-2-tracking)}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l):hover{background:linear-gradient(var(--fill-normal),var(--fill-normal)),var(--primary-subtle)}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l):active,.secondary.svelte-1l9tj0l .trigger.open:where(.svelte-1l9tj0l){background:linear-gradient(var(--fill-strong),var(--fill-strong)),var(--primary-subtle)}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l) img:where(.svelte-1l9tj0l){inline-size:16px;block-size:16px;filter:invert(52%) sepia(94%) saturate(1766%) hue-rotate(199deg) brightness(99%)}.trigger.svelte-1l9tj0l:focus-visible,.menu.svelte-1l9tj0l a:where(.svelte-1l9tj0l):focus-visible{outline:2px solid var(--primary-normal);outline-offset:2px}.menu.svelte-1l9tj0l{position:absolute;z-index:5;inset-block-start:calc(100% + 8px);inset-inline-start:0;overflow:hidden;inline-size:240px;padding-block:4px;border:1px solid var(--line-solid-alternative);border-radius:16px;background:var(--background-elevated-normal);box-shadow:0 12px 32px #14191c1f}.menu.svelte-1l9tj0l a:where(.svelte-1l9tj0l){display:flex;align-items:center;min-block-size:48px;padding-inline:16px;color:var(--label-normal);font-size:var(--font-body-1-size);font-weight:var(--font-weight-regular);line-height:var(--font-body-1-leading);letter-spacing:var(--font-body-1-tracking);white-space:nowrap}.menu.svelte-1l9tj0l a:where(.svelte-1l9tj0l):hover{background:var(--fill-alternative)}@media(min-width:768px){.dropdown.svelte-1l9tj0l{flex:0 0 auto}.trigger.svelte-1l9tj0l{inline-size:auto}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l){gap:6px;min-block-size:38px;padding:9px 16px 9px 20px;font-size:var(--font-label-1-size);line-height:var(--font-label-1-leading);letter-spacing:var(--font-label-1-tracking)}.secondary.svelte-1l9tj0l .trigger:where(.svelte-1l9tj0l) img:where(.svelte-1l9tj0l){inline-size:18px;block-size:18px}}@media(prefers-reduced-motion:reduce){.trigger.svelte-1l9tj0l img:where(.svelte-1l9tj0l){transition:none}}