nav[data-v-c50e74ab]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-right:1px solid var(--border-color);bottom:80px;left:0;position:fixed;top:var(--item-height);width:var(--nav-width);--color:var(--text-secondary);--icon-primary:#1296db;--icon-secondary:#d81e06;--icon-upload:#d4237a;--on-primary:#1296db;--on-secondary:#f21d1d;--on-upload:#d4237a;--item-height:4rem;--nav-width:4rem;--nav-width-expanded:16rem;overflow:hidden;transition:width .2s ease;--text-secondary:#d8d8d8}nav.expanded[data-v-c50e74ab]{width:var(--nav-width-expanded)}nav.collapsed[data-v-c50e74ab]{width:var(--nav-width)}nav .title[data-v-c50e74ab]{align-items:center;color:var(--color);display:flex;font-size:28px;font-weight:600;justify-content:center;letter-spacing:2px;margin-block:.5rem}nav .title svg[data-v-c50e74ab]{margin:0 auto}nav ul li[data-v-c50e74ab]{height:var(--item-height);padding-block:2px;padding-inline:8px}nav ul li a[data-v-c50e74ab]{border:none;border-radius:4px;color:var(--color);font-size:20px;height:100%;justify-content:center;text-decoration:none;width:100%}nav ul li a[data-v-c50e74ab]:hover{background-color:var(--hover-bg);transition:all .2s ease-in-out}nav ul li div[data-v-c50e74ab]{align-items:center;display:flex;transition:opacity .2s ease}nav ul li a svg[data-v-c50e74ab]{transition:margin-right .2s ease}nav ul li a svg[data-v-c50e74ab],nav.expanded ul li a svg[data-v-c50e74ab]{margin-right:.3rem}nav ul li div span[data-v-c50e74ab]{overflow:hidden;transition:none}nav ul li div span[data-v-c50e74ab],nav.expanded ul li div span[data-v-c50e74ab]{max-width:0;opacity:0}@supports (animation:slideIn .2s ease .2s forwards){nav.expanded ul li div span[data-v-c50e74ab]{animation:slideIn-c50e74ab .2s ease .2s forwards}}@keyframes slideIn-c50e74ab{0%{max-width:200px;opacity:0}to{max-width:200px;opacity:1}}@supports (animation:slideOut .2s ease forwards){nav:not(.expanded) ul li div span[data-v-c50e74ab]{animation:slideOut-c50e74ab .2s ease forwards}}@keyframes slideOut-c50e74ab{0%{max-width:200px;opacity:1}to{max-width:0;opacity:0}}#on[data-v-c50e74ab]{font-weight:500}nav ul .collections #on[data-v-c50e74ab]{color:var(--on-secondary)}nav ul .playlist #on[data-v-c50e74ab]{color:var(--on-primary)}