@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200;400;600&family=Michroma&family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap";@import"https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000;min-width:1150px;height:100%;--toastify-font-family: "Poppins"}.App{text-align:center;height:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{height:100%}.NYTController{font-family:Poppins;font-size:1.5rem;color:#f0f8ff}.ctl-btn{width:65px}.blocked-text{color:#888}.blocked-text-text{font-size:1.2rem}.YTController button:hover{background-color:#f0f8ff;color:#000}.YTController input{background-color:transparent;border:2px solid aliceblue;border-radius:5px;color:#f0f8ff;font-size:1.5rem;cursor:pointer;font-family:Poppins;padding:.5rem 1rem;margin:0 1rem}.songs-table-container{display:grid;grid-template-columns:1fr;justify-items:center}.songs-table{width:80%}.videos-table{font-size:1.2rem;overflow:scroll}.songs-table td{padding-left:5px;padding-right:5px}.songs-table tr td{border:1px solid #777777;border-collapse:collapse}.YTController-controls-zone{display:grid;grid-template-columns:1fr 1fr;align-items:center}.sb{height:45px!important;padding:0rem!important;margin:0rem!important}.song-row{height:60px}.actions-cell{display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-items:center}.time-slider{display:flex}.time{width:70px;font-family:Space Mono,monospace;font-weight:400;font-style:normal;font-size:22px}.songs-table-head{height:70px}.play-col{width:55px}.singer-col{width:250px}.state-col{width:120px}.actions-col{width:170px}.buttons-zone{text-align:right}.YTViewer{background-color:#000}video{position:absolute;top:0;left:0;max-height:100%;min-width:100%}#player{z-index:1}.ytviewer-loading{z-index:3}.ytviewer-screensaver{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#222}.loading-text,.rss{font-family:Kosugi Maru,sans-serif;font-weight:400;font-style:normal;color:#f0f8ff;font-size:62px}.bouncer{position:relative;left:0;top:0}.sidebar-bg{width:100%;height:100%;overflow:hidden;filter:blur(1800px)}.sidebar-logo{width:200px}.bread-logo{width:175px}.gradient{position:absolute;border-radius:100%;opacity:.3;mix-blend-mode:screen;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.1,0,.9,1)}.gradient-1{background:#3469c0;width:550px;height:550px;animation-duration:72s;opacity:.3;left:40%;top:30%;z-index:-2;animation-name:animation-gradient-1}.gradient-2{background:#d93eb7;width:500px;height:600px;animation-duration:102s;opacity:.3;left:40%;top:60%;z-index:-1;animation-name:animation-gradient-2}.gradient-3{background:#52cea5;width:250px;height:250px;animation-duration:158s;opacity:.3;left:80%;top:80%;z-index:-3;animation-name:animation-gradient-3}.gradient-4{background:#c03434;width:300px;height:350px;animation-duration:172s;opacity:.3;left:60%;top:69%;z-index:-2;animation-name:animation-gradient-4}.gradient-5{background:#d99b3e;width:450px;height:450px;animation-duration:112s;opacity:.4;left:60%;top:60%;z-index:-1;animation-name:animation-gradient-5}.gradient-6{background:#abce52;width:100px;height:100px;animation-duration:58s;opacity:.3;left:20%;top:20%;z-index:-3;animation-name:animation-gradient-6}@keyframes animation-gradient-1{0%{transform:translateY(-20%) translate(-50%) rotate(-20deg) translate(20%)}25%{transform:translateY(-100%) translate(-20%) skew(-15deg,-15deg) rotate(80deg) translate(70%)}50%{transform:translateY(-150%) translate(-90%) rotate(180deg) translate(95%)}75%{transform:translateY(-100%) translate(-20%) skew(15deg,15deg) rotate(240deg) translate(75%)}to{transform:translateY(-20%) translate(-50%) rotate(340deg) translate(20%)}}@keyframes animation-gradient-2{0%{transform:translateY(-50%) translate(-20%) rotate(40deg) translate(-20%)}25%{transform:translateY(-10%) translate(10%) skew(15deg,15deg) rotate(110deg) translate(-5%)}50%{transform:translateY(50%) translate(80%) rotate(210deg) translate(-35%)}75%{transform:translateY(-10%) translate(-10%) skew(-15deg,-15deg) rotate(300deg) translate(-10%)}to{transform:translateY(-50%) translate(-20%) rotate(400deg) translate(-20%)}}@keyframes animation-gradient-3{0%{transform:translateY(-0%) translate(-0%) translate(-15%) translateY(10%)}20%{transform:translateY(-10%) translate(-50%) translate(20%) translateY(-30%)}40%{transform:translateY(-70%) translate(-0%) translate(-95%) translateY(-15%)}60%{transform:translateY(-110%) translate(-150%) translate(80%) translateY(20%)}80%{transform:translateY(-205%) translate(-390%) translate(-390%) translateY(35%)}to{transform:translateY(-0%) translate(-0%) translate(-15%) translateY(10%)}}@keyframes animation-gradient-4{0%{transform:translateY(+20%) translate(+50%) rotate(-20deg) translate(-20%)}25%{transform:translateY(-100%) translate(+20%) skew(-15deg,-15deg) rotate(80deg) translate(-70%)}50%{transform:translateY(-150%) translate(+90%) rotate(180deg) translate(-95%)}75%{transform:translateY(-100%) translate(+20%) skew(15deg,15deg) rotate(240deg) translate(-75%)}to{transform:translateY(+20%) translate(+50%) rotate(340deg) translate(-20%)}}@keyframes animation-gradient-5{0%{transform:translateY(+50%) translate(+20%) rotate(40deg) translate(+20%)}25%{transform:translateY(-50%) translate(-10%) skew(15deg,15deg) rotate(110deg) translate(-5%)}50%{transform:translateY(-150%) translate(-80%) rotate(210deg) translate(+35%)}75%{transform:translateY(+10%) translate(+10%) skew(-15deg,-15deg) rotate(300deg) translate(+10%)}to{transform:translateY(+50%) translate(+20%) rotate(400deg) translate(+20%)}}@keyframes animation-gradient-6{0%{transform:translateY(-0%) translate(-0%) translate(+15%) translateY(-10%)}20%{transform:translateY(+10%) translate(+50%) translate(-20%) translateY(+30%)}40%{transform:translateY(+70%) translate(-0%) translate(+95%) translateY(+15%)}60%{transform:translateY(-110%) translate(-150%) translate(-80%) translateY(-20%)}80%{transform:translateY(-205%) translate(-390%) translate(-390%) translateY(-35%)}to{transform:translateY(-0%) translate(-0%) translate(+15%) translateY(-10%)}}