@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap";.HeaderSearchResult{width:250px}.HeaderSearchResult h5,.HeaderSearchResult p,.HeaderSearchResult strong{color:#000!important}.HeaderSearchResult>.top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.HeaderSearchResult>.top>button{background:transparent;border:1.5px solid #2bc5b4;border-radius:10px;color:#2bc5b4;cursor:pointer;font-size:10px;font-weight:700;padding:3px 10px}.HeaderSearchResult .container{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;margin-top:10px}.HeaderSearchResult .container img{height:40px;margin-right:10px;width:40px}.HeaderSearchResult .container .detaiils>p{font-size:13px}.HeaderSearchResult .container .detaiils>.mainName{font-size:14px;font-weight:700}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);left:0;padding:.5rem 50px;position:fixed;top:0;width:100%;z-index:5}@media screen and (max-width:600px){header{padding-left:20px;padding-right:20px}}header h1{cursor:pointer;font-family:Caveat,cursive;font-size:2.3rem;font-weight:500}header h1,header h1 .imgWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header h1 .imgWrapper{height:2.3rem;width:2.3rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-animation:gradient 7s ease infinite;animation:gradient 7s ease infinite;background:linear-gradient(45deg,red,#ffea01,#43ffd3,#008cff);background-size:400% 400%;border:none;border-radius:50%;justify-content:center;overflow:hidden}header h1 .imgWrapper img{width:2.7rem}header>.inputWrapper{border:2px solid hsla(0,0%,78%,.237);border-radius:30px;left:50%;position:absolute;top:10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:40%;z-index:5}header>.inputWrapper>.top{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header>.inputWrapper>.top>p{margin-left:5px}header>.inputWrapper>.top>input{background-color:transparent;border:none;color:#fff;font-size:1.1rem;opacity:0;outline:none;padding-left:5px;padding-right:5px;width:0}header>.inputWrapper>.top>.cross{width:0}header>.activeInputWrapper{background:#000000d9;border-radius:20px;width:90%}header>.activeInputWrapper>.top{width:100%;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}header>.activeInputWrapper>.top>p{display:none}header>.activeInputWrapper>.top>input{opacity:1;width:90%}header>.activeInputWrapper>.top>.cross{cursor:pointer;display:block;height:24px;width:24px;z-index:2}header>.activeInputWrapper>.top svg{font-size:1.2rem;margin:10px}header>.activeInputWrapper>.bottom{display:grid;grid-template-columns:repeat(auto-fit,250px);height:0;position:absolute;top:50px;width:100%;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;grid-gap:20px;-webkit-animation:dataAnimation .2s linear .3s forwards;animation:dataAnimation .2s linear .3s forwards;color:#000;gap:20px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;z-index:5}header>.activeInputWrapper>.bottom>h2{color:#000;text-align:center}header>.user{cursor:pointer}header>.user svg{font-size:20px}header>.user img{width:45px}@media screen and (max-width:500px){header .activeInputWrapper,header>.inputWrapper{background:#00000052;top:60px;z-index:5}header>.inputWrapper{width:90%}}@-webkit-keyframes dataAnimation{to{background-color:#fff;border:2px solid hsla(0,0%,78%,.237);border-radius:20px;height:460px;overflow-y:auto;padding:20px}}@keyframes dataAnimation{to{background-color:#fff;border:2px solid hsla(0,0%,78%,.237);border-radius:20px;height:460px;overflow-y:auto;padding:20px}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Player{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;padding:20px 70px 10px 20px;position:fixed;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:#00000080;-webkit-box-shadow:0 0 15px 20px rgba(0,0,0,.5);box-shadow:0 0 15px 20px #00000080;justify-content:space-between;z-index:5}.Player [name=audioProgress]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:2.5px;left:20px;position:absolute;top:11px;width:calc(100% - 40px);z-index:2}.Player [name=audioProgress]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:-webkit-gradient(linear,left top,right top,from(#43e97b),to(#38f9d7));background-image:linear-gradient(90deg,#43e97b,#38f9d7);border:none;border-radius:50%;height:12px;opacity:0;-webkit-transition:all .3s;transition:all .3s;width:12px}.Player [name=audioProgress]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#43e97b,#38f9d7);border:none;border-radius:50%;height:12px;opacity:0;-moz-transition:all .3s;transition:all .3s;width:12px}.Player [name=audioProgress]:hover::-webkit-slider-thumb{opacity:1}.Player [name=audioProgress]:hover::-moz-range-thumb{opacity:1}.Player>.rangeAlike{background:#80808085;height:2.5px;left:20px;position:absolute;top:11px;width:calc(100% - 40px);z-index:1}.Player>.rangeAlike .range{background-image:-webkit-gradient(linear,left top,right top,from(#43e97b),to(#38f9d7));background-image:linear-gradient(90deg,#43e97b,#38f9d7);height:100%;z-index:2}.Player svg{cursor:pointer;font-size:30px}.Player>.img-Name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:220px}.Player>.img-Name img{border:none;border-radius:7px;height:50px;margin-right:10px;width:50px}.Player>.img-Name .names p{font-size:13px;margin-top:5px}.Player .PlayerOptions{display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;margin-top:5px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:220px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Player .PlayerOptions svg{cursor:pointer;font-size:30px}.Player .PlayerOptions .loopOptions svg{font-size:30px}.Player .timestamp{text-wrap:nowrap}.Player .volume{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:absolute;right:20px;top:75%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:30px;z-index:3}.Player .volume input{cursor:-webkit-grab;cursor:grab;display:none;left:15px;position:relative;top:5px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;width:100px}.Player .volume:hover{height:130px}.Player .volume:hover input{display:block}@media screen and (max-width:700px){.Player{padding-right:20px}.Player .volume{display:none}.Player .img-Name{width:79.5px}.Player .img-Name .names{display:none}}@media screen and (max-width:480px){.Player .PlayerOptions{width:180px}}@media screen and (max-width:400px){.Player .timestamp{margin-right:15px;text-wrap:wrap;width:20px}.Player .timestamp span{display:none}}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px;padding-bottom:20px;padding-left:50px;padding-right:50px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:600px){footer{padding-left:20px;padding-right:20px}}footer>h1{font-family:Caveat,cursive;font-optical-sizing:auto;font-size:3rem;font-style:normal;font-weight:400}footer>.icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}footer>.icons svg{font-size:35px;margin:10px;fill:gray;-webkit-transition:all .3s!important;transition:all .3s!important}footer>.icons svg:hover{fill:salmon}footer>.icons .white:hover{fill:#fff}footer>.icons p{text-align:right;fill:gray;font-size:1.2rem}footer>.icons p>a{-webkit-background-clip:text;background-clip:text;background-image:-webkit-gradient(linear,left bottom,left top,from(#b3ffab),to(#12fff7));background-image:linear-gradient(0deg,#b3ffab 0,#12fff7);color:transparent;letter-spacing:1px;-webkit-text-decoration:none;text-decoration:none}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;border:none;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;height:97%;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:97%;z-index:999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.modal p{font-size:18px;text-align:center}*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-family:Lato,sans-serif;margin:0;padding:0;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background-image:-webkit-gradient(linear,left top,right top,from(#1c1c1c),to(#000));background-image:linear-gradient(90deg,#1c1c1c 0,#000);min-height:100vh;scrollbar-width:0;-webkit-transition:none;transition:none}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.loaderWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;position:absolute;top:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader{height:30px;position:relative;width:65px}.BlackClass:before{-webkit-box-shadow:inset 0 0 0 3px #000!important;box-shadow:inset 0 0 0 3px #000!important}.loader:before{-webkit-animation:l3 .75s infinite alternate;animation:l3 .75s infinite alternate;border-radius:50px;-webkit-box-shadow:inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 3px #fff;content:"";position:absolute}.NoDataH1{-webkit-animation:gradient 5s ease infinite;animation:gradient 5s ease infinite;background:linear-gradient(45deg,red,#ffea01,#43ffd3,#008cff);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:transparent;font-size:5rem;font-weight:900;letter-spacing:10px}.NoDataP{font-size:3rem}.NoDataP>span{color:red}@-webkit-keyframes l3{0%{bottom:0;left:0;right:35px;top:0}50%{bottom:0;left:0;right:0;top:0}to{bottom:0;left:35px;right:0;top:0}}@keyframes l3{0%{bottom:0;left:0;right:35px;top:0}50%{bottom:0;left:0;right:0;top:0}to{bottom:0;left:35px;right:0;top:0}}