.home-container{width:100%;height:100%;position:relative;overflow:hidden auto}.home-hero-bg{z-index:-1;opacity:.9;background-image:url(/assets/images/backgrounds/chica-con-planetas-en-cabello-azul-digital-art-7919.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.home-content{flex-direction:column;gap:50px;padding:30px;display:flex}.home-section{flex-direction:column;gap:20px;display:flex}.section-header{justify-content:space-between;align-items:flex-end;display:flex}.show-all{opacity:.8;cursor:pointer;margin-left:20px;padding-bottom:5px;font-size:.9rem}.playlists-grid{flex-wrap:wrap;gap:24px;display:flex}.playlist-card{cursor:pointer;border-radius:12px;width:200px;transition:transform .3s;position:relative;overflow:hidden}.playlist-card:hover{transform:translateY(-5px)}.playlist-poster{aspect-ratio:1;width:100%;position:relative}.playlist-poster img{object-fit:cover;width:100%;height:100%}.playlist-overlay{background:linear-gradient(#0000,#000c);width:100%;padding:15px;position:absolute;bottom:0;left:0}.playlist-title{color:#fff;font-size:1.2rem;font-weight:600}.playPauseBtn{opacity:0;z-index:10;background:0 0;border:none;transition:opacity .3s,transform .2s;position:absolute;bottom:15px;right:15px}.playlist-card:hover .playPauseBtn{opacity:1}.playPauseBtn img{border-radius:50%;width:45px;height:45px}.playPauseBtn:hover{transform:scale(1.1)}.artists-row{flex-wrap:wrap;gap:30px;display:flex}.artist-circle-card{cursor:pointer;flex-direction:column;align-items:center;gap:12px;transition:transform .2s;display:flex}.artist-circle-card:hover{transform:scale(1.05)}.artist-poster{border:2px solid #fff3;border-radius:50%;width:110px;height:110px;overflow:hidden}.artist-name{color:#eee;font-size:1rem;font-weight:500}.genres-flex{flex-wrap:wrap;gap:16px;width:100%;max-width:800px;display:flex}.genre-chip{color:#111;text-align:center;cursor:pointer;border-radius:10px;flex-grow:1;min-width:120px;padding:18px 24px;font-weight:600;transition:filter .2s,transform .2s}.genre-chip:hover{filter:brightness(1.2);transform:translateY(-2px)}.artists-container{padding:20px 40px}.artists-grid{flex-wrap:wrap;gap:25px;margin-top:20px;display:flex}.artist-card{color:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:180px;padding:15px;text-decoration:none;transition:all .3s;display:flex}.artist-card:hover{background:#ffffff1a;transform:translateY(-5px)}.artist-poster{border:3px solid #fff3;border-radius:50%;width:150px;height:150px;overflow:hidden;box-shadow:0 8px 16px #0000004d}.artist-poster img{object-fit:cover;width:100%;height:100%}.artist-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1.1rem;font-weight:600;overflow:hidden}.mt-40{margin-top:40px}.other-artists-list{flex-direction:column;gap:10px;margin-top:20px;padding-left:20px;display:flex}.other-artist-item{color:#fffc;align-items:center;gap:15px;font-size:1.2rem;text-decoration:none;transition:color .2s;display:flex}.other-artist-item:hover,.dot{color:#ff0844}.artist-detail-container{flex-direction:column;display:flex}.artist-hero{align-items:flex-end;width:100%;height:350px;padding:40px;display:flex}.artist-hero-content{align-items:center;gap:40px;display:flex}.artist-big-poster{border:6px solid #fff;border-radius:50%;width:250px;height:250px;overflow:hidden;box-shadow:0 15px 40px #0009}.artist-big-poster img{object-fit:cover;width:100%;height:100%}.artist-name-big{margin:0;font-family:Oswald,sans-serif;font-size:5rem;font-weight:800}.playlist-detail-container{flex-direction:column;width:100%;height:100%;display:flex}.playlist-hero{align-items:flex-end;width:100%;height:300px;padding:30px 40px;transition:background .5s;display:flex}.playlist-hero-content{align-items:center;gap:30px;width:100%;display:flex}.hero-poster{border:4px solid #fff;border-radius:50%;flex-shrink:0;width:200px;height:200px;overflow:hidden;box-shadow:0 10px 30px #00000080}.hero-poster img{object-fit:cover;width:100%;height:100%}.hero-info{color:#fff;text-shadow:0 2px 4px #0000004d;flex-direction:column;gap:5px;display:flex}.info-badge{text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.playlist-name{margin:0;font-family:Oswald,sans-serif;font-size:4rem;font-weight:700}.playlist-meta{opacity:.9;font-family:Oswald,sans-serif;font-size:1rem}.song-list-container{width:100%}.active-row{color:#26ff00!important;background:#0073ff66!important}.active-album-art{animation:10s linear infinite rotate}.star-rating{color:gold;letter-spacing:1px;font-size:1.1rem}.loading{text-align:center;color:#fff;padding:50px;font-size:1.5rem}.neumorphic-volume-container{justify-content:center;align-items:center;display:flex}.volume-shell{background:#393e4b;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:5px 5px 10px #0006,-5px -5px 10px #ffffff0d}.led-ring{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.led-dot{transform-origin:50%;border-radius:50%;width:4px;height:4px;transition:all .2s ease-out;position:absolute;top:50%;left:50%}.led-inactive{background-color:#1a1c22;box-shadow:inset 1px 1px 2px #000c,inset -1px -1px 2px #ffffff1a}.led-active{background-color:#0ff;box-shadow:0 0 3px #4df0ff,0 0 6px #4df0ff,inset 1px 1px 2px #ffffff80}.volume-knob{cursor:grab;background:conic-gradient(#2a2d36 0deg,#495062 45deg,#2a2d36 90deg,#495062 135deg,#2a2d36 180deg,#495062 225deg,#2a2d36 270deg,#495062 315deg,#2a2d36 360deg);border-radius:50%;justify-content:center;align-items:flex-start;width:56px;height:56px;transition:transform .1s linear,outline .1s;display:flex;position:relative;box-shadow:inset 0 3px 3px #fff3,inset 0 -3px 3px #0009,4px 4px 10px #000c,-2px -2px 5px #ffffff0d}.volume-knob:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#0006 100%);border-radius:50%;position:absolute;inset:2px}.knob-indicator{z-index:2;background-color:#20232a;border-radius:2px;width:3px;height:6px;position:absolute;top:4px;box-shadow:inset 0 1px 1px #000c,inset 0 -1px 1px #fff3}.knob-pressed{cursor:grabbing;box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #000c,2px 2px 5px #000c,-1px -1px 2px #ffffff0d}.volume-label{color:#1a1c22;letter-spacing:1px;text-shadow:1px 1px #ffffff1a;font-family:inherit;font-size:6px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}: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/BG2-BT9amGN5.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;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}.search-container{background:#2b2b4399;border:1px solid #ffffff4d;border-radius:8px;align-items:center;width:100%;padding:5px 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:1.1rem}.search-icon-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:5px;display:flex}.search-icon-btn img{filter:brightness(0)invert();width:24px;height:24px}div.voiceRecog button{background-color:#0000;border:none;border-radius:50%}div.voiceRecog button img{border-radius:50%;height:30px;transition:all .2s}div.voiceRecog button img:hover{scale:1.1}div.search{position:relative}input#search{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background-color:#fff3;border:1px solid #000;border-radius:10px;width:clamp(140px,18vw,250px);height:30px;padding:20px 0 20px 10px}input#search:active,input#search:focus{outline:none}button[type=submit]{background-color:#0000;border:0;transition:all .3s cubic-bezier(.68,-.6,.32,1.6);position:absolute;top:6px;right:5px;scale:1.1}button[type=submit]:hover{scale:1.2}img.searchIcon{background-color:#000;border-radius:20%;height:30px;padding:2px}::placeholder{color:#ffdcdc}.searchActive{background-color:#1726ff5d!important}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(10px);backdrop-filter:blur(10px);background:#0000004d;border-left:1px solid #ffffff1a;padding:20px;overflow-y:hidden}section.playlist_poster{background-image:url(/assets/playlist-poster2-CrB-141n.jpg);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:10px;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(3px);backdrop-filter:blur(3px);background-color:#0003;border-radius:10px}.hover-highlight{z-index:-1;pointer-events:none;background:#4e51ff99;border-radius:10px;transition:top .1s,height .1s;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}.album-art{aspect-ratio:1;object-fit:cover;border-radius:50%;height:clamp(36px,3.5vw,50px);translate:0 5px}.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;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;min-height:var(--player-h);background:0 0;border-top:1px solid #fff;justify-content:space-between;align-items:center;padding:10px;display:flex;position:fixed;bottom:0}.albumArt_and_songInfo{flex-shrink:0;align-items:center;width:clamp(160px,20vw,250px);margin-left:15px;display:flex;overflow:hidden}#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(44px,7vh,68px);height:clamp(44px,7vh,68px);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(12px,1.3vw,16px);overflow:hidden}.player-artist{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,1vw,13px);overflow:hidden}.controls_and_progress{flex-direction:column;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{gap:clamp(5px,1vw,20px);display:flex}.controls button{background-color:#0000;border:1.5px solid #183845;border-radius:50%}.controls img{border-radius:50%;width:clamp(22px,2.6vw,30px);height:clamp(22px,2.6vw,30px);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/loop-disabled-DM6smlbj.png);background-position:50%;background-repeat:no-repeat;background-size:90%;background-color:var(--control-button-accent)!important}.activeShuffle{background-image:url(/assets/loop-enabled-BKKzBYWu.png);background-position:50%;background-repeat:no-repeat;background-size:90%;box-shadow:0 0 10px #fff;background-color:var(--control-button-accent)!important}.paused{background-image:url(/assets/pause-BY7XDYKJ.jpg)}.playing{background-image:url(/assets/play-B9dTj8eo.jpg)}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));z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);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}.cheat-code{pointer-events:none;z-index:100;display:none;position:fixed;top:0;left:0}.cheat-code img{width:100vw;height:100vh}.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}.search-container{width:260px;position:relative}.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}div.voiceRecog{right:26%}}@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{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}.albumArt_and_songInfo{width:auto;max-width:38vw}.controls{gap:8px}.controls img{width:22px;height:22px}.volume-control,.active-lyric-line,div#speed-control{display:none}#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}}.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{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;min-height:calc(100vh - var(--header-h) - var(--player-h));top:var(--header-h);background-color:#0055b64d;border-right:1px solid #fff6;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}