body{margin:0;background-color:#242424}*{font-family:Abel,sans-serif;color:#fff}h1,h2{margin:0}:root{--mainBackground: #121212;--firstElementBackground: #212121;--accentGreen: #1db954;--secondElementBackground: #535353;--thirdElementBackground: #b3b3b3}#sessionTimer{position:absolute;left:15px;height:fit-content}#userIcon{position:absolute;right:15px;top:15px;z-index:2}#userIcon img{width:64px;border-radius:50%;border:3px solid rgba(255,255,255,.384)}.clickable{cursor:pointer}.activeText{color:var(--accentGreen)}.unmarkable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.playlists{padding:10px 10px 5px;width:100%;height:64px;position:relative}.playlists img{border-radius:12px;width:64px;object-fit:cover;height:64px}.playlists p{font-size:large;margin:0;position:absolute;top:21%;left:85px;white-space:nowrap;overflow:hidden}.playlists small{font-size:14px;position:absolute;top:52%;left:85px}.playerButton{opacity:.75}.playerButton:hover{opacity:1}.levelOneContainer{position:relative;background-color:var(--firstElementBackground);border-radius:12px}#drawer{width:400px;height:100vh;background-color:var(--mainBackground);position:absolute;top:0;left:0;padding:12px;box-sizing:border-box}#drawerTopArea{width:100%;height:110px}.TopDrawerButton{margin-left:30px;position:absolute}#TopDrawerPlaylist{top:17px}#TopDrawerCreate{bottom:17px}#drawerBottomArea{width:100%;height:calc(100% - 118px);bottom:-20px;overflow-y:scroll;overflow-x:hidden}#interactionWindow{width:calc(100% - 400px);height:100vh;background-color:var(--firstElementBackground);position:absolute;top:0;right:0;padding:12px;box-sizing:border-box}#interactivePlaylistEditor{height:100%}#PlatlistEditorUpperSection{height:200px;width:100%;position:relative}#PlaylistEditorViewerWrapper{width:100%;height:calc(100% - 315px)}#PlaylistEditorSelectedPlaylistWrapper{height:168px;width:100%}#PlaylistEditorSelectedPlaylistWrapper img{width:128px;height:128px;object-fit:cover;border-radius:12px;position:absolute;top:20px;left:20px}#PlaylistEditorSelectedPlaylistWrapper p{position:absolute;left:168px;top:20px}#PlaylistEditorSelectedPlaylistWrapper h2{position:absolute;left:168px;top:60px}#PlaylistEditorSelectedPlaylistWrapper h4{position:absolute;left:168px;top:80px;font-weight:100}#playlistEditorSortingMenu{position:absolute;left:60px}#playlistEditorFilterMenu{position:fixed;width:100%;height:100%;z-index:6;background-color:#00000098;top:0;left:0;text-align:center}#playlistFilterModalInner{width:660px;height:140px;padding:20px;background-color:#221727;border-radius:12px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#playlistFilterModalInner *{margin-top:10px}#playlistFilterModalInner h3{margin-top:0;margin-bottom:20px}#playlistEditorButtons{position:absolute;right:20px;bottom:20px;width:380px;height:40px;display:flex;justify-content:space-between}.invisible{display:none}#addplaylistPopup{position:absolute;transform:translateY(40px);width:190px;height:280px;background-color:#0003;z-index:4;overflow-y:scroll}.playlistEditorButtonsBtns{background-color:transparent;border-radius:4px;outline:none;border:1px solid white;margin:2px}#saveBtnPlaylistEditor{color:var(--accentGreen);text-transform:uppercase;font-weight:700}#PlatlistEditorSectionDevider{height:2px;background-color:#ffffff59;width:98%;margin-left:1%;margin-bottom:15px}#PlatlistEditorLowerSection{overflow-y:scroll;overflow-x:hidden;height:100%}.platlistEditorLowerSectionContainer{display:flex;flex-wrap:nowrap}.platlistEditorLowerSectionContainerLine{overflow:hidden;white-space:nowrap;margin:0 0 6px}.playlistLineLong{width:355px}.playlistLineShort{width:95px}.playlistLineMediumLong{width:220px;padding:0 5px}.playlistLineMedium{width:160px}.platlistEditorLowerSectionContainerLine p{display:inline}#que{text-align:center}#currentSongQue{margin-top:40px}#queuedSongs{height:550px;overflow-y:scroll}#deviceList{width:200px;height:350px;background-color:#303030;position:absolute;right:76px;bottom:60px;z-index:2;text-align:center;border-radius:12px}#deviceWrapper{height:215px;overflow-y:auto}#deviceList h3{margin-top:10px}#deviceListAvailible{text-align:right;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0 8px}.availibleImg{width:20px;height:20px;position:relative;top:20px;display:inline}.deviceShow{display:block}.deviceHide{display:none}#player{position:absolute;bottom:0;left:0;width:100%;height:110px;background-color:var(--mainBackground)}#playerLeftBar{position:absolute;width:400px;height:80px;top:15px;left:15px}#playerImg{width:80px;border-radius:5px}#playerPlaying{width:fit-content;height:100%;display:flex;flex-direction:column;justify-content:center;position:absolute;left:90px;top:-3px;margin:0;padding:0}#playerPlaying p{line-height:0%}#playerPlaying small{line-height:100%;overflow:visible}#playerArtist{line-height:70%;overflow:hidden;white-space:nowrap}.likedIconPlayer{width:20px;float:right;position:absolute;top:45%;right:-48px}#playerCenterBar{position:absolute;width:700px;height:80px;top:15px;left:50%;transform:translate(-50%)}#playerCenterBarTop{position:absolute;top:0;width:100%;height:75%;display:inline}#playerCenterBarTop img{width:28px;position:absolute;top:50%;transform:translateY(-50%)}#playerPrevious{left:38%}#playerNext{right:38%}#playerPlay img{width:44px;left:50%;transform:translate(-50%,-50%)}#playerLoop img{right:30%;width:24px}#playerShuffle img{left:30%;width:28px}#playerCenterBarBottom{position:absolute;bottom:0;width:100%;height:25%}#playerProgress{width:80%;height:40%;top:30%;left:10%;border-radius:30px;position:relative;background-color:var(--secondElementBackground)}#playerProgressCurrent{width:10%;height:100%;border-radius:30px;background-color:var(--accentGreen)}#playerCurrerntTime{position:absolute;right:calc(90% + 5px)}#playerTotalTime{position:absolute;top:0;left:calc(90% + 5px)}#playerRightBar{position:absolute;width:400px;height:80px;top:15px;right:15px}.playerRightBarImg{width:20px;position:absolute;top:50%;transform:translateY(-50%)}#volumeBar{width:120px;height:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--secondElementBackground);border-radius:12px}#volumeBelowBar{background-color:var(--accentGreen);height:6px;border-radius:12px}#playerVolume img{right:130px}#playerDevices{right:165px}#playerQue{right:200px}