.zuNyXVOl .track-list::-webkit-scrollbar{ display: none; }.zuNyXVOl .active:hover{ background-color: #63d0df; color: #000; }.zuNyXVOl .active{ background-color: #63d0df; color: #000; }.zuNyXVOl li:hover{ background-color: #454545 }.zuNyXVOl li{ color: #fff; margin: 2px 10px 1px 10px; padding: 10px; border-radius: 5px; background-color: #333333; }.zuNyXVOl .track-list::-webkit-scrollbar{ display: none; }.zuNyXVOl .active:hover{ background-color: #63d0df; color: #000; }.zuNyXVOl .active{ background-color: #63d0df; color: #000; }.zuNyXVOl li:hover{ background-color: #454545 }.zuNyXVOl li{ color: #fff; margin: 2px 10px 1px 10px; padding: 10px; border-radius: 5px; background-color: #333333; }.FTNWrvpu fieldset{ border: 2px solid var(--highlight); }.FTNWrvpu fieldset{ border: 2px solid var(--highlight); }button-wc button:focus{ background-color: #3c737a; }button-wc button:hover{ background-color: #63bac6; }button-wc button{ padding: 10px; border-radius: 20px; font-size: 16px; min-width: 70px; border: none; background-color: var(--highlight); }fieldset-wc button{ margin-top:10px; }textarea-wc textarea:focus{ outline: none; box-shadow: inset 0 0 0 1px var(--highlight); border: 1px solid var(--highlight); }textarea-wc textarea{ border: 1px solid #1b1b1b; border-radius: 10px; background-color: #272727; color: #fff; padding: 10px; font-size: 15px; width: 100%; min-width: 300px; box-sizing: border-box; }select-wc option:hover{ background-color: red; color: green; }select-wc option{ background-color: #636363; font-size: 18px; }select-wc select:focus, select-wc select:focus{ outline: none; box-shadow: inset 0 0 0 2px var(--highlight); }select-wc select{ width: 100%; padding: 8px 10px 8px 10px; background-color: #636363; font-size: 15px; color: #fff; border-radius: 5px; border: 0px; }label-wc .square{ margin-top: 8px; }label-wc .right label{ float: right; }label-wc .right{ flex: 1; }label-wc .left{ color: #c0c0c0; line-height: 40px; flex: 0.3; margin-right: 10px; white-space: nowrap; }label-wc{ padding-top: 5px; padding-bottom: 5px; display: flex; flex-direction: row; flex-wrap: wrap; }fieldset-wc hr{ border: none; height: 1px; background-color: #444444; margin: 0px; }fieldset-wc fieldset{ padding: 20px; background-color: var(--linelight); border-radius: 10px; border: none; margin-bottom: 10px; }fieldset-wc>.label{ color: #fff; font-weight: bold; margin-bottom: 10px; }input-wc [type="datetime-local"]:focus{ outline: none; box-shadow: inset 0 0 0 1px var(--highlight); border: 1px solid var(--highlight); }input-wc [type="datetime-local"]{ border: 1px solid #1b1b1b; border-radius: 10px; background-color: #272727; color: #fff; padding: 10px; font-size: 15px; width: 100%; box-sizing: border-box; }input-wc [type="date"]:focus{ outline: none; box-shadow: inset 0 0 0 1px var(--highlight); border: 1px solid var(--highlight); }input-wc [type="date"]{ border: 1px solid #1b1b1b; border-radius: 10px; background-color: #272727; color: #fff; padding: 10px; font-size: 15px; width: 100%; box-sizing: border-box; }input-wc .hidden-wc:checked+.rail .lever{ margin-left: 26px; }input-wc .hidden-wc:checked+.rail{ background-color: var(--highlight); }input-wc .lever{ background-color: black; width: 22px; height: 22px; border-radius: 30px; transition: all 0.4s; }input-wc .rail{ height: 22px; width: 48px; margin-top: 7px; background-color: #636363; border-radius: 30px; transition: all 0.4s; padding: 2px; }input-wc .hidden-wc{ position: absolute; opacity: 0; }input-wc .hidden-wc:checked+.circle .fill{ opacity: 1; }input-wc .hidden-wc:checked+.circle{ background-color: var(--highlight); }input-wc .fill{ font-size: 30px; color: #000; background-color: #000; width: 20; height: 20; border-radius: 30px; transition: all 0.2s; opacity: 0; }input-wc .circle{ margin-top: 8px; width: 20px; height: 20px; padding: 2px; background-color: #636363; border-radius: 30px; transition: all 0.2s; }input-wc .hidden-wc{ position: absolute; opacity: 0; }input-wc .hidden-wc:checked+.square .tick{ opacity: 1; }input-wc .hidden-wc:checked+.square{ background-color: var(--highlight); }input-wc .tick{ width: 16px; height: 20px; margin-left: 4px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" version="1.0" viewBox="0 0 1280 1253"><path d="M1200 1c-19 3-39 10-65 23-45 23-97 59-162 115-93 78-216 200-347 342a7253 7253 0 0 0-207 234l-15-8-108-53c-85-39-144-60-191-66-13-2-37-1-48 1-22 5-40 18-49 36-6 11-7 19-7 32-1 10 0 11 3 17s5 9 23 26c44 40 92 90 128 131 79 92 162 217 257 386 17 30 24 35 41 35 7 0 10 0 13-2 11-5 16-11 24-31 13-34 40-96 56-133 129-287 283-530 466-737 52-59 97-105 182-187 67-64 79-78 84-100 9-33-18-60-60-61h-18z"/></svg>'); background-position: center 4px; background-repeat: no-repeat; opacity: 0; transition: all 0.2s; }input-wc .square{ width: 24px; height: 24px; background-color: #636363; border-radius: 5px; transition: all 0.2s; }input-wc .hidden-wc{ position: absolute; opacity: 0; }input-wc [type='password']:focus{ outline: none; box-shadow: inset 0 0 0 1px var(--highlight); border: 1px solid var(--highlight); }input-wc [type='password']{ border: 1px solid #1b1b1b; border-radius: 10px; background-color: #272727; color: #fff; padding: 10px; font-size: 15px; width: 100%; min-width: 300px; box-sizing: border-box; }input-wc [type='text']:focus{ outline: none; box-shadow: inset 0 0 0 1px var(--highlight); border: 1px solid var(--highlight); }input-wc [type='text']{ border: 1px solid #1b1b1b; border-radius: 10px; background-color: #272727; color: #fff; padding: 10px; font-size: 15px; width: 100%; min-width: 300px; box-sizing: border-box; }body{ display: flex; flex-direction: column; height: 100%; max-height: 100%; margin: 0; background-color: #1b1b1b; overflow: hidden; }html{ height: 100%; overflow: hidden; }*{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif }.fsYNsnbj .active a{ color: var(--highlight) !important; }.fsYNsnbj .active a{ color: var(--highlight) !important; }#midnight.fsYNsnbj{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; opacity: 0; visibility: hidden; transition: opacity 0.5s; }#midnight.show.fsYNsnbj{ opacity: 1; }#nav.fsYNsnbj{ position: absolute; background-color: rgb(39, 39, 39,0.95); max-width: 256px; width: 1px;; height:100%; transition: all 0.2s; overflow-y: auto; user-select: none; }#nav.fsYNsnbj{ z-index: 2; overflow: hidden; right:0px; position: absolute; }.brand.fsYNsnbj{ color: #fff; font-size: 20px; text-align: center; line-height: 70px; }.label.fsYNsnbj{ color: #fff; font-weight: bold; }ul.fsYNsnbj{ list-style: none; padding: 0 10px 0 10px; margin: 10; }ul.fsYNsnbj li.fsYNsnbj{ line-height: 40px; border-radius: 20px; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; transition: all 0.5s; }ul.fsYNsnbj li.fsYNsnbj a.fsYNsnbj{ margin-left: 10px; display: block; color: #fff; text-decoration: none; }ul.fsYNsnbj li:not(.label):hover.fsYNsnbj{ background: #454545; }.active.fsYNsnbj{ background-color: #333333; }#nav.show.fsYNsnbj{ width:256px; }:root{ --highlight: #63d0df; --bglight: #2e2e2e; --bgdark: #1b1b1b; --linelight: #2e2e2e; --wrap: 1216px; }.login.FTNWrvpu{ width:100%; max-width:500px; margin:auto; }.player.wfPdvPIv{ background-color: #272727; border-top: 1px solid #444444; color: #fff; padding: 10px; }.details.wfPdvPIv{ margin-bottom: 20px; }.track.wfPdvPIv{ font-size: 22px; font-weight: bold; }.controls.wfPdvPIv{ text-align: center; }.controls.wfPdvPIv div.wfPdvPIv{ margin-left: 20px; margin-right: 20px; display: inline; }.back.wfPdvPIv img,.wfPdvPIv .forward.wfPdvPIv img.wfPdvPIv{ height: 50px; margin-bottom: 5px; }.playpause.wfPdvPIv img.wfPdvPIv{ height: 60px; }.topbar.SGDgiaQM{ display: flex; border-bottom: 1px solid #444444; padding: 10px; }.search.SGDgiaQM{ flex: 1; }input.SGDgiaQM{ background-color: #272727; border: 1px solid #1b1b1b; color: #fff; outline: none; width: 100%; border-radius: 10px; font-size: 16px; padding: 10px; }input:focus.SGDgiaQM{ border: 1px solid #63d0df; }button.SGDgiaQM{ display: none; border: none; background-color: darkred; color: #fff; border-radius: 10px; width: 30px; height: 30px; margin-left: 10px; margin-top: 5px; }.hamburger.SGDgiaQM{ float: left; margin-top: 0; margin-right: 0px; margin-left:10px; }.hamburger.SGDgiaQM div.SGDgiaQM{ width: 35px; height: 5px; background-color: rgb(143, 145, 148); margin: 6px 0; }.track-list.zuNyXVOl{ flex: 1; overflow-y: auto; }ul.zuNyXVOl{ list-style: none; margin: 0; padding: 0; }