.styles-module__Xzyg9a__side-menu{height:calc(100dvh - var(--player-height));width:var(--sidebar-width);border-right:1px solid var(--grey-4);background:var(--black);flex-direction:column;flex-shrink:0;gap:24px;padding:24px 12px 20px;display:none;position:sticky;top:0}@media (min-width:1024px){.styles-module__Xzyg9a__side-menu{display:flex}}.styles-module__Xzyg9a__side-menu-header{padding:0 10px}.styles-module__Xzyg9a__side-menu-nav{flex-direction:column;gap:4px;display:flex}
.styles-module__6xTY9q__user-menu{margin-left:auto;position:relative}.styles-module__6xTY9q__trigger{background:var(--grey-5);border:1px solid var(--grey-4);border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:background .2s ease-in-out;display:flex}.styles-module__6xTY9q__trigger:hover{background:var(--grey-4)}.styles-module__6xTY9q__username{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.88rem;font-weight:600;overflow:hidden}.styles-module__6xTY9q__menu{background:var(--black-3);border:1px solid var(--grey-4);min-width:220px;box-shadow:var(--shadow-1);border-radius:16px;flex-direction:column;padding:6px;animation:.16s ease-out styles-module__6xTY9q__menu-in;display:flex;position:absolute;top:calc(100% + 8px);right:0}.styles-module__6xTY9q__item{color:var(--grey-1);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.styles-module__6xTY9q__item:hover{background:var(--grey-4);color:var(--white)}@keyframes styles-module__6xTY9q__menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.styles-module__yFPgrq__mobile-nav{z-index:40;height:64px;padding:0 4px env(safe-area-inset-bottom);background:var(--black-opacity-1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--grey-4);display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.styles-module__yFPgrq__mobile-nav{display:none}}