*{font-family:"Nanum Gothic", sans-serif !important}html,body{margin:0;padding:0}.flash{position:fixed;top:0;left:0;width:100vw;padding:1.5rem;font-family:"Nanum Gothic", sans-serif;background:#00cfc7;font-size:0.9em;text-align:center;opacity:1;transition:all 1000ms;z-index:999;box-sizing:border-box}.flash.alert{opacity:1;background:rgba(216,43,43,0.76);color:white}.flash a.close{position:absolute;right:1rem;height:1.5rem;width:2rem;z-index:1000;text-decoration:none;font-size:3rem;line-height:1rem;color:white;cursor:pointer}.centeredPageContainer{background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll;display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(/assets/bg-2-81d3758ac3e0599f483127add0e7602a3c9120d964c4721bace874600d6e2579.jpg);padding-top:3rem;padding-bottom:3rem;box-sizing:border-box}.pageContainer{background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll;min-height:100vh;background-image:url(/assets/bg-2-81d3758ac3e0599f483127add0e7602a3c9120d964c4721bace874600d6e2579.jpg);padding:2rem 5rem;box-sizing:border-box}.flexCol{display:flex;align-items:center;justify-content:center;flex-direction:column}.loginContainer{width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginTitle{margin-bottom:3rem;display:none}.loginLogo{margin-bottom:3rem;height:2.5rem}.loginTitle,.actualForm{width:100%;text-align:center;color:white}.field{position:relative;margin-bottom:1rem;width:100%;position:relative;background-color:#e6e6e6 !important;border:1px solid transparent;border-radius:3px}.actualInputField{outline:none !important;border:none !important;color:black !important;line-height:1.2 !important;font-size:1.2rem !important;display:block !important;width:100% !important;background:transparent !important;height:60px !important;padding:0 20px 0 38px;box-sizing:border-box;min-height:2rem !important;padding-top:9px !important}.actualTextAreaField{min-height:10rem !important}.focus-actualInputField{position:absolute;display:block;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;pointer-events:none;border:1px solid #00cfc7;border-radius:3px;visibility:hidden;opacity:0;transition:all 0.4s;transform:scaleX(1.1) scaleY(1.3)}.actualInputField:focus+.focus-actualInputField{visibility:visible;opacity:1;transform:scale(1)}.actualFormButton{background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll;font-size:1.2rem;color:#00cfc7;color:white;line-height:1.2;text-transform:none;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;max-width:400px;height:62px;background-color:rgba(0,207,199,0.6);background-image:url(/assets/top_bg-77bec32a8a73687712856d1e26363eff6515c544a234d380339f1f467996247a.jpg);text-decoration:none !important;border-radius:3px;transition:all 100ms ease-out 0s;outline:0 !important;border:1px solid #00cfc7;border:1px solid black;box-sizing:border-box;cursor:pointer;text-shadow:0px 0px 1px #00cfc7;position:relative;font-weight:700}.actualFormButton:hover,.actualFormButton:focus{border:1px solid #00cfc7 !important;color:white;background-image:none;background-color:rgba(0,207,199,0.6);text-shadow:0 0 14px grey}.actualFormButton.disabled:after{content:"";position:absolute;width:100%;height:100%;background:transparent;cursor:not-allowed;background:black;opacity:0.8;z-index:22}.searchContainer{width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}a.logoutBtn,a.switchPageBtn,a.adminBtn{text-decoration:none !important;font-size:0.8em;padding:0.5em 1em;background-color:transparent;border:1px solid #00cfc7;color:#00cfc7;align-items:stretch;border-radius:0.2em;outline:0 !important;cursor:pointer;display:inline-block;position:absolute;top:1rem;right:1rem;margin-left:0.5em}a.logoutBtn:hover,a.switchPageBtn:hover,a.adminBtn:hover{background-color:rgba(0,207,199,0.6);color:white}a.adminBtn{right:calc(1rem + 100px)}a.switchPageBtn{top:3.7rem}a.switchPageBtn.myRequestsBtn{right:7.1rem}.youSearchedFor{color:white;text-align:center;line-height:2rem;font-size:1.2rem}.youSearchedFor .actualValue{color:#00cfc7;font-size:1.6rem}.clearSearch,.customButton{text-decoration:none;color:#00cfc7}.typeContainer{display:flex;margin-bottom:1rem;justify-content:center}.singleType{margin-right:3rem;display:flex;align-items:center}.singleType input[type="radio"]{margin-right:0.5rem}.typeTitle{margin-right:3rem;white-space:nowrap;display:flex;align-items:center;text-align:center;color:white;font-size:1.1rem}h3{font-weight:300}.artistsContainer{display:flex;flex-wrap:wrap;margin-top:2rem}.titleContainer{color:#00cfc7;margin-top:2rem;margin-bottom:0;font-size:1.6rem}.singleArtist{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;width:20%;min-width:250px;text-decoration:none !important}.singleArtist .artistName{font-size:1.3rem;color:white;text-align:center;text-decoration:none !important}.singleArtist:hover .artistName{color:#00cfc7}.singleArtist:hover .singleArtistImage{border:2px solid #00cfc7;box-shadow:1px 1px 1px #00cfc7;transform:scale(1.04)}.singleArtistImage{background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll;height:12rem;width:12rem;border-radius:50%;margin-bottom:1rem;border:2px solid white;transition:all 0.2s ease-in;text-decoration:none !important;position:relative}.singleArtistImage.noImage{background:black !important}.singleArtistImage.noImage:hover .downloadContainer{background:black;opacity:0.9}.singleArtistImage.noImage:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"NO IMAGE AVAILABLE";font-size:1.1rem;width:90px;color:#00cfc7;color:white;text-shadow:1px 1px 1px grey;line-height:1.4rem}.singleArtistImage:hover .downloadContainer{opacity:1}.clearSearch,.customButton{text-decoration:none;font-size:0.8em;margin-left:0.5em;padding:0.5em 1em;background-color:transparent;border:1px solid #00cfc7;color:#00cfc7;align-items:stretch;border-radius:0.2em;cursor:pointer;display:inline-block;outline:0 !important}.clearSearch:hover,.customButton:hover{background-color:rgba(0,207,199,0.6);color:white}.sheetExportFormat{position:absolute;left:0;top:0;padding-left:1rem;padding-top:1rem;color:white}.downloadContainer{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;justify-content:space-around;align-items:center;background:black;z-index:4;border-radius:50%;overflow:hidden;transition:opacity 0.3s ease-in}.downloadContainer button,.downloadContainer a{text-decoration:none;font-size:1rem;color:white;text-shadow:1px 1px 1px grey;line-height:1.4rem;display:flex;align-items:center;justify-content:center;flex-grow:1;width:100%}.downloadContainer button:hover,.downloadContainer a:hover{background:black;color:#00cfc7}.downloadContainer .modifySelection{color:#e63232 !important;font-size:0.8rem}.selectionItem{display:flex;position:relative;margin-top:1.6rem;flex-direction:column;align-items:center}.selectionItem a{color:#e63232 !important;font-size:0.8rem}.selectionItem .singleArtistImage{width:11rem;height:11rem;background-color:black}.selectionItem .artistName{font-size:1.3rem;color:white;display:flex;flex-direction:row;align-items:center}.selectionContainer{display:flex;flex-direction:row;margin-bottom:1.4rem}.selectionContainer .selectionItem{margin-left:15px;margin-right:15px}.nothingSelected{text-decoration:none;line-height:1.4rem;display:flex;align-items:center;justify-content:center;flex-grow:1;width:75%;font-size:0.8rem;color:#e63232;top:50%;position:absolute;left:50%;transform:translate(-50%, -50%);background:black;height:49px;z-index:2}.artistId{display:none}.logoSpotify{width:1.2rem;margin-right:0.6rem;margin-left:0.6rem;margin-bottom:1px}.logoBeatport{width:1.4rem;margin-right:0.6rem;margin-left:0.6rem;margin-bottom:1px}.radioButton svg{fill:#00cfc7}.searchBox{position:relative}.loading{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:23;cursor:not-allowed;background:linear-gradient(80deg, #00cfc7, white, #00cfc7);background-size:400% 400%;animation:gradient 2s ease infinite;opacity:0.7}.singleArtist.smallerImage{width:15%;min-width:15rem}.singleArtist.smallerImage .singleArtistImage{width:6rem;height:6rem}.singleArtist.smallerImage .artistName{font-size:1rem;width:100%;height:3.125rem;overflow:hidden;text-overflow:ellipsis}.singleArtist.smallerImage .downloadContainer button{font-size:0.7rem}.spotifyModifyTextContainer{width:18rem;margin-top:1.6rem;display:inline-flex;flex-direction:column;justify-content:space-around;margin-left:2rem}.spotifyModifyTextContainer h3{color:white;font-size:1rem;line-height:2rem}.spotifyModifyTextContainer .actualInputField{background:white !important}.beatportTokenError{color:#e63232;margin-top:2rem}.closeIcon{position:absolute;top:1.1rem;right:1.1rem;color:#00cfc7;cursor:pointer;font-size:2rem}.closeIcon:after{display:inline-block;content:"\00d7"}.beatportResultsContainer{display:flex;flex-direction:column}.beatportResultsContainer .tableContainer{display:flex;height:380px;overflow:scroll;flex-direction:column;background:#262625}.beatportResultsContainer .actualFormButton{display:inline-flex;margin:auto;margin-top:2rem}.beatportTrack{display:flex;margin-bottom:0.2rem;background:#373737;align-items:center;justify-content:space-between;cursor:pointer;position:sticky;top:0}.beatportTrack:hover{background:#4e4e4e}.beatportTrack div{color:#8c8c8c;font-size:0.8rem}.beatportTrack .mixName{font-size:0.6rem;margin-left:5px;font-weight:400}.beatportTrack a.providerLogo{color:white;text-decoration:none !important;display:inline-block;border:1px solid grey;margin-right:0.8rem;margin-top:2px;margin-bottom:2px}.beatportTrack a.providerLogo img{transform:rotate(228deg);margin-top:0.8rem}.beatportTrack a.providerLogo:hover{border-color:white}.beatportTrack .trackName{color:white !important;margin-right:1.2rem;display:flex;align-items:center;width:25rem}.beatportTrack .trackImage{margin-right:0.6rem;margin-left:0.1rem}.beatportTrack .trackImage img{width:36px}.queryContainer{margin-bottom:1rem;display:flex;align-items:baseline}.queryContainer .results-title{margin-right:0.5rem;font-size:0.8rem}.queryContainer .singleParam{margin-right:0.2rem;font-size:0.9rem}.queryContainer .singleParam::after{content:","}.queryContainer .singleParam:last-child::after{content:none}.queryContainer .singleParam .paramName{font-weight:600;margin-right:0.3rem;color:#373737}.queryContainer .singleParam .paramName::after{content:":"}.queryContainer .singleParam .paramValue{color:#00cfc7;font-weight:700}.beatportTrackExtended{display:flex;flex-direction:row;flex-wrap:wrap;animation:slideIn 0.3s;position:relative;padding-bottom:2rem}.beatportTrackExtended .singleProp{flex:1 calc(50% - 1rem);overflow:hidden;margin-bottom:0.9rem;margin-top:0.9rem;flex-direction:column;padding-left:1rem}.beatportTrackExtended .singleProp .propName{font-size:0.8rem;margin-right:0.6rem;width:100%;flex-grow:1;display:inline-flex;color:#8c8c8c;color:#00cfc7;margin-bottom:0.5rem}.beatportTrackExtended .singleProp .propValue{font-size:0.9rem;margin-right:0rem;width:100%;flex-grow:1;display:inline-flex;color:white;padding-left:0.1rem;cursor:pointer}.warningMessage{color:#e63232;font-weight:600;width:100%;display:block;text-align:center;margin-top:1rem}.loadingCustomSearch{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:23;cursor:not-allowed;background:#ffffff78;opacity:1}.loadingCustomSearch:after{position:absolute;width:5rem;height:5rem;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(80deg, white, #00cfc7, #00cfc7);content:"Loading";background-size:300% 300%;animation:gradient 1s ease infinite;opacity:0.8;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes slideIn{0%{opacity:0;left:-100%}100%{opacity:1;left:0}}.myRequests{height:70vh;width:40rem;margin:auto;overflow:auto;border:1px solid #00cfc7;display:block}.myRequests .loadingMore{color:#00cfc7;padding:1rem 0}.myRequests .request{display:flex;flex-direction:column;align-items:baseline;text-align:left;padding:0.9rem 1.5rem;border-bottom:1px solid #00cfc7;box-sizing:border-box;background:black;opacity:0.8;position:relative}.myRequests .request:hover{opacity:1}.myRequests .request:hover .actionsContainer{opacity:1}.myRequests .request .status{display:inline-block;font-size:0.7rem;padding:0.4rem;color:black;margin-right:1rem;background:black;opacity:0.9;min-width:4rem;text-align:left;position:relative}.myRequests .request .status:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-1rem;width:1rem;height:1rem;background-color:grey;border-radius:50%}.myRequests .request .status.pending{color:#efef00}.myRequests .request .status.pending:before{background-color:#efef00}.myRequests .request .status.processing{color:orange}.myRequests .request .status.processing:before{background-color:orange}.myRequests .request .status.processed{color:#00cfc7}.myRequests .request .status.processed:before{background-color:#00cfc7}.myRequests .request .status.failed,.myRequests .request .status.aborted{color:#e63232}.myRequests .request .status.failed:before,.myRequests .request .status.aborted:before{background-color:#e63232}.myRequests .request .status .timer{margin-left:0.5rem}.myRequests .request .status .timer:before{content:"( "}.myRequests .request .status .timer:after{content:" )"}.myRequests .request .searchSentence{margin-right:1rem;font-size:0.7rem;display:inline-flex;flex-direction:row;align-items:baseline}.myRequests .request .searchType{margin-right:0.5rem;font-size:0.9rem;color:#00cfc7;font-weight:600}.myRequests .request .searchText{font-size:0.9rem;margin-left:0.5rem;margin-right:0rem;color:#00cfc7;font-weight:600}.myRequests .request .sheetFormat{font-size:0.6rem;margin-top:1rem;color:#8c8c8c}.myRequests .request .sheetFormat:after{content:" Sheet"}.myRequests .request .requestData{margin-left:auto;text-align:right;font-size:0.7rem;line-height:1.1rem}.myRequests .request .requestData b{color:#00cfc7;margin-right:0.2rem}.myRequests .request .actionsContainer{opacity:0;transition:opacity 0.3s ease-in;justify-content:center;width:100%;display:flex}.myRequests .request .actionsContainer button{text-decoration:none !important;font-size:0.8em;padding:0.5em 1em;background-color:transparent;border:1px solid #00cfc7;color:#00cfc7;align-items:stretch;border-radius:0.2em;outline:0 !important;cursor:pointer;display:inline-block;margin-right:1rem}.myRequests .request .actionsContainer button:hover{background-color:rgba(0,207,199,0.6);color:white}.myRequests .request .taskWorking{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:23;cursor:not-allowed;background:linear-gradient(80deg, #00cfc7, white, #00cfc7);background-size:400% 400%;animation:gradient 2s ease infinite;opacity:0.7}.limitReached{background-color:#e63232;display:block;padding:0.2rem 0;font-size:0.8rem}