html{background-color:#000;color:#eee}body{margin:0}a{color:#10b2e1;text-decoration:none}.App{font-family:Fira Sans,sans-serif;width:auto;margin:auto}.flex{display:flex}.flex-full{flex:1 1}.margin-top-large{padding-top:3rem}.margin-top{padding-top:2rem}.margin-top-small{padding-top:1rem}.grey{color:grey}.highlight:hover{color:#fff;cursor:pointer}.cue-logo{height:5rem;margin-left:.5rem;margin-top:-.5rem;margin-bottom:-.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation-name:logo-neon-effect;animation-name:logo-neon-effect;-webkit-animation-duration:2.133s;animation-duration:2.133s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.cue-logo:hover{cursor:pointer}@-webkit-keyframes neon{0%{box-shadow:0 0 1rem #fff,0 0 2rem #fff,0 0 4rem #fff,0 0 6rem #fff}to{box-shadow:0 0 .5rem #fff,0 0 1rem #fff,0 0 2rem #fff,0 0 3rem #fff}}@keyframes neon{0%{box-shadow:0 0 1rem #fff,0 0 2rem #fff,0 0 4rem #fff,0 0 6rem #fff}to{box-shadow:0 0 .5rem #fff,0 0 1rem #fff,0 0 2rem #fff,0 0 3rem #fff}}@-webkit-keyframes logo-neon-effect{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 white)}to{-webkit-filter:drop-shadow(0 0 .4rem #fff);filter:drop-shadow(0 0 .4rem white)}}@keyframes logo-neon-effect{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 white)}to{-webkit-filter:drop-shadow(0 0 .4rem #fff);filter:drop-shadow(0 0 .4rem white)}}.login-button{z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;height:4rem;color:#000;background-color:#fff;text-align:center;outline:none}.login-button:hover{cursor:pointer;z-index:20;border-color:#fff;-webkit-animation-name:neon;animation-name:neon;-webkit-animation-duration:2.133s;animation-duration:2.133s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.top-bar{display:flex;justify-content:space-between}.social-bar{margin-right:1rem}.social-bar,.social-bar-mobile{margin-top:-.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.social-bar-mobile{margin-right:.2rem}.social-logo:hover{cursor:pointer}.reddit{width:1rem;height:1rem;margin-right:.5rem}.mixcloud{width:2rem;height:2rem;margin-right:.4rem}.discord,.twitter{-webkit-filter:invert(100%);filter:invert(100%);width:1rem;height:1rem;margin-right:.8rem}.share{width:1rem;height:1rem;margin-top:-.1rem}.top-bar-mobile{display:flex;justify-content:space-between;margin:auto;width:20rem}.time-left{margin-right:.5rem;margin-top:-.5rem;display:flex;text-align:right;flex-direction:column;align-items:flex-end;justify-content:center}.countdown-timer{font-weight:700;color:#2d7ffc}.live{color:red;font-weight:700;font-size:1.4rem}.player-container{height:16rem;border:1px solid #1e1e23;display:flex}.right-side{padding-left:.5rem;border-left:3px solid #1e1e23;height:100%}.audio-controls{position:relative;margin-left:1rem}.modal-container{position:absolute;background-color:rgba(0,0,0,.9);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;height:16.1rem;width:98%;overflow:hidden;border-bottom:none}.modal-text{text-align:center;width:18rem;word-wrap:break-word}.modal-section{position:relative;height:1rem;margin-bottom:.5rem}.modal-copy{position:absolute;background-color:#fff;color:#000;font-size:.6rem;right:.5rem;top:-.1rem;padding:.2rem .3rem}.modal-copy:hover{cursor:pointer;background-color:#1e1e23;color:#fff}.modal-close{padding:.5rem;margin:1rem;color:#000;border-radius:.5rem;background-color:#fff;text-align:center;outline:none}.modal-close:hover{cursor:pointer;background-color:rgba(30,30,35,.5);color:#fff}.url{color:#1265e0;cursor:pointer}input{display:block;margin:auto;width:16rem;height:100%;padding:.5rem;height:1rem;background-color:#1e1e23;background-image:none;border:0 solid #a0b3b0;color:#fff;border-radius:0;transition:border-color .25s ease,box-shadow .25s ease;text-shadow:.5px .5px 1px #000}input:focus{outline:0}.info-bar-mobile{height:100%;width:100%}.info-bar,.info-bar-mobile{display:flex;flex-direction:column;text-align:center}.info-bar{border-right:3px solid #1e1e23;height:16rem;max-height:16rem;width:10rem}.center{margin:auto}.info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:10rem;margin:0 1rem}.info-performer{margin-bottom:.4rem}.profile-images{height:6rem;align-content:center}.profile-images,.profile-photo-container{position:relative;width:100%}.profile-photo{width:100%;left:38%;width:2.5rem;height:2.5rem;border-radius:1.25rem}.profile-photo,.profile-photo-large{position:absolute;z-index:1;top:-1rem}.profile-photo-large{margin:auto;left:26%;width:5rem;height:5rem;border-radius:2.5rem}.room-thumbnail{position:absolute;z-index:1;margin:auto;left:25%;top:-1rem;width:5rem;height:5rem}.info-title{font-size:.8rem;color:grey}.info-data{margin:0 .5rem;font-size:.7rem}.profile-banner{z-index:0;width:100%;height:6rem;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}.center-container{flex:1 1;height:16rem;border-right:3px solid #1e1e23;overflow:hidden;border-bottom:none}.room-tabs{font-size:1.4rem;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.room-tab{background-color:#000}.room-tab,.room-tab:hover{line-height:1rem;padding:.5rem;width:100%;text-align:center;border-color:#fff;border-style:solid;border-width:.05rem 0}.room-tab:hover{cursor:pointer;color:#000;background-color:#fff}.selected-tab{background-color:#1e1e23}.selected-tab,.selected-tab:hover{line-height:1rem;padding:.5rem;width:100%;text-align:center;border-color:#fff;border-style:solid;border-width:.05rem 0}.selected-tab:hover{cursor:pointer;color:#000;background-color:#fff}.scroll-container{height:14rem}.chat-container,.scroll-container{flex:1 1;overflow:scroll;overflow-x:hidden}.chat-container{height:11rem}.chat-inner{margin:.3rem 1rem .5rem .5rem}.chat-message{line-height:1.2rem;padding:.15rem 0}.login-to-chat{height:1rem;padding:.5rem;border-top:1px solid #1e1e23;color:grey;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-to-chat:hover{color:#fff}.countdown-container{height:14rem;margin-right:1.8rem;display:flex;align-items:center;justify-content:center;text-align:center}.live-in{margin-top:-2rem;font-size:1.6rem}.time-til-live{margin-top:1rem;font-size:1.8rem;font-weight:700}.past-container{height:14rem;padding:0 2rem;display:flex;align-items:center;justify-content:center;text-align:center}.past-text{margin-top:1rem;font-size:1.4rem;font-weight:700}.chat-neon{margin:1rem 0 1.5rem;color:#fff;text-decoration:none;-webkit-animation-name:chat-neon-effect;animation-name:chat-neon-effect;-webkit-animation-duration:2.133s;animation-duration:2.133s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.chat-user{color:#a8a8a8}.chat-badge{width:1.2rem;height:1.2rem;border-radius:.6rem;margin:0 0 -.2rem .3rem}@-webkit-keyframes chat-neon-effect{0%{text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff}to{text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff}}@keyframes chat-neon-effect{0%{text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff}to{text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff}}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:rbga(0,0,0,0)}::-webkit-scrollbar-thumb{background:#1e1e23}::-webkit-scrollbar-thumb:hover{background:#555}.profile-info-container{padding:1rem;text-align:center;align-items:center}.about-container{display:flex;align-self:center;justify-content:center;align-items:center}.profile-badge-container{margin-top:.1rem;margin-left:.4rem}.profile-badge{width:1.4rem;height:1.4rem}.user-title{color:grey;font-style:italic;margin-bottom:.2rem}.location-container{display:flex;align-self:center;justify-content:center;align-items:center}.location-icon{margin-top:.2rem}.follows-container{display:flex;justify-content:space-around;margin-top:1rem}.follows-number{font-size:1.8rem}.bio-container{white-space:pre-line;display:flex;text-align:left;justify-content:space-around;margin-top:2rem}.up-next-category-large{color:grey}.stats-container{margin-top:1rem;padding-top:1rem;width:100%;border-top:1px solid #1e1e23}.room-stats{margin:auto;padding-left:1rem;width:15rem}.category-wide{color:grey;text-align:left;min-width:10rem;margin-right:1rem}.schedule-title{text-align:left;font-size:1.4rem;margin-bottom:1rem}.lineup-date{text-align:left;margin-bottom:.5rem}.schedule-item{text-align:left;padding:1rem;margin-bottom:1rem;border-radius:.5rem;width:90%;background-color:#1e1e23}.schedule-item,.schedule-photo{align-items:center;display:flex}.schedule-photo{justify-content:center;width:3rem;height:3rem;border-radius:2rem;margin-right:1rem}.schedule-time{color:grey}.play-controls{height:9rem;width:5.5rem;margin:.5rem 1rem 0}.control-icon{-webkit-filter:invert(100%);filter:invert(100%);width:5.5rem;height:5.5rem}.point:hover{cursor:pointer}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{border-radius:50%;width:4.4rem;height:4.4rem;border:.5rem solid hsla(0,0%,100%,.2);border-top-color:#fff;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.volume-knob-container{position:relative}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format("truetype")}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;src:local("Varela Round Regular"),local("VarelaRound-Regular"),url(https://fonts.gstatic.com/s/varelaround/v10/w8gdH283Tvk__Lua32TysjIfp8uK.ttf) format("truetype")}.knob-surround{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;background-color:grey;width:3rem;height:3rem;margin-top:.8rem;margin-left:2rem;border-radius:50%;border:.25em solid #0e0e0e;background:#181818;background:-o-linear-gradient(#131313,#1d1d1d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#131313",endColorstr="#1d1d1d",GradientType=0);box-shadow:inset 0 .2em .1em .05em hsla(0,0%,100%,.1),inset 0 -.2em .1em .05em rgba(0,0,0,.5),0 .5em .65em 0 rgba(0,0,0,.3)}.knob-surround:hover{cursor:ns-resize}.knob{width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.knob,.knob:before{position:absolute;border-radius:50%}.knob:before{content:"";bottom:22%;left:22%;width:8%;height:8%;background-color:#a8d8f8;box-shadow:0 0 .4em 0 #79c3f4}.max,.min,.vol{display:block;font-family:Varela Round,sans-serif;color:hsla(0,0%,100%,.4);text-transform:uppercase;-webkit-font-smoothing:antialiased;font-size:.8rem;position:absolute;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vol{bottom:4rem;left:-1.8rem}.min{left:-1.2rem}.max,.min{bottom:-2rem}.max{right:-1.2rem}.tick{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;overflow:visible}.tick:after{content:"";width:.1rem;height:.4rem;background-color:hsla(0,0%,100%,.2);position:absolute;top:-1.2rem;left:48%;transition:all .18s ease-out}.activetick:after{background-color:#a8d8f8;box-shadow:0 0 .3rem .03rem #fff;transition:all 50ms ease-in}.tick:first-child{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.tick:nth-child(2){-webkit-transform:rotate(-125deg);transform:rotate(-125deg)}.tick:nth-child(3){-webkit-transform:rotate(-115deg);transform:rotate(-115deg)}.tick:nth-child(4){-webkit-transform:rotate(-105deg);transform:rotate(-105deg)}.tick:nth-child(5){-webkit-transform:rotate(-95deg);transform:rotate(-95deg)}.tick:nth-child(6){-webkit-transform:rotate(-85deg);transform:rotate(-85deg)}.tick:nth-child(7){-webkit-transform:rotate(-75deg);transform:rotate(-75deg)}.tick:nth-child(8){-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}.tick:nth-child(9){-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}.tick:nth-child(10){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tick:nth-child(11){-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}.tick:nth-child(12){-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.tick:nth-child(13){-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.tick:nth-child(14){-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.tick:nth-child(15){-webkit-transform:rotate(5deg);transform:rotate(5deg)}.tick:nth-child(16){-webkit-transform:rotate(15deg);transform:rotate(15deg)}.tick:nth-child(17){-webkit-transform:rotate(25deg);transform:rotate(25deg)}.tick:nth-child(18){-webkit-transform:rotate(35deg);transform:rotate(35deg)}.tick:nth-child(19){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tick:nth-child(20){-webkit-transform:rotate(55deg);transform:rotate(55deg)}.tick:nth-child(21){-webkit-transform:rotate(65deg);transform:rotate(65deg)}.tick:nth-child(22){-webkit-transform:rotate(75deg);transform:rotate(75deg)}.tick:nth-child(23){-webkit-transform:rotate(85deg);transform:rotate(85deg)}.tick:nth-child(24){-webkit-transform:rotate(95deg);transform:rotate(95deg)}.tick:nth-child(25){-webkit-transform:rotate(105deg);transform:rotate(105deg)}.tick:nth-child(26){-webkit-transform:rotate(115deg);transform:rotate(115deg)}.tick:nth-child(27){-webkit-transform:rotate(125deg);transform:rotate(125deg)}.tick:nth-child(28){-webkit-transform:rotate(135deg);transform:rotate(135deg)}.levels-bar{position:relative;margin-top:.4rem}.level{position:absolute;bottom:0;z-index:5;overflow:visible}.level:after{background-color:#1e1e23;top:13.2rem}.activelevel:after,.level:after{content:"";width:.6rem;height:.7rem;position:absolute}.activelevel:after{background-color:#10c500;box-shadow:0 0 .3rem .06rem #10ff30;transition:all 50ms ease-in-out}.mediumlevel:after{background-color:#b1e200;box-shadow:0 0 .3rem .08rem #b1e200;transition:all 50ms ease-in-out}.highlevel:after{background-color:#ddd900;box-shadow:0 0 .3rem .08rem #ddbc00;transition:all 50ms ease-in-out}.cliplevel:after{background-color:#d83f10;box-shadow:0 0 .3rem .08rem #d83f10;transition:all 50ms ease-in-out}.level:first-child{bottom:-1rem}.level:nth-child(2){bottom:0}.level:nth-child(3){bottom:1rem}.level:nth-child(4){bottom:2rem}.level:nth-child(5){bottom:3rem}.level:nth-child(6){bottom:4rem}.level:nth-child(7){bottom:5rem}.level:nth-child(8){bottom:6rem}.level:nth-child(9){bottom:7rem}.level:nth-child(10){bottom:8rem}.level:nth-child(11){bottom:9rem}.level:nth-child(12){bottom:10rem}.level:nth-child(13){bottom:11rem}.level:nth-child(14){bottom:12rem}.level:nth-child(15){bottom:13rem}
/*# sourceMappingURL=main.d5fa69e2.chunk.css.map */