@font-face{font-family:Logo;src:url(/assets/Arkipelago-nOMipS4g.otf)}@font-face{font-family:"Monospace";src:url(/assets/Ubuntu-R-DtNk90ps.ttf)}@font-face{font-family:Monospace-B;src:url(/assets/Ubuntu-M-DGr15L66.ttf)}*{background:#fff0;-webkit-user-select:none;user-select:none}body{padding-left:1vw;padding-right:1vw;overflow-y:hidden;overflow-x:hidden;background:#fff}.root{width:100%;height:88vh;display:flex;flex-direction:row;justify-content:start}.root-pear{height:85vh}.header{font-weight:700;font-size:250%!important;transition:font-size .1s;font-family:Logo;width:100%;margin-top:3vh;display:flex;justify-content:space-between}.header-pear{margin-top:6vh}.logo{color:#000;margin-left:2vw!important}.header p{margin:0}.header input{width:20vw;font-family:"Monospace";height:1vh;border:3px solid white;transform:translateY(-10px);padding:2vh;font-size:45%;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;margin-left:1vw;margin-right:.75vw;padding-left:3vw}.search-key-input{background-image:url("data:image/svg+xml,%3csvg%20fill='%239a9996'%20width='64px'%20height='64px'%20viewBox='-1.6%20-1.6%2019.20%2019.20'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%239a9996'%20stroke-width='0.00016'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12.027%209.92L16%2013.95%2014%2016l-4.075-3.976A6.465%206.465%200%200%201%206.5%2013C2.91%2013%200%2010.083%200%206.5%200%202.91%202.917%200%206.5%200%2010.09%200%2013%202.917%2013%206.5a6.463%206.463%200%200%201-.973%203.42zM1.997%206.452c0%202.48%202.014%204.5%204.5%204.5%202.48%200%204.5-2.015%204.5-4.5%200-2.48-2.015-4.5-4.5-4.5-2.48%200-4.5%202.014-4.5%204.5z'%20fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:25px;background-repeat:no-repeat;background-position:12px center}.title-and-artist{margin-right:auto;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%}input:focus{outline:none!important;outline-width:0!important}.bar{width:20%;margin-right:1vw;padding:1vw}.title-and-beats{width:50%;display:flex;flex-direction:column;overflow-x:hidden;margin-right:1vw;padding-top:2vh;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.beats{display:flex;flex-direction:row;padding:1vw;flex-wrap:wrap;justify-content:start;padding-top:0}.welcome{width:50%;flex-direction:column;padding:1vw;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;margin-right:1vw;transition:font-size .1s;font-family:Logo;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.welcome *{margin:0;background-color:inherit}.welcome h2{font-size:400%!important;margin-top:auto}.welcome h1{font-size:1200%!important}.about,.technology,.vision{width:calc(50% - 2vw);flex-direction:column;padding:1vw;display:flex;margin-right:1vw;transition:font-size .1s;font-family:Logo;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;overflow-x:hidden;overflow-y:scroll}.about h1,.technology h1,.vision h1{background-color:#000;color:#fff;padding:2vh;font-family:Monospace-B;font-weight:400;font-size:125%}.about h1{padding:1vh 1vh 1vh 2vh}.about p,.technology p,.vision p{font-family:"Monospace";font-size:100%!important}.technology a{font-family:"Monospace";color:#000}.thumbnail{width:24.5%;display:flex;padding:2vw;padding-top:0;padding-bottom:0;flex-direction:column;cursor:pointer}.hidden{visibility:hidden!important}.none{display:none}.thumbnail-selected{background-color:#ececec;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.thumbnail:hover{background-color:#ececec}.thumbnail *{background-color:inherit}.thumbnail-image-container{width:65%;margin:auto;margin-bottom:1vh}.thumbnail-info-container{padding:2vh}.thumbnail-info-container>p{font-family:"Monospace";font-size:100%;margin-top:0;text-wrap:nowrap;width:75%;overflow:hidden;text-overflow:ellipsis}.info-title{font-family:Monospace-B!important}.info-artist{color:gray}.thumbnail-image{width:100%;border-radius:50%;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;object-fit:cover;aspect-ratio:1 / 1}.thumbnail-image-0{background:#7dcccc}.thumbnail-image-1{background:#7d88cc}.thumbnail-image-2{background:#ca7dcc}.thumbnail-image-3{background:#e6757b}.thumbnail-image-4{background:#00aeb7}.thumbnail-default-cover{border:4px solid black}.bar>p{text-transform:uppercase;font-family:"Monospace";font-size:125%;padding:2vh}.bar-selected{color:#fff;background:#000!important;font-family:Monospace-B!important;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;padding-left:2vw!important}.bar-disabled,.disabled{color:#ececec;cursor:default}.disabled:hover{background:#0000!important}.bar-element{cursor:pointer}.bar-element:hover{background:#ececec}.player{box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;width:23%;padding:1vw;display:flex;flex-direction:column}.player *{font-family:"Monospace"}.player h2{background:#000;color:#fff;padding:2vh;margin:0;font-family:Monospace-B;font-weight:400;font-size:125%}.player-list{height:80%;overflow-y:scroll;margin-top:2vh}.player-list-song{padding:3vh 1vh;font-size:100%;border-bottom:1px solid #ececec;cursor:pointer;display:flex;justify-content:flex-end}.player-list-song:hover,.player-list-song-selected{background:#ececec}.player-list-song>span{background-color:inherit}.duration{margin-right:2vh;color:#9d9d9d}.playing{background-color:#ececec}.playing>span{background-color:#ececec;letter-spacing:3px}.player-controls{padding:2vh;display:flex;justify-content:space-between;margin-top:auto}.search-icon{width:32px}.prev-icon,.next-icon{width:24px}.play-icon{width:28px;transform:translateY(2px)}.pause-icon{width:24px}.player-loader{background:inherit;border:6px solid #cecece;border-top:6px solid white;border-radius:50%;width:15px;height:15px;animation:player-loader-spin 2s linear infinite;display:inline-block;margin-right:1vw}.thumbnail-loader{border:5px solid #cecece;border-top:5px solid white;border-radius:50%;width:20px;height:20px;animation:thumbnail-loader-spin 2s linear infinite}.welcome-loader{border:5px solid #eaeaea;border-top:5px solid #cecece;border-radius:50%;width:50px;height:50px;animation:welcome-loader-spin 2s linear infinite;margin-top:auto;margin-left:auto}.playlist-placeholder-loader{border:5px solid #eaeaea;border-top:5px solid #cecece;border-radius:50%;width:50px;height:50px;animation:playlist-placeholder-loader-spin 2s linear infinite}.search-bar-loader{border:5px solid #eaeaea;border-top:5px solid #cecece;border-radius:50%;width:20px;height:20px;animation:player-loader-spin 2s linear infinite;margin-right:1vw;display:inline-block}@keyframes player-loader-spin{0%{transform:translateY(-3px) rotate(0)}to{transform:translateY(-3px) rotate(360deg)}}@keyframes thumbnail-loader-spin{0%{transform:translate(-15px,15px) rotate(0)}to{transform:translate(-15px,15px) rotate(360deg)}}@keyframes welcome-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes playlist-placeholder-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-controls img{cursor:pointer}.drop{width:calc(50% - 2vw);flex-direction:column;padding:2vw;display:flex;margin-right:1vw;font-family:"Monospace";box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;padding-bottom:1vh}.drop-loader-container{width:calc(50% - 2vw);flex-direction:column;justify-content:center;align-items:center;padding:2vw;display:flex;margin-right:1vw;font-family:"Monospace";box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;padding-bottom:1vh}.drop-title-input{width:21vw;height:1vh;margin-top:1vh;transform:translateY(-10px);padding:1.5vh 1.5vh 1.5vh 1vh;font-size:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;margin-right:.75vw;font-family:Monospace-B;border:3px solid #ffffff00}.drop-description-input{width:43vw;height:1vh;margin-top:1vh;transform:translateY(-10px);padding:1.5vh 1.5vh 1.5vh 1vh;font-size:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;margin-right:.75vw;font-family:"Monospace";border:3px solid #ffffff00}.playlist-preview{margin-top:1vh;width:100%;height:50%;overflow-y:scroll}.playlist-element{color:#000;font-size:100%;margin-top:0vh;padding:1vw;font-family:"Monospace";text-align:left;display:flex;flex-direction:row;align-items:center}.playlist-element-image{width:8vh;height:8vh;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;border-radius:50%}.playlist-element-title{font-family:"Monospace";font-size:100%}.playlist-element-artist{font-weight:400;color:#9d9d9d}.playlist-element-info{font-size:100%;justify-content:center;background:inherit}.playlist-element-info>p{margin:.75vh;background:inherit}.playlist-element:nth-child(2n){background-color:#ececec!important}.drop-buttons{margin-top:auto;text-align:right;margin-bottom:2vh}.drop-buttons>button{border:0px;margin-left:1vw}button{background-color:transparent;color:#000;background-color:#fff;border-radius:4px;padding:10px 20px;font-size:125%;cursor:pointer;font-family:Monospace-B;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.button-disabled{box-shadow:none;color:#ececec;cursor:default}.drop-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Monospace-B;color:#9d9d9d;font-size:100%}.drop-folder-icon{margin-bottom:2vh;width:64px}::-webkit-scrollbar{width:3px;height:7px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#9d9d9d}.vinyl-icon{transform:scale(1) translateY(-5px) translateY(3px);width:36px;height:36px;float:left;margin-right:1vw}.drop-popup-background{position:absolute;width:100%;height:100%;top:0;left:0;background:#00000054;z-index:99;display:flex;justify-content:center;align-items:center}.playlist-title-menu-background{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000054;z-index:99;display:flex;justify-content:center;align-items:center}.drop-popup{padding:2vw;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Monospace";background:#fff;border-radius:10px}.drop-popup-title{padding:1vh 1vh 3vh;justify-content:center;justify-self:center;text-align:center;font-family:Monospace-B;font-size:125%;margin-bottom:4vh;width:100%;border-bottom:1px solid black}.drop-popup-message{margin-bottom:2vh}.drop-popup-key{font-family:Monospace-B;-webkit-user-select:text;user-select:text}.drop-popup-button{margin-top:4vh;width:50%;font-size:100%}.file-explorer{box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;width:23%;padding:1vw;display:flex;flex-direction:column}.file-explorer-list{height:90%;overflow-y:scroll}.file-explorer-element{display:flex;flex-direction:row;align-items:center;padding:1vh;font-family:"Monospace";border-radius:5px;cursor:pointer}.file-explorer-element>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-explorer-icon{margin-right:1vh}.file-explorer-button{font-family:Monospace-B;background-color:#000;color:#fff;font-size:100%;border:1px solid white;border-radius:5px;margin-top:4vh;cursor:pointer;border:0px}.file-explorer-button-disabled{background-color:#ececec;cursor:default}.file-explorer-element:nth-child(odd){background-color:#ececec}.no-selectable{cursor:default}input:focus{outline:none!important;border:3px solid #9887FF}.playlist-title{font-family:"Monospace";font-size:125%;padding:2vh 2vh 1vh;background:#fff;color:#9d9d9d;border-bottom:1px solid #d2d2d2;margin-left:2vw;margin-right:2vw;margin-bottom:2vh}.playlist-description{font-size:85%;color:#c1c1c1;line-height:30px}.playlist-description>a{color:#505050}.player-placeholder{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:auto;margin-top:35vh}.player-placeholder-icon{width:40px;opacity:.5}.player-placeholder p{text-align:center;color:#9d9d9d}table{border-collapse:collapse;width:100%;margin:auto}th,td{border:none;padding:8px;text-align:left}th{background-color:#f4f4f4}.playlist-title-preview,.playlist-description-preview{font-family:Monospace-B;text-transform:uppercase;margin-left:.5vw}.playlist-preview-label{margin-top:2vh;font-family:Monospace-B;margin-bottom:1vh;text-transform:uppercase;margin-left:.5vw}.playlist-title-menu-button{width:40px;float:right;transform:translateY(-10px);border-radius:10px;padding-left:1vh;padding-right:1vh;cursor:pointer}.playlist-title-menu{position:absolute;z-index:99;background:#fff;padding:1vh 1vh 1vh 2vh;padding-right:2vw;border-radius:10px;left:calc(65% + 5vh);top:calc(15% - 1vh);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.playlist-menu-title-item{margin-top:1vh;margin-bottom:1vh;font-size:85%;cursor:pointer;padding:1vh}.playlist-menu-title-item:hover{background:#ececec}.playlist-title-menu-favourites-icon{width:25px;height:25px;float:left;margin-right:2vh;opacity:.4;transform:translateY(-3px)}.playlist-title-menu-queue-icon{width:24px;height:24px;float:left;margin-right:2vh;opacity:.4;transform:translateY(0)}.playlist-title-menu-clipboard-icon{width:24px;height:24px;float:left;margin-right:2vh;opacity:.3;transform:translateY(0)}.library-bar{width:20%;margin-right:1vw;padding:1vw;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.library-bar>p{text-transform:uppercase;font-family:"Monospace";font-size:125%;padding:2vh;cursor:pointer}.library-bar-selected{color:#fff;background:#000!important;font-family:Monospace-B!important;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;padding-left:2vw!important}.library{width:50%;display:flex;flex-direction:column;overflow-x:hidden;margin-right:1vw;padding:2vh;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f}.library-element{display:flex;flex-direction:row;align-items:center;padding:1vh;font-family:"Monospace";border-radius:5px;cursor:pointer;border:1px solid white}.library-element>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.library-element:nth-child(odd){background-color:#ececec}.library-element:hover{border:1px solid black}.library-element-clipboard-icon{width:20px;margin-left:auto;opacity:.3}.top-bar{background:#1e1e1e;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-app-region:drag;height:42px;padding:0;color:#fff;white-space:nowrap;box-sizing:border-box;position:fixed;z-index:2;width:100%;left:0;top:0}.library-placeholder{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.library-placeholder>span{font-family:Monospace-B;color:#9d9d9d}.dropping-info{margin-top:auto;margin-left:auto;font-family:"Monospace";width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ececec}.dropping-the-beats{margin-top:auto;font-family:Logo;font-size:400%;margin-bottom:4vh;animation:dropping-the-beats-animation 1.5s infinite normal}@keyframes dropping-the-beats-animation{0%{transform:scale(1)}50%{transform:scale(1.05)}}.playlist-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:70vh}.playlist-placeholder>span{font-family:Logo;font-size:400%;margin-bottom:4vh}.about-logo{font-family:Logo;font-size:150%;margin-left:8px;margin-right:10px}.about>p{margin-top:1vh;margin-bottom:1vh}.download{width:calc(50% - 2vw);display:flex;flex-direction:column;margin-right:1vw;font-family:"Monospace";align-items:center}.download-container{padding-top:5vh;border-radius:20px;flex-direction:column;display:flex;justify-content:center;align-items:center;width:75%;padding:3vh;padding-top:5vw}.download-container>a{color:gray;text-align:center;font-size:100%;font-family:Monospace-B;margin-bottom:2vh}.download-container>h2{margin-top:auto;margin-bottom:4vh;font-family:Monospace-B}.download-container>code{margin-top:3vh;margin-bottom:4vh;border:1px solid #ececec;color:#9d9d9d;padding:1vh;-webkit-user-select:text;user-select:text}.download-container-footer{margin-top:auto;color:#9d9d9d}.alpha{color:#d9d9d9;font-size:75%}.terms{width:calc(50% - 2vw);margin-right:1vw;font-family:"Monospace";text-align:justify;text-justify:auto;line-height:120%}.terms>h2{margin-bottom:4vh}.underline{text-decoration:underline}