html{width:100%;height:100%;overflow:hidden;padding:0;margin:0;outline:0}body{color:#ff8a9d;background:#000;width:100%;height:100%;padding:0;margin:0;overflow:hidden;font-family:Helvetica Neue,Futura,Trebuchet MS,Arial;-webkit-user-select:none;user-select:none;text-shadow:-.5px -.5px 0 rgb(128,128,128),.5px -.5px 0 rgb(128,128,128),-.5px .5px 0 rgb(128,128,128),.5px .5px 0 rgb(128,128,128)}#intro{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background-color:#000;font-weight:bolder;font-size:2em;text-align:center;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%204.248c-3.148-5.402-12-3.825-12%202.944%200%204.661%205.571%209.427%2012%2015.808%206.43-6.381%2012-11.147%2012-15.808%200-6.792-8.875-8.306-12-2.944z%22%20fill%3D%22%23880808%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:center;background-size:75%;display:flex;align-items:center;justify-content:center}#intro div{margin-top:-10%}@media only screen and (min-width:730px){#intro{background-size:50%}}img.back{position:fixed;transform-origin:top left}#title{position:fixed;top:.5em;left:0;right:0}#band,#track{font-size:2em;font-weight:700;margin-left:.5em}#info-btn{background-image:url("data:image/svg+xml,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20transform%3D%22translate(.5%2C%20.5)%22%20d%3D%22m15.985%2017.031c-1.479%201.238-3.384%201.985-5.461%201.985-4.697%200-8.509-3.812-8.509-8.508s3.812-8.508%208.509-8.508c4.695%200%208.508%203.812%208.508%208.508%200%202.078-.747%203.984-1.985%205.461l4.749%204.75c.146.146.219.338.219.531%200%20.587-.537.75-.75.75-.192%200-.384-.073-.531-.22zm-5.461-13.53c-3.868%200-7.007%203.14-7.007%207.007s3.139%207.007%207.007%207.007c3.866%200%207.007-3.14%207.007-7.007s-3.141-7.007-7.007-7.007zm.741%208.499h-4.5c-.414%200-.75.336-.75.75s.336.75.75.75h4.5c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75zm3-2.5h-7.5c-.414%200-.75.336-.75.75s.336.75.75.75h7.5c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75zm0-2.5h-7.5c-.414%200-.75.336-.75.75s.336.75.75.75h7.5c.414%200%20.75-.336.75-.75s-.336-.75-.75-.75z%22%20fill-rule%3D%22nonzero%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E");position:fixed;right:4em;top:0}@keyframes pulse{0%{transform:scale(.925)}50%{transform:scale(1.05)}to{transform:scale(.925)}}#more-btn{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%204.248c-3.148-5.402-12-3.825-12%202.944%200%204.661%205.571%209.427%2012%2015.808%206.43-6.381%2012-11.147%2012-15.808%200-6.792-8.875-8.306-12-2.944z%22%20fill%3D%22%23880808%22%2F%3E%3C%2Fsvg%3E);position:fixed;right:.5em;top:0;animation:pulse 1.1s infinite}#progress{text-align:left;margin-bottom:1em}#progress:hover{background-color:#ff8a9d66;border:1 solid rgb(128,128,128)}#bar{display:inline-block;visibility:hidden;margin:0 1em;width:0;height:.5em;background-color:#ff8a9d;border:.5px solid rgb(128,128,128);border-radius:5px}#timer{padding-left:.5em;float:left;font-size:1em;text-align:left;font-weight:300}#duration{padding-right:.5em;float:right;text-align:right;font-size:1em;font-weight:300}.control-container{position:fixed;left:0;right:0;bottom:0;margin-bottom:.5em;text-align:center}.control{position:relative;display:inline-block;width:calc(100% - 11em);height:3em}.btn{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:2.9em;background-position:center;width:3em;height:3em;margin:.5em}#play-btn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2022v-20l18%2010-18%2010z%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");position:absolute;left:calc(50% - 2em);top:0}#pause-btn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns %3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%2022h-4v-20h4v20zm6-20h-4v20h4v-20z%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");position:absolute;left:calc(50% - 2em);top:0;display:none}#prev-btn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20transform%3D%22translate(.5%2C%20.5)%22%20d%3D%22M4%202v20h-2v-20h2zm18%200l-16%2010%2016%2010v-20z%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%20%22%2F%3E%3C%2Fsvg%3E");position:absolute;left:1em;top:0}#next-btn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20transform%3D%22translate(.5%2C%20.5)%22%20d%3D%22M20%2022v-20h2v20h-2zm-18%200l16-10-16-10v20z%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");position:absolute;right:1em;top:0}#playlist-btn{background-image:url("data:image/svg+xml,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20transform%3D%22translate(.5%2C%20.5)%22%20d%3D%22m22%2017.75c0-.414-.336-.75-.75-.75h-13.5c-.414%200-.75.336-.75.75s.336.75.75.75h13.5c.414%200%20.75-.336.75-.75zm-18.25-2.75c.966%200%201.75.784%201.75%201.75s-.784%201.75-1.75%201.75-1.75-.784-1.75-1.75.784-1.75%201.75-1.75zm18.25-1.25c0-.414-.336-.75-.75-.75h-13.5c-.414%200-.75.336-.75.75s.336.75.75.75h13.5c.414%200%20.75-.336.75-.75zm-18.25-3.75c.966%200%201.75.784%201.75%201.75s-.784%201.75-1.75%201.75-1.75-.784-1.75-1.75.784-1.75%201.75-1.75zm18.25-.25c0-.414-.336-.75-.75-.75h-13.5c-.414%200-.75.336-.75.75s.336.75.75.75h13.5c.414%200%20.75-.336.75-.75zm-18.25-4.75c.966%200%201.75.784%201.75%201.75s-.784%201.75-1.75%201.75-1.75-.784-1.75-1.75.784-1.75%201.75-1.75zm18.25.75c0-.414-.336-.75-.75-.75h-13.5c-.414%200-.75.336-.75.75s.336.75.75.75h13.5c.414%200%20.75-.336.75-.75z%22%20fill-rule%3D%22nonzero%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");float:left}#volume-btn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20transform%3D%22translate(.5%2C%20.5)%22%20d%3D%22M6%207l8-5v20l-8-5v-10zm-6%2010h4v-10h-4v10zm20.264-13.264l-1.497%201.497c1.847%201.783%202.983%204.157%202.983%206.767%200%202.61-1.135%204.984-2.983%206.766l1.498%201.498c2.305-2.153%203.735-5.055%203.735-8.264s-1.43-6.11-3.736-8.264zm-.489%208.264c0-2.084-.915-3.967-2.384-5.391l-1.503%201.503c1.011%201.049%201.637%202.401%201.637%203.888%200%201.488-.623%202.841-1.634%203.891l1.503%201.503c1.468-1.424%202.381-3.309%202.381-5.394z%22%20fill%3D%22rgb(255%2C%20138%2C%20157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");float:right}#loading{position:absolute;left:50%;top:50%;margin:-35px;width:70px;height:70px;background-color:#ff8a9d;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out;display:none}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#playlist{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000080;overflow:hidden}#list,#song-info{top:0;bottom:0;left:0;right:0;position:fixed;padding:1em;overflow:auto}#song-info{display:none;background-color:#00000080}#song-info table{max-width:calc(100% - 2.5em);border-collapse:collapse}#song-info td{vertical-align:text-top}#song-info .field{font-weight:500;padding-right:.5em}#song-info .copyright{padding-top:.5em}a.close{z-index:2;cursor:pointer;position:fixed;width:2em;height:2em;margin:1em;top:0;right:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M24%2020.188l-8.315-8.209%208.2-8.282-3.697-3.697-8.212%208.318-8.31-8.203-3.666%203.666%208.321%208.24-8.206%208.313%203.666%203.666%208.237-8.318%208.285%208.203z%22%20fill%3D%22rgb(255, 138, 157)%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center}.list-band{font-size:3em}.band-margin{margin-top:.5em}.list-song{padding-left:1em;font-size:2em}.list-song:hover{background-color:#fff3;cursor:pointer}.volume-slider{position:fixed;right:-2.5em;bottom:11em;display:none;transform:rotate(-90deg)}.slider{-webkit-appearance:none;height:.5em;background-color:#ff8a9d;outline:none;border:none;border:1px solid #000;z-index:0;border-radius:5px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2em;height:2em;background:#ff8a9d;border-radius:50%;cursor:pointer;z-index:2;border:1px solid #000}.slider::-moz-range-thumb{width:2em;height:2em;background:#ff8a9d;border-radius:50%;cursor:pointer;z-index:2;border:1px solid #000}.player{display:none}@media only screen and (max-width:390px){.list-song{font-size:1.6em}.list-band{font-size:2.7em}.control{width:calc(100% - 8em)}.btn{background-size:2.5em}}