.tint.svelte-1toofbr{background:color-mix(in oklab, var(--color-brand-50) 80%, var(--color-paper))}@media (width>=48rem){.head.svelte-1toofbr{z-index:10;border-bottom:1px solid var(--color-line-strong);position:sticky;top:4rem}.head.svelte-1toofbr:not(.tint){background:var(--color-paper)}}.row.svelte-1toofbr:hover>:where(.svelte-1toofbr){background-image:linear-gradient(#16161d06,#16161d06)}.song.svelte-1halm1i{transition:background-color .2s}.song.filled.svelte-1halm1i{animation:svelte-1halm1i-pop .32s var(--ease-out)}@keyframes svelte-1halm1i-pop{0%{opacity:.4;transform:scale(.5)}}.note.svelte-1halm1i{animation:svelte-1halm1i-note-in .26s var(--ease-out)}@keyframes svelte-1halm1i-note-in{0%{opacity:0;transform:translateY(3px)}}.pressable.svelte-1halm1i{transition:background-color .15s ease, color .15s ease, transform .15s var(--ease-out)}.pressable.svelte-1halm1i:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.song.filled.svelte-1halm1i,.note.svelte-1halm1i{animation-name:svelte-1halm1i-fade}@keyframes svelte-1halm1i-fade{0%{opacity:.4}}}.roll-char.svelte-5wqjj3,.roll-period.svelte-5wqjj3{opacity:0;filter:blur(3px);transition:transform .25s var(--ease-out) calc(var(--i,0) * 25ms), opacity .25s var(--ease-out) calc(var(--i,0) * 25ms), filter .2s var(--ease-out) calc(var(--i,0) * 25ms);transform:translateY(.6em)}.roll-period.svelte-5wqjj3{--i:0}.roll[data-from=above].svelte-5wqjj3 :is(.roll-char:where(.svelte-5wqjj3),.roll-period:where(.svelte-5wqjj3)){transform:translateY(-.6em)}.roll[data-state=active].svelte-5wqjj3 :is(.roll-char:where(.svelte-5wqjj3),.roll-period:where(.svelte-5wqjj3)){opacity:1;filter:blur();transition:transform .5s var(--ease-out) calc(var(--i,0) * 25ms), opacity .5s var(--ease-out) calc(var(--i,0) * 25ms), filter .3s var(--ease-out) calc(var(--i,0) * 25ms);transform:translateY(0)}.roll[data-state=active].svelte-5wqjj3 .roll-period:where(.svelte-5wqjj3){transition-delay:80ms}@media (prefers-reduced-motion:reduce){.roll[data-from].svelte-5wqjj3 :is(.roll-char:where(.svelte-5wqjj3),.roll-period:where(.svelte-5wqjj3)),.roll[data-state=active].svelte-5wqjj3 :is(.roll-char:where(.svelte-5wqjj3),.roll-period:where(.svelte-5wqjj3)){filter:none;transition:opacity .2s linear;transform:none}}