.qq-flip.svelte-1oud4nz{min-width:0;color:var(--on-surface)}.qq-flip__heading.svelte-1oud4nz,.qq-flip__brand.svelte-1oud4nz,.qq-flip__footer.svelte-1oud4nz,.qq-flip__pages.svelte-1oud4nz{display:flex;align-items:center;gap:var(--m3e-space-2)}.qq-flip__heading.svelte-1oud4nz,.qq-flip__footer.svelte-1oud4nz{justify-content:space-between}.qq-flip__heading.svelte-1oud4nz{margin-bottom:var(--m3e-space-2)}.qq-flip__brand.svelte-1oud4nz{font:var(--m3e-type-label-large);color:var(--primary)}.qq-flip__brand.svelte-1oud4nz>svg{width:1.25rem;height:1.25rem}.qq-flip__switch.svelte-1oud4nz,.qq-flip__refresh.svelte-1oud4nz,.qq-flip__pages.svelte-1oud4nz button:where(.svelte-1oud4nz){display:grid;place-items:center;width:2.25rem;min-height:2.25rem;flex-shrink:0;border-radius:var(--shape-corner-m);color:var(--on-surface-variant);background:var(--surface-container-low);cursor:pointer}.qq-flip__switch.svelte-1oud4nz svg,.qq-flip__refresh.svelte-1oud4nz svg,.qq-flip__pages.svelte-1oud4nz button:where(.svelte-1oud4nz) svg{width:1.25rem;height:1.25rem}.qq-flip.svelte-1oud4nz button:where(.svelte-1oud4nz):disabled{opacity:.38;cursor:default}.qq-flip.svelte-1oud4nz :where(.svelte-1oud4nz):is(button:where(.svelte-1oud4nz),a:where(.svelte-1oud4nz)):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.qq-flip__stage.svelte-1oud4nz{height:26rem;perspective:60rem}.qq-flip__rotor.svelte-1oud4nz{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--m3e-duration-long) var(--m3e-easing-emphasized-decelerate)}.qq-flip__rotor--back.svelte-1oud4nz{transform:rotateY(180deg)}.qq-flip__face.svelte-1oud4nz{position:absolute;inset:0;min-width:0;padding:var(--m3e-space-3);border:1px solid var(--outline-variant);border-radius:var(--shape-corner-l);background:var(--surface-container-low);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.qq-flip__front.svelte-1oud4nz{display:flex;flex-direction:column;align-items:center;gap:var(--m3e-space-2)}.qq-flip__copy.svelte-1oud4nz{width:100%;text-align:center}.qq-flip__copy.svelte-1oud4nz .qq-flip__title:where(.svelte-1oud4nz){font:var(--m3e-type-title-medium);font-weight:600;margin:var(--m3e-space-1) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.qq-flip__copy.svelte-1oud4nz p:where(.svelte-1oud4nz){font:var(--m3e-type-body-small);color:var(--on-surface-variant);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-flip__eyebrow.svelte-1oud4nz,.qq-flip__hint.svelte-1oud4nz{font:var(--m3e-type-label-small);color:var(--on-surface-variant)}.qq-flip__spectrum.svelte-1oud4nz{display:flex;align-items:end;justify-content:center;gap:var(--m3e-space-1);width:90%;height:1.75rem;flex-shrink:0}.qq-flip__spectrum.svelte-1oud4nz span:where(.svelte-1oud4nz){width:var(--m3e-space-1);height:var(--bar-height);border-radius:var(--shape-corner-full);background:var(--primary);transform-origin:bottom;animation:svelte-1oud4nz-qq-spectrum var(--bar-duration) var(--m3e-easing-standard) infinite;animation-delay:var(--bar-delay)}.qq-flip[data-side=list].svelte-1oud4nz .qq-flip__spectrum:where(.svelte-1oud4nz) span:where(.svelte-1oud4nz){animation-play-state:paused}.qq-flip__artwork.svelte-1oud4nz{position:relative;display:grid;place-items:center;width:100%;min-height:0;flex:1;border-radius:var(--shape-corner-m);background:var(--secondary-container);color:var(--on-secondary-container);overflow:hidden}.qq-flip__artwork.svelte-1oud4nz>svg{width:4rem;height:4rem}.qq-flip__artwork.svelte-1oud4nz img:where(.svelte-1oud4nz){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qq-flip__open.svelte-1oud4nz{position:absolute;right:var(--m3e-space-2);bottom:var(--m3e-space-2);display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--shape-corner-full);background:var(--surface-container-lowest);color:var(--on-surface)}.qq-flip__open.svelte-1oud4nz svg{width:1.25rem;height:1.25rem}.qq-flip__back.svelte-1oud4nz{display:flex;flex-direction:column;gap:var(--m3e-space-2);transform:rotateY(180deg)}.qq-flip__list-heading.svelte-1oud4nz{display:flex;align-items:baseline;justify-content:space-between;gap:var(--m3e-space-1)}.qq-flip__list-heading.svelte-1oud4nz strong:where(.svelte-1oud4nz){font:var(--m3e-type-title-small);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-flip__list-heading.svelte-1oud4nz span:where(.svelte-1oud4nz){font:var(--m3e-type-label-small);color:var(--on-surface-variant);flex-shrink:0}.qq-flip__list.svelte-1oud4nz{display:flex;flex-direction:column;gap:var(--m3e-space-1);list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.qq-flip__list.svelte-1oud4nz li:where(.svelte-1oud4nz){min-width:0}.qq-flip__song.svelte-1oud4nz{display:flex;align-items:center;gap:var(--m3e-space-2);min-width:0;min-height:3rem;padding:var(--m3e-space-1);border-radius:var(--shape-corner-s);background:var(--surface-container-high);color:var(--on-surface);text-decoration:none}.qq-flip__thumbnail.svelte-1oud4nz{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--shape-corner-xs);background:var(--secondary-container);color:var(--on-secondary-container);overflow:hidden}.qq-flip__thumbnail.svelte-1oud4nz img:where(.svelte-1oud4nz){width:100%;height:100%;object-fit:cover}.qq-flip__song-copy.svelte-1oud4nz{display:flex;flex-direction:column;gap:var(--m3e-space-1);min-width:0;flex:1}.qq-flip__song-copy.svelte-1oud4nz strong:where(.svelte-1oud4nz),.qq-flip__song-copy.svelte-1oud4nz span:where(.svelte-1oud4nz){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-flip__song-copy.svelte-1oud4nz strong:where(.svelte-1oud4nz){font:var(--m3e-type-label-large)}.qq-flip__song-copy.svelte-1oud4nz span:where(.svelte-1oud4nz){font:var(--m3e-type-label-small);color:var(--on-surface-variant)}.qq-flip__song.svelte-1oud4nz .qq-flip__external{width:1rem;height:1rem;flex-shrink:0;color:var(--on-surface-variant)}.qq-flip__pages.svelte-1oud4nz{justify-content:space-between;font:var(--m3e-type-label-small);color:var(--on-surface-variant)}.qq-flip__empty.svelte-1oud4nz{display:grid;place-items:center;flex:1;text-align:center;font:var(--m3e-type-body-small);color:var(--on-surface-variant)}.qq-flip__footer.svelte-1oud4nz{margin-top:var(--m3e-space-2);font:var(--m3e-type-label-small);color:var(--on-surface-variant)}.qq-flip__footer.svelte-1oud4nz a:where(.svelte-1oud4nz){display:inline-flex;align-items:center;gap:var(--m3e-space-1);min-height:2.25rem;color:var(--primary)}.qq-flip__footer.svelte-1oud4nz a:where(.svelte-1oud4nz) svg{width:1rem;height:1rem}.qq-flip__notice.svelte-1oud4nz{margin:var(--m3e-space-2) 0 0;font:var(--m3e-type-body-small);color:var(--on-surface-variant);overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.qq-flip__rotor.svelte-1oud4nz{transition:none}.qq-flip__spectrum.svelte-1oud4nz span:where(.svelte-1oud4nz){animation:none}}html.motion-reduced .qq-flip__rotor.svelte-1oud4nz{transition:none}html.motion-reduced .qq-flip__spectrum.svelte-1oud4nz span:where(.svelte-1oud4nz){animation:none}@-moz-keyframes svelte-1oud4nz-qq-spectrum{0%,to{transform:scaleY(.24)}20%{transform:scaleY(.82)}40%{transform:scaleY(.38)}60%{transform:scaleY(1)}80%{transform:scaleY(.5)}}@-webkit-keyframes svelte-1oud4nz-qq-spectrum{0%,to{transform:scaleY(.24)}20%{transform:scaleY(.82)}40%{transform:scaleY(.38)}60%{transform:scaleY(1)}80%{transform:scaleY(.5)}}@-o-keyframes svelte-1oud4nz-qq-spectrum{0%,to{transform:scaleY(.24)}20%{transform:scaleY(.82)}40%{transform:scaleY(.38)}60%{transform:scaleY(1)}80%{transform:scaleY(.5)}}@keyframes svelte-1oud4nz-qq-spectrum{0%,to{transform:scaleY(.24)}20%{transform:scaleY(.82)}40%{transform:scaleY(.38)}60%{transform:scaleY(1)}80%{transform:scaleY(.5)}}