@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Source+Sans+Pro:wght@200&family=Spartan&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0;width:100%}a,div,h1,h2,h3,h4,li,p,span,ul{font-family:Spartan,sans-serif}.App{background:#3b3b3b;height:100%;margin:0;overflow:auto;width:100%}h1,h2{color:#fff;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}h1{margin:1rem 0;text-align:center}a,p{color:#fff;font-weight:600;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu{display:flex;justify-content:center}.categoriesContainer{display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll}.categoriesContainer a{flex:0 0 33.333333%;text-align:center}.categoryContainer{display:flex;flex-direction:row;overflow:hidden}.streamsList{cursor:pointer;flex:1 1;margin-left:2rem;overflow-x:hidden;overflow-y:scroll;text-align:center}.categoryOption p,.streamOption{border-radius:25px;padding:1rem}.categoryOption p{margin:.25rem 3rem}.categoryOption p:hover,.streamOption:hover{background-color:#333}.videoWrapper{flex:4 1;flex-direction:column;width:100%}.player{height:100%;left:0;position:absolute;top:0;width:100%}.streamInfo{flex:1 1;flex-direction:column}.loading,.streamControls,.streamInfo{display:flex;justify-content:center}.loading{align-items:center;font-size:2rem;font-weight:600;height:100%}.searchWrapper{margin:0 0 1rem 2rem;text-align:center}.search-input{padding:10px 0 10px 10px;width:75%}.search-input:focus{outline:none}.backLink{align-items:center;display:flex;font-size:1.2rem;margin:0 auto}.backLink:hover,.backToCategories:hover,.logoutBtn:hover{opacity:60%}.nextBtn,.prevBtn{background-color:blue;cursor:pointer;margin:0;padding:.5rem .25rem;text-align:center;width:6rem}.prevBtn{margin-right:1rem}.nextBtn{margin-left:1rem}.loginForm{align-items:center;display:flex;flex-direction:column}.loginFieldLabel{margin-bottom:0}.loginField{margin:.5rem 0 1rem;padding:.5rem;width:50%}.loginBtn{font-size:1rem;margin:1rem 0;padding:.5rem;width:8rem}.logoutBtn{color:#fff;cursor:pointer;padding:.2rem .5rem 0 0;position:absolute;right:0;top:0}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.59d2589f.css.map*/