@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap);#not-found{padding-left:10px;padding-right:10px;color:#333;display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100vh - 48px);width:calc(100% - 60px);margin-left:30px;text-align:center}#not-found img{margin-bottom:50px}#not-found h1{color:#846dfb!important}#not-found p{color:#f6f6f6}#request{position:relative;color:#777}#request .block-request{width:calc(100% - 60px);padding:30px;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:3px solid #fec107;border-radius:10px;background:#333;text-align:center;margin:80px auto 30px}#request .block-request .c-icon{background:#fec107;border-radius:100%;display:flex;align-items:center;justify-content:center;padding:10px 10px 8px;text-shadow:2px 2px 10px rgba(0,0,0,.2);margin-top:-62px}#request .block-request i{font-size:50px;color:#fff}#request .block-request .title{font-size:20px;margin-top:30px;color:#fdfdff;font-weight:700}#request .block-request p{margin-top:10px;text-align:center}#request .block-request p b{color:#fec107}#request .capitalize,#request .capitalize *{text-transform:capitalize}#request .c-input{position:-webkit-sticky;position:sticky;top:0;padding:10px 0;background:#1b1c21}#request .response .title{margin:40px 0 20px;text-align:center}#request .response .title h2{font-size:30px}#request .response .title svg{font-size:40px}#request .response .title .success svg{color:#a9d134}#request .response .title .pending svg{color:#ebd7fa}#request .response .title .error svg{color:#d32029}#request .response .title .text p{font-size:18px}#request .ui-youtube #suggestions{border-radius:0 0 5px 5px;display:block;list-style:none;background:#fff;width:calc(100% - 3px);transform:translateX(1px)}#request .ui-youtube #suggestions li{border-bottom:1px solid #eee;padding:7px 0 7px 10px;color:#333}#request .ui-youtube #suggestions li:hover{background:#e6f7ff;font-weight:700}#request .ui-youtube #suggestions li:last-child{border-bottom:0}#request .ui-youtube #videos-list{display:block;list-style:none;margin-top:30px;padding:0}#request .ui-youtube #videos-list li{border:1px solid hsla(0,0%,100%,.1);padding:0 0 15px;color:#fff;margin-bottom:15px;background:#25262b}#request .ui-youtube #videos-list li img{width:100%}#request .ui-youtube #videos-list li span{font-size:16px;margin-top:15px;display:block;padding-left:15px}#request .ui-youtube #videos-list li:hover{background:#e6f7ff;font-weight:700;color:#333}#request .confirm{padding:15px;background:#3b3d43;position:fixed;bottom:61px;width:100%;z-index:10000;transition:all 2s;display:block;opacity:1}#request .confirm.hide{opacity:0;display:none}#request .ant-result-title{color:hsla(0,0%,100%,.85)}#request .ant-result-subtitle{color:hsla(0,0%,100%,.4)}#request .alert{color:#5e0f17;background-color:#f57883;border-color:#f5c6cb;padding:5px;margin-bottom:15px;border-radius:5px;text-align:center}#profile .container-crop{z-index:100000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}#profile .container-crop .controls{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:#333}#profile .container-crop .controls .d-flex{display:flex;justify-content:space-between}#profile .container-crop .controls .d-flex>*{margin:0 10px}#profile .container-crop .c-slider{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}#profile .container-crop .c-slider .c-s{width:85%}#profile .container-crop .c-slider .c-s .ant-slider{display:block}#profile .container-crop .c-slider .c-s .ant-slider .ant-slider-mark-text{color:hsla(0,0%,100%,.4)}#profile .container-crop .c-slider i{font-size:30px;margin-left:5px}#profile input{background:#fff;text-indent:5px}#profile .info{font-size:12px;opacity:.8}#profile label{font-size:18px}#profile button{margin-top:15px}#profile .logout{margin-top:15px;text-align:center;text-decoration:underline;opacity:.7;display:flex;align-items:center;justify-content:center}#profile .logout span{margin-left:10px}#profile .user-avatar{margin-bottom:15px}#profile .input-image{display:block;font-size:14px;text-decoration:underline}#profile .loading-image{display:block;font-size:20px;margin-top:-2px}#profile .signature{display:flex;justify-content:center;align-items:center;text-align:center}#profile .signature i{color:red;margin:0 7px}#suggestions .controls{display:none;justify-content:space-between;padding:15px 0}#suggestions .controls span{text-align:center;font-size:13px;color:#222}#suggestions .controls i{color:#903fd1;font-size:24px}#suggestions .lists-container{overflow-x:scroll;position:-webkit-sticky;position:sticky;top:0;z-index:10000}#suggestions .lists-container .scroll{background-color:#16161a;padding:15px 15px 10px;min-width:400px}#suggestions .lists-container .scroll .list{border:1px solid #aaa;display:inline-block;opacity:.5;box-shadow:1px 1px 5px rgba(0,0,0,.3);background:linear-gradient(0deg,transparent,rgba(0,0,0,.4));border-radius:5px;overflow:hidden;width:120px;height:70px;position:relative;margin-right:10px}#suggestions .lists-container .scroll .list:first-child{background-color:#97eadc}#suggestions .lists-container .scroll .list:nth-child(2){background-color:#4000f2}#suggestions .lists-container .scroll .list:nth-child(3){background-color:#e71d31}#suggestions .lists-container .scroll .list.active{border:2px solid #fff;opacity:1}#suggestions .lists-container .scroll .list:last-child{margin-right:0}#suggestions .lists-container .scroll .list img{object-fit:cover;width:100%;height:100%}#suggestions .lists-container .scroll .list .overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0}#suggestions .lists-container .scroll .list .overlay i{font-size:20px;display:block;color:#fff}#suggestions .lists-container .scroll .list .overlay span{color:#fff;font-size:12px;display:block}#suggestions .songs-container .d-flex{display:flex;flex-wrap:wrap;justify-content:space-between}#suggestions .songs-container .d-flex .box{width:calc(50% - 7.5px);margin-bottom:15px}#suggestions .songs-container .song{position:relative;height:100px;border-radius:5px;overflow:hidden}#suggestions .songs-container .song img{object-fit:cover;width:100%;height:100%}#suggestions .songs-container .song .overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0}#suggestions .songs-container .song .overlay span{color:#fff;font-size:12px;text-shadow:1px 1px 2px #000;opacity:.95}#suggestions .songs-container .song .overlay span.author{font-weight:700;text-transform:capitalize}#suggestions .songs-container .song .overlay span.title{font-size:15px;text-transform:capitalize}section#queue .song-list{padding:15px}section#queue .song-list .item{border-radius:32px 10px 10px 32px;display:flex;align-items:center;margin-bottom:15px;background-color:#25262b;position:relative}section#queue .song-list .item .coroa{font-size:25px;position:absolute;top:0;left:-6px;z-index:100;transform:rotate(330deg);color:#ff0!important;display:none}section#queue .song-list .item:last-child{margin-bottom:0}section#queue .song-list .item img{height:60px;width:60px;border-radius:100%;transform:scale(1.03) translateX(0);margin-right:15px;border:3px solid #f6f6f6}section#queue .song-list .item .position{font-size:30px;color:#aaa;margin-right:10px}section#queue .song-list .item .info{margin-right:auto}section#queue .song-list .item .info span{display:block}section#queue .song-list .item .info span.author{font-size:12px;margin-top:3px;margin-bottom:-2px;color:#fff;text-transform:capitalize}section#queue .song-list .item .info span.song{margin-top:-5px;margin-bottom:0;font-weight:700;color:#fff;text-transform:capitalize}section#queue .song-list .item .info span.singer{font-size:12px;margin:0 0 5px;opacity:.8;text-transform:capitalize}section#queue .song-list .item .approx,section#queue .song-list .item svg{display:none;margin-right:15px}section#queue .song-list .item svg{font-size:30px;border:1px solid #fff;padding:5px;border-radius:100%;color:#fff}section#queue .song-list .item:first-child{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2)}section#queue .song-list .item:first-child:not(.mine) svg{display:block}section#queue .song-list .item:first-child .position{font-weight:700}section#queue .song-list .item.mine{background-color:#903fd1;border:1px solid #fff}section#queue .song-list .item.mine *{color:#fff!important}section#queue .song-list .item.mine .approx{display:block;font-size:10px}section#queue .song-list .item.mine .your-turn{display:flex;flex-direction:column;align-items:center}section#queue .song-list .item.mine .your-turn i{font-size:24px}section#queue .song-list .item.mine .your-turn b{font-size:14px}section#queue .pending{background:#333;position:absolute;bottom:62px;z-index:1000;width:100%;padding:10px 20px 10px 15px;display:flex;justify-content:space-between;align-items:center;text-transform:capitalize;border:1px solid #666;border-left:0;border-right:0;border-bottom:0}section#queue .pending .title{font-size:18px;display:flex;align-items:center}section#queue .pending .title i{margin-right:10px;font-size:24px}section#queue .pending .request{display:flex;align-items:center}section#queue .pending .request .info>*{display:block;text-align:right}section#queue .pending .request i{font-size:26px;margin-left:20px;color:#fff;padding:0;border:1px solid #ccc;border-radius:5px}section#queue .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:250px;width:80%;margin:0 auto}section#queue .empty i{font-size:50px}section#queue .empty .title{font-size:26px;margin:20px 0 10px}#rules{padding:15px}#rules h1{color:#fff!important;margin-top:10px;margin-bottom:30px}#rules h1 b{background:#f09700;padding:2px 5px}#rules h3{color:#ccc!important;margin-top:10px;margin-bottom:5px}#rules div.confirm{margin:30px 0 15px;background:#fff;padding:10px 20px}#rules div.confirm>label{justify-content:center;color:#333}#rules .d-flex{display:flex;justify-content:flex-end;flex-direction:row-reverse;align-items:center}#rules .d-flex svg{font-size:80px;text-align:center;width:100%}#rules p{font-size:14px;margin-bottom:20px}#rules button.Mui-disabled{background-color:#ccc}#rules .client-logo{max-width:150px;display:block;margin:20px auto 0}#auth{position:relative}#auth .background{height:calc(100vh - 147px);width:100%;position:absolute;top:0;left:0;z-index:-1;overflow:hidden}#auth .background img{height:100%;width:auto;margin-left:-50%}#auth .container{border:1px solid #ccc}#auth .bottom{padding:15px;position:fixed;bottom:0;left:0;background:rgba(0,0,0,.85);width:100%;color:#fff}#auth .bottom h1{color:#fff!important}#auth .bottom .half-circle{width:100%;height:20px;background-color:#1b1c21;border-top-left-radius:100%;border-top-right-radius:100%;position:absolute;left:0;top:-10px}#auth .bottom form .ant-input-affix-wrapper{margin-bottom:15px}#auth .bottom .change-nav{margin-top:30px;display:block;text-align:center;margin-bottom:10px;color:#f6f6f6;text-decoration:underline;cursor:pointer}#auth .bottom .change-nav:hover{color:"#9c55e3"}#auth .bottom input{text-indent:5px}#auth .d-flex{border:1px solid red;position:absolute;bottom:0;left:0}#auth #register h1{font-size:21px}#auth #register .two-inputs{display:flex;justify-content:space-between}#auth #register .two-inputs>span{width:calc(50% - 8px)}@font-face{font-family:"Mama";src:url(/static/media/Mama.765e6a05.woff2) format("woff2"),url(/static/media/Mama.7e10248a.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0}.text-center{text-align:center}body{font-family:"Lato",serif!important;color:#777!important;background:#1b1c21!important}.layout{padding-bottom:60px}#loader{background:rgba(0,0,0,.6);width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000}#loader i{font-size:50px}#loader.hide{display:none}h1,h2,h3,h4,h5,h6{color:#999!important}.container{padding:15px}.container>*>*{margin-bottom:10px}.container>*>:last{margin:0}.swal2-title{color:#595959!important;font-size:28px}.neon{text-align:center;margin:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:100;font-family:"Dancing Script",cursive;font-size:40px}.neon b{font-weight:400;color:#fee;text-shadow:0 -40px 100px,0 0 2px,0 0 1em #f44,0 0 .5em #f44,0 0 .1em #f44,0 10px 3px #000}.neon b span{animation:blink 2s linear infinite}.neon b span:nth-of-type(2){animation:blink 3s linear infinite}@keyframes blink{78%{color:inherit;text-shadow:inherit}79%{color:#333}80%{text-shadow:none}81%{color:inherit;text-shadow:inherit}82%{color:#333;text-shadow:none}83%{color:inherit;text-shadow:inherit}92%{color:#333;text-shadow:none}92.5%{color:inherit;text-shadow:inherit}}#top-bar{background-color:#fff;display:block;width:100%}#top-bar,header{color:#fff;font-size:12px}header{padding:40px 0;background:#f6f6f6;text-align:center;background-size:cover;background-position:50%;position:relative;margin-bottom:1px;background-image:url(/static/media/request.8443fb36.jpeg);border-bottom:1px solid #000}header .overlay{background-color:rgba(0,0,0,.4);width:100%;height:101%;display:block;position:absolute;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center}header h3{color:#fff}header .title{font-size:30px}header .sub{font-size:20px}footer{background-color:hsla(0,0%,100%,.9);text-align:center;color:#fff;display:block;width:100%;padding:15px 0;position:fixed;bottom:0;left:0;border-top:1px solid #fff;font-size:12px}main{padding:0 0 15px}h2{color:#6474e5}.logo{max-width:100px;max-height:70px;width:auto;height:auto;margin:10px 0}nav{background:#16161a;padding:10px 10px 10px 0;font-size:14px;display:flex!important;justify-content:space-around;align-items:center;position:fixed;bottom:0;width:100%;border-top:1px solid #000}nav a{padding:5px 10px;border-radius:10px;color:#666!important}nav a.btn{border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}nav a svg{font-size:20px;transform:translate(-4px,4px)}nav a span{display:none}nav a.active{background-color:#9c55e3;color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,.3)}nav a.active svg{fill:#fff}nav a.active span{display:inline-block}
/*# sourceMappingURL=main.f4edd2b6.chunk.css.map */