.search-container{background:#2b2b4399;border:1px solid #ffffff4d;border-radius:8px;align-items:center;width:clamp(180px,22vw,280px);padding:2px 10px;transition:all .3s;display:flex}.search-container:focus-within{background:#3c3c5acc;border-color:#6969ff;box-shadow:0 0 10px #6969ff4d}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:8px 10px;font-size:1rem}.search-input::placeholder{color:#ffffff80}.search-icon-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:5px;transition:transform .2s;display:flex}.search-icon-btn:hover{transform:scale(1.1)}.search-icon-btn img{filter:brightness(0)invert();width:20px;height:20px}@media (width<=500px){.search-container{width:clamp(120px,30vw,180px)}}:root{--player-h:clamp(88px, 13vh, 125px);--header-h:clamp(55px, 12vh, 80px);--side-w:clamp(210px, 20vw, 280px);--right-panel-w:340px;--gap:clamp(10px, 1.5vw, 20px);--control-button-accent:#a8e1d0;--login-accent:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Oswald,sans-serif}body{color:#fff;background-image:url(../assets/images/backgrounds/BG2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{background:#121212;width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#ff0844,#ffb199);border:2px solid #121212;border-radius:8px}header.main-header{-webkit-user-select:none;user-select:none;--heading-size:clamp(2rem, 3.5vw, 4rem);width:100%;height:var(--header-h);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000001a;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0}.header-center{color:red;filter:drop-shadow(1px 1px #fff);font-size:4em;position:absolute;top:0;left:50%;transform:translate(-50%)}.header-right{flex-direction:row;justify-content:center;display:flex}@keyframes mic{0%{scale:1}to{scale:1.1}}section.profile{gap:20px;display:flex}div.user-avatar{cursor:pointer;margin-right:10px;position:relative;top:2px}img.user-avatar{corner-shape:squircle;background-color:#fff;border-radius:50px;height:40px;padding:2px}div.profile_menu{z-index:20;width:clamp(150px,20vw,240px);top:calc(var(--header-h) + 4px);visibility:hidden;background-color:#004a9e;border:2px solid gold;border-radius:10px;flex-direction:column;padding:10px;transition:visibility,opacity .2s;display:flex;position:absolute;right:0}div.profile_menu span{cursor:pointer;padding:10px}div.profile_menu span:hover{background-color:#0055b6;text-decoration:underline}div.profile_menu a{cursor:pointer;color:#fff;padding:10px;text-decoration:none}div.profile_menu a:hover{background-color:#0055b6;text-decoration:underline}.tooltip{color:#fff;z-index:1000;opacity:1;background:#000;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700;transition:opacity .5s ease-in-out;position:fixed;top:20px;left:50%;transform:translate(-50%)}.fade-out{opacity:0}.active-tooltip{animation:.2s ease-out forwards tooltip}@keyframes tooltip{0%{translate:0 -100px}to{translate:0}}.whole{top:var(--header-h);bottom:var(--player-h);width:100%;display:flex;position:fixed;left:0;right:0;overflow:hidden}.main-section{flex-direction:column;padding:10px 20px;display:flex;overflow-y:auto}.main-section::-webkit-scrollbar{width:6px}.right-panel{width:var(--right-panel-w);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border-left:1px solid #ffffff1a;padding:10px;overflow-y:hidden}section.playlist_poster{background-image:url(../assets/playlist-posters/playlist-poster2.jpg);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:10px;min-height:90px;margin-bottom:10px}section.playlist_poster .playlist-info{flex-direction:column;padding:10px;display:flex}img#rightAlbumArt{border:2px solid #fff;border-radius:10px;width:100%}.song-list-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d}.hover-highlight{z-index:-1;pointer-events:none;background:#4e51ffcc;border-radius:10px;transition:all .12s linear;position:absolute;box-shadow:0 0 10px #4e51ff,inset 0 0 10px #4e51ff}.song-table{text-align:left;border-collapse:collapse;color:#fff;table-layout:fixed;border:2px solid #fff;border-radius:10px;width:100%;height:max(280px,75vh)}.song-table th,.song-table td{padding:5px 10px}.song-table th{z-index:3;font-size:clamp(11px,1.1vw,15px);font-weight:700}.song-table td{white-space:nowrap;text-overflow:ellipsis;max-width:0;overflow:hidden}.song-table tr{cursor:pointer;perspective:200px;height:50px;font-size:clamp(11px,1.2vw,15px);transition:all .2s}.song-table tr.active-row{color:#adff2f;background:#ffffff14;box-shadow:inset 4px 0 #0ff}.song-table tr.searchActive{background:#4e51ff4d;box-shadow:inset 4px 0 #4e51ff}.song-table tr.searchActive.active-row{color:#adff2f;box-shadow:inset 4px 0 #0ff}.album-art{aspect-ratio:1;object-fit:cover;border-radius:50%;height:clamp(36px,3.5vw,50px);translate:0 2px}.album-art.active-album-art{border:2px solid gold;border-radius:50%;animation:2s linear infinite albumArt,1s flip}@keyframes flip{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(720deg)scale(2)}to{transform:rotateY(0)scale(1)}}@keyframes albumArt{0%{rotate:0deg}to{rotate:360deg}}.side-menu{border-radius:10px;margin-top:1em}img#rightAlbumArt{object-fit:cover;object-position:top;border:2px solid #fff;border-radius:10px;width:100%;height:250px;position:relative}.song-info{z-index:100;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;position:relative;overflow:hidden}.song-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1rem,1.6vw,1.5em);overflow:hidden}.artist-name{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.75rem,1.1vw,1rem);overflow:hidden}.nextSong{background-color:#2b2b2b;border-radius:10px;flex-direction:row;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px;font-size:.8em;display:flex}.nextSongAlbumArt{aspect-ratio:1;object-fit:cover;border-radius:10px;grid-row:span 2;height:clamp(44px,4.5vw,60px)}.nextSongTitle{font-size:clamp(1.2em,.9vw,1.4em)}.player{z-index:10;width:100%;min-height:var(--player-h);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex;position:fixed;bottom:0;box-shadow:inset 0 10px 10px #0003}.albumArt_and_songInfo{align-items:center;width:clamp(160px,20vw,250px);margin-left:15px;display:flex;overflow:hidden}.player-right-container{flex-shrink:0;justify-content:flex-end;align-items:center;gap:15px;width:clamp(160px,20vw,250px);margin-right:15px;display:flex}.side_cartoon{object-fit:contain;flex-shrink:0;height:40px;position:absolute;bottom:0;right:0}#player-album-art-img{aspect-ratio:1;corner-shape:squircle;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50px;flex-shrink:0;width:clamp(60px,9vh,80px);height:clamp(60px,9vh,80px);margin:6px 0 0 8px}.player-song-info{flex-direction:column;justify-content:center;gap:2px;margin-left:10px;display:flex;overflow:hidden}.player-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px,1.4vw,22px);overflow:hidden}.player-artist{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.2vw,16px);overflow:hidden}.controls_and_progress{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.player button{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:5px;transition:background .3s;display:flex}.controls{justify-content:center;align-items:center;gap:clamp(5px,1vw,20px);margin-bottom:10px;display:flex}.controls button{corner-shape:squircle;aspect-ratio:1;background-color:#002aff;border-radius:50%;width:clamp(30px,3vw,40px);height:clamp(30px,3vw,40px);padding:4px}.controls img{aspect-ratio:1;border-radius:50%;width:100%;height:100%;transition:all .1s}.controls img:hover{scale:1.1}.controls img:active{scale:.9}.active-shuffle{box-shadow:0 0 10px #fff}.inactiveShuffle{background-image:url(../assets/images/ui/loop-disabled.png);background-position:50%;background-repeat:no-repeat;background-size:90%}.activeShuffle{background-image:url(../assets/images/ui/loop-enabled.png);background-position:50%;background-repeat:no-repeat;background-size:90%;box-shadow:0 0 10px #fff}.paused{background-image:url(../assets/images/ui/pause.png)}.playing{background-image:url(../assets/images/ui/play.png)}canvas{width:max(80px,28vw);height:40px;transform:translateY(-10px)}.progress-container{cursor:pointer;background:#fff3;border-radius:10px;width:clamp(400px,40%,600px);height:10px;position:relative;transform:translateY(-10px);box-shadow:inset 0 0 5px #fff}.progress-bar{background-color:#0ff;border-radius:20px;width:0%;height:100%;transition:all .1s linear;box-shadow:0 0 10px #0ff}.progress-bar input{width:100%;height:50%;display:none}.progress-indicator{cursor:pointer;height:40px;position:absolute;top:-30px}span.elapsed_time{font-size:clamp(10px,1.1vw,15px);position:absolute;top:-8px;left:-40px}span.total_time{font-size:clamp(10px,1.1vw,15px);position:absolute;top:-8px;right:-40px}div#speed-control{position:absolute;right:50px}select#speed{color:#fff;background-color:#fff;border:none;outline:none;padding:2px;font-size:clamp(10px,1.1vw,14px)}.active-lyric-line{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:28vw;font-size:clamp(1em,1.1vw,2em);position:absolute;top:4px;right:10px;overflow:hidden}.lyric-open-img{filter:grayscale();height:20px;transition:transform .3s,filter .3s;transform:rotate(90deg)}.lyric-open-tooltip{bottom:calc(var(--player-h) + 10px);opacity:0;transition:all .2s}button.lyrics-open:hover+.lyric-open-tooltip{opacity:1}#lyrics-container::-webkit-scrollbar{width:5px}#lyrics-container:before{content:"Lyrics";position:absolute;top:0;left:50%;transform:translate(-50%)}#lyrics-container{top:var(--header-h);width:clamp(240px,28vw,400px);height:calc(100dvh - var(--header-h) - var(--player-h) - 10px);z-index:10;background-color:#17171790;border-bottom:2px solid #fff;border-left:2px solid #fff;padding:20px 10px 10px;font-size:clamp(.9rem,1.3vw,1.2rem);display:none;position:fixed;right:0;overflow-y:auto}.lyrics-line.active{opacity:1;color:#0006;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, #bfff00 0% var(--lyric-text), transparent var(--lyric-text) 100%);animation:1s linear forwards lyric-text}@keyframes lyric-text{0%{--lyric-text:0%;color:#0006}20%{--lyric-text:20%;color:#0000001a}to{--lyric-text:100%;color:#0000}}@property --lyric-text{syntax:"<percentage>";inherits:false;initial-value:0%}.no-lyrics{color:#666;font-style:italic}.title{cursor:pointer;z-index:1002;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.logo-text{color:#ff0844;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,3px 3px 6px #0006;letter-spacing:2px;padding-bottom:5px;font-family:Cookie,cursive;font-size:3.8rem}.header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.profile{align-items:center;gap:12px;display:flex}.song-table th:first-child,.song-table td:first-child{text-align:center;width:45px}.song-table th:nth-child(2),.song-table td:nth-child(2){width:65px}.song-table th:nth-child(3),.song-table td:nth-child(3){width:35%}.song-table th:nth-child(4),.song-table td:nth-child(4),.song-table th:nth-child(5),.song-table td:nth-child(5){width:25%}.song-table th:nth-child(6),.song-table td:nth-child(6){width:10%}.song-table th:nth-child(7),.song-table td:nth-child(7){width:65px}.song-list-container{padding-bottom:140px;position:relative}@media (width<=1100px){:root{--side-w:clamp(180px, 19vw, 230px)}.song-table th:nth-child(8),.song-table th:nth-child(9),.song-table td:nth-child(8),.song-table td:nth-child(9){display:none}}@media (width<=900px){:root{--side-w:clamp(160px, 17vw, 200px)}.song-table th:nth-child(7),.song-table th:nth-child(8),.song-table th:nth-child(9),.song-table td:nth-child(7),.song-table td:nth-child(8),.song-table td:nth-child(9){display:none}}@media (width<=768px),(width<=1024px) and (orientation:portrait){section.main{min-height:unset;flex-direction:column;gap:12px;padding:10px;display:flex}.posterAndSideMenu{order:-1;width:100%;margin-right:0}.song-list-container{order:1;width:100%}.side-menu{grid-template-rows:auto auto;grid-template-columns:42% 1fr;gap:10px;margin-top:8px;display:grid;position:static}img#rightAlbumArt{aspect-ratio:1;width:100%}.song-info{grid-area:1/2;margin-top:0}.nextSong{grid-area:2/2;width:100%;margin-top:0}.song-table{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;width:100%;height:max(240px,55vh);margin-left:0}.song-table th:nth-child(5),.song-table th:nth-child(6),.song-table th:nth-child(7),.song-table th:nth-child(8),.song-table th:nth-child(9),.song-table td:nth-child(5),.song-table td:nth-child(6),.song-table td:nth-child(7),.song-table td:nth-child(8),.song-table td:nth-child(9),div.voiceRecog{display:none}section.profile{gap:8px;right:8px}button.login-btn{width:80px;font-size:13px}:root{--player-h:125px!important}.player{height:var(--player-h)!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;gap:0!important;padding:10px 15px!important}.player-right-container,.side_cartoon,.visualiser-elmt,canvas,div.voiceRecog,.controls_and_progress>.progress-bar{display:none!important}.albumArt_and_songInfo{order:2!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;height:48px!important;margin-left:0!important}#player-album-art-img{border-radius:6px!important;width:44px!important;height:44px!important;margin:0!important}.player-song-info{flex-direction:column!important;justify-content:center!important;gap:2px!important;margin-left:0!important;display:flex!important}.player-song-title{margin:0!important;font-size:15px!important;line-height:1.2!important}.player-artist{margin:0!important;font-size:12px!important;line-height:1.2!important}.controls_and_progress{flex-direction:column!important;order:1!important;align-items:center!important;width:100%!important;position:static!important;transform:none!important}.controls{justify-content:center!important;gap:clamp(12px,5vw,25px)!important;width:100%!important;margin-top:0!important;margin-bottom:0!important;display:flex!important}.controls button{width:38px!important;height:38px!important;display:flex!important}.controls img{width:24px!important;height:24px!important}.progress-container{width:100%!important;height:4px!important;box-shadow:none!important;background:#ffffff1a!important;border-radius:0!important;position:absolute!important;top:0!important;left:0!important;transform:none!important}.progress-bar{box-shadow:none!important;border-radius:0!important}.progress-indicator,span.elapsed_time,span.total_time,.active-lyric-line{display:none!important}#lyrics-container{width:100%}section.bottom{width:90%;margin:20px auto}section.legalTerms a:last-child{position:static}}@media (width<=900px) and (orientation:landscape){:root{--player-h:clamp(68px, 12vh, 88px);--header-h:clamp(44px, 8vh, 58px);--side-w:clamp(140px, 18vw, 190px)}section.main{grid-template-columns:1fr var(--side-w);gap:8px;padding:0;display:grid}.posterAndSideMenu{order:unset;margin-right:0}.side-menu{top:calc(var(--header-h) + 80px);display:block;position:sticky}.song-table{width:calc(100% - 10px);height:calc(100dvh - var(--header-h) - var(--player-h) - 20px);margin-left:10px}.controls{gap:8px}.controls img{width:20px;height:20px}.volume-control{display:flex}div#speed-control,.active-lyric-line{display:block}.song-table th:nth-child(6),.song-table th:nth-child(7),.song-table th:nth-child(8),.song-table th:nth-child(9),.song-table td:nth-child(6),.song-table td:nth-child(7),.song-table td:nth-child(8),.song-table td:nth-child(9){display:none}}@media (width<=400px){input#search{width:clamp(90px,30vw,150px)}.song-table th:first-child,.song-table th:nth-child(2),.song-table th:nth-child(4),.song-table td:first-child,.song-table td:nth-child(2),.song-table td:nth-child(4){display:none}.controls{gap:6px}.controls img{width:18px;height:18px}}.cheat-code{z-index:9999;pointer-events:none;background:#0000001a;width:100vw;height:100vh;position:fixed;top:0;left:0}.cheat-code-content{color:#0ff;text-shadow:0 0 10px #0ff;text-align:center;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cheat-code-content span{font-size:1.2rem}.cheat-code-rain{background:url(../assets/images/icons/rain.gif);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #000c}.modal-overlay{z-index:99999999;justify-content:center;align-items:center;width:70%;height:50%;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.modal-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414e6;border:1px solid #fffc;border-radius:20px;flex-direction:column;gap:24px;width:70%;max-width:500px;padding:30px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;display:flex;box-shadow:0 20px 50px #000c}.modal-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:0;transition:color .2s,transform .2s}.modal-close-btn:hover{color:#fff;transform:scale(1.1)}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#fff9;text-transform:uppercase;letter-spacing:1.2px;font-size:.8rem;font-weight:600}.form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;outline:none;padding:7px;font-size:1rem;transition:all .3s}.form-input:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 12px #ffffff14}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;border-radius:5px;padding:6px 12px;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-btn.cancel{color:#fff;background:0 0;border:1px solid #ffffff26}.modal-btn.cancel:hover{background:#ffffff0d;border-color:#ffffff59}.modal-btn.confirm{color:#000;background:#fff;border:none}.modal-btn.confirm:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff26}.modal-btn.confirm:disabled{color:#0006;cursor:not-allowed;box-shadow:none;background:#ffffff4d;transform:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.burger-menu-btn{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;margin-right:15px;padding:0;display:none}.burger-bar{background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s}.sidebar-close-btn,.sidebar-backdrop{display:none}@media (width<=768px){:root{--side-w:0px!important;--right-panel-w:0px!important;--gap:10px!important;--player-h:125px!important;--header-h:60px!important}header.main-header{height:var(--header-h)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:0 15px!important;display:flex!important}.burger-menu-btn{display:flex!important}.title{z-index:auto!important;margin-left:0!important;margin-right:auto!important;position:static!important;transform:none!important}.logo-text{letter-spacing:1px!important;font-size:2.2rem!important}.header-right{flex:1!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-left:0!important;display:flex!important}img.user-avatar{height:30px!important;padding:1px!important}.header-right .search-container{flex:1!important;max-width:160px!important}.left-section{z-index:1000000!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#0f0f19f5!important;border-right:1px solid #ffffff1a!important;flex-direction:column!important;width:250px!important;height:100vh!important;padding-top:70px!important;padding-left:20px!important;padding-right:20px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.left-section.open{transform:translate(0)!important}.sidebar-close-btn{color:#fff!important;cursor:pointer!important;z-index:1000001!important;background:0 0!important;border:none!important;font-size:2rem!important;line-height:1!important;display:block!important;position:absolute!important;top:15px!important;right:20px!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:999999!important;background:#0009!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.greeting-div{margin-bottom:20px!important;font-size:14px!important}.greeting-div h1{font-size:24px!important}.right-panel{display:none!important}.whole{top:var(--header-h)!important;bottom:var(--player-h)!important}.main-section{padding:10px!important}.song-table{table-layout:auto!important}.table-genre,.table-genre-header,.table-length,.table-length-header{display:none!important}.song-table th,.song-table td{padding:6px 8px!important}.song-table th:nth-child(5),.song-table td:nth-child(5){display:none!important}.playlists-grid{justify-content:center!important;gap:15px!important}.playlist-card{width:140px!important}.playlist-card .card-poster{height:140px!important}.playlist-hero-content{text-align:center!important;flex-direction:column!important;gap:15px!important}.hero-poster{width:140px!important;height:140px!important}.playlist-name{font-size:2.2rem!important}.playlist-hero{padding:15px!important}.artists-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}.artist-card{padding:10px!important}.artist-poster{width:100px!important;height:100px!important}.artist-hero{border-radius:0!important;height:150px!important;padding:15px!important}.artist-hero-content{flex-direction:column!important;align-items:center!important;gap:10px!important}.artist-big-poster{border:3px solid #fff!important;width:100px!important;height:100px!important}.artist-name-big{font-size:2.2rem!important}}.layout-root{flex-direction:column;display:flex;overflow:hidden}.main-header{height:var(--header-h);z-index:1001;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000073;border-bottom:2px solid #ffffff14;justify-content:flex-end;align-items:center;display:flex;position:relative}.whole{flex:1;width:100%;display:flex;overflow:hidden}.sidebar{width:var(--side-w);background:#0000004d;border-right:1px solid #ffffff0d;flex-shrink:0;height:100%;padding-top:15px}.main-section{height:100%;padding:var(--gap);flex-direction:column;flex:1;display:flex;overflow-y:auto}.left-section{height:100%;min-height:calc(100vh - var(--header-h) - var(--player-h));top:var(--header-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;padding-left:10px;padding-right:10px;position:sticky}.greeting-div{font-size:1vw;animation:1s ease-out greeting}@keyframes greeting{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}h4.left-menu-heading{opacity:.7;margin-top:20px;margin-bottom:10px;font-weight:100}a.left-menu-option{color:#fff;margin-bottom:10px;font-size:15px;text-decoration:none;display:block;position:relative;left:10px}a.left-menu-option:hover{color:#0ff}a.left-menu-option:before{content:"";transform-origin:bottom;background-color:#0ff;width:3px;height:33px;transition:transform .1s;position:absolute;right:0;transform:scaleY(0)}a.left-menu-option:hover:before,a.left-menu-option.active:before{transform-origin:top;transform:scaleY(1)}a.left-menu-option img{vertical-align:bottom;height:20px;margin-right:5px}section.main-section{padding:20px}