Something went wrong. Try again.
a full redesign for last.fm bleh.katelyn.moe
bleh lastfm
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474@keyframes staggered_spinner { from { transform: rotateZ(0); } to { transform: rotateZ(360deg); }}
@keyframes staggered_spinner_inverted { from { transform: rotateZ(0); } to { transform: rotateZ(-360deg); }}
@keyframes bubble { from { transform: scale(0.9); opacity: 0; } to { transform: unset; opacity: unset; }}
@keyframes grid { from { translate: 0 10px; scale: 0.98; opacity: 0; } to { translate: 0 0; scale: 1; opacity: 1; }}
@keyframes fade { from { opacity: 0; } to { opacity: 1; }}
@keyframes chartlist { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); }}
@keyframes slide_down { from { transform: scaleY(0.85); opacity: 0; } to { transform: scaleY(1); opacity: 1; }}
@keyframes bleh-chartlist-flash { from { --bg: oklch(var(--h4) / 15%) !important; } to { --bg: transparent !important; }}@keyframes bleh-chartlist-flash-odd { from { --bg: oklch(var(--h4) / 15%) !important; } to { --bg: oklch(var(--b4) / 40%) !important; }}
@keyframes slide_left { from { transform: translateX(-10px); opacity: 0; } to { transform: unset; opacity: unset; }}
@keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes blur_in { from, to { scale: 1; filter: blur(0) !important; -webkit-filter: blur(0) !important; opacity: 1 !important; } 60% { scale: 1.05; filter: blur(4px) !important; -webkit-filter: blur(0) !important; opacity: 0 !important; }}
@keyframes fade_popup_reduced { from { opacity: 0 !important; } to { opacity: 1 !important; }}@keyframes fade_popup_reverse_reduced { to { visibility: visible !important; opacity: 0; } from { visibility: visible !important; opacity: 1; }}
@keyframes dropdown { from { opacity: 0; } to { opacity: 1; }}@keyframes dropdown_reverse { to { visibility: visible !important; opacity: 0; } from { visibility: visible !important; opacity: 1; }}@keyframes dropdown_side { from { opacity: 0; } to { opacity: 1; }}
@keyframes oracle { from, to { opacity: 1; } 50% { opacity: 0.5; }}
@keyframes solarium { from { filter: blur(calc(var(--solarium-percent) * 3px)); transform: scale(0.98); } to { filter: blur(0); transform: scale(1); }}
@keyframes solarium_menu { from { filter: blur(calc(var(--solarium-percent) * 3px)); transform-origin: top; transform: scaleY(0.95); } to { filter: blur(0); transform-origin: top; transform: scale(1); }}
@keyframes highlight_setting { from, to { background: transparent; } 40% { background: oklch(var(--k4) / 20%); }}
@keyframes track_in { from { transform: translateY(5px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes grid_primary { from { transform: translateX(10px); opacity: 0; } to { transform: translateX(0); opacity: 1; }}@keyframes grid_item { from { transform: translateX(-5px); opacity: 0; } to { transform: translateX(0); opacity: 1; }}
@keyframes drop { from { transform: translateY(0); } 75%, to { transform: translateY(90vh); }}@keyframes stem { from, 65% { opacity: 1; } 75%, to { opacity: 0; }}@keyframes splat { from, 80% { opacity: 1; transform: scale(0); } 90% { opacity: 0.5; transform: scale(1); } to { opacity: 0; transform: scale(1.5); }}
@keyframes notif { from { transform: translateX(var(--card-gap)); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes notif_out { to { transform: translateX(var(--card-gap)); opacity: 0; } from { transform: translateY(0); opacity: 1; }}
@keyframes snow-fall { from { transform: translate(var(--x), -10px); } to { transform: translate(var(--x-end), 105vh); }}
@keyframes modal { from { transform: translateY(-6px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}
@keyframes modal_out { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-6px); opacity: 0; }}
@keyframes requested { from, to { transform: scale(1); } 70% { transform: scale(1.1); }}
@keyframes new { from, to { background: oklch(var(--k4) / 30%); color: oklch(var(--l3-c)); } 50% { background: oklch(var(--k4) / 60%); color: oklch(var(--l2-c-theme-switch)); }}
@keyframes activity { from { transform: translateY(-5px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}
@keyframes progress { from, to { background-color: oklch(var(--h3)); } 50% { background-color: oklch(var(--h2)); }}
@keyframes valentine { from, to { color: oklch(var(--l4-c)); scale: 1; } 40% { color: color-mix(in oklch, oklch(var(--l2-c)) 80%, oklch(var(--l3-c))); scale: 1.3; }}
@keyframes gradient { from { background-position: 0% 0%; } to { background-position: -100% 0%; }}
@keyframes up { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}@keyframes down { from { transform: translateY(-10px); opacity: 0; } to { transform: translateY(0); opacity: 1; }}
@keyframes status { from { opacity: 0; transform: scale(1.1); filter: blur(2px); } to { opacity: 1; transform: scale(1); filter: blur(0); }}
@keyframes status_cafe { from { translate: 0 2px; scale: 0.99; opacity: 0; } to { translate: 0 0; scale: 1; opacity: 1; }}
@keyframes follow_notice { from, to { color: oklch(var(--l3-c)); } 50% { color: color-mix(in oklch, oklch(var(--l2-c)) 70%, oklch(var(--l3-c))); }}
@keyframes ina { from, to { scale: 1 1; } 30% { scale: 1.03 1; }}
@keyframes loading { from { width: 0; } to { width: 100%; }}