body,html{height:100%}body{margin:0;padding: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;overflow:hidden}.App{text-align:center}#root,.App{height:100%}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}::-webkit-scrollbar{display:none;width:0;background:transparent}.team-member-card{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:25px 10px}.team-member-card__delete-icon{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background-color:var(--RED);border-radius:50%;cursor:pointer}.team-member-card__avatar{position:absolute;bottom:108px;width:54px;height:54px;border-radius:50%}.team-member-card__member-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:92px;height:132px;font-size:14px}.team-member-card__member-details p{margin:2px}.team-member-card__member-details__green-title{color:var(--GREEN_LIGHT)}.team-member-card__member-details__green-title--small{font-size:11px}.team-member-card__member-details__green-title--big{font-size:26px}.empty-player-card{width:92px;height:132px;margin:20px 10px}.empty-player-card,.empty-player-card__plus{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:var(--BLACK)}.empty-player-card__plus{height:43px;width:43px;border-radius:50%;border:1px solid var(--GREY_LIGHT);font-size:30px;color:var(--GREY_LIGHT);outline:none;cursor:pointer}.empty-player-card__edit-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.empty-player-card__player-input{width:70px;margin-bottom:5px;background:none;border:none;border-bottom:1px solid var(--GREY_LIGHT);text-align:center;outline:none}.empty-player-card__player-input--name{font-size:12px;color:var(--WHITE)}.empty-player-card__player-input--number{font-size:16px;color:var(--GREEN_LIGHT)}.audio-wave{height:100px;width:250px}.audio-wave path{stroke-linecap:square;stroke:#fff;stroke-width:.5px}.audio-wave svg{display:block;width:100%;height:100%;padding:0;margin:0}.audio-check-wizard{display:grid;grid-template-rows:200px 180px 50px 50px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:300px;height:420px;margin:auto}.audio-check-wizard p{width:220px}.audio-check-wizard a{color:var(--WHITE)}.audio-check-wizard__title--alert{font-size:18px}.audio-check-wizard__title--small{font-size:16px}.audio-check-wizard__step{-webkit-flex-direction:column;flex-direction:column}.audio-check-wizard__step,.step-dots{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.step-dots__dot{height:15px;width:15px;border-radius:50%;background-color:var(--GREY_THIRD);margin:3px}.step-dots__dot--selected{background-color:var(--GREEN_LIGHT)}.commentary{height:100%;background:url(/static/media/Basketball.889d475a.jpg) no-repeat 50% fixed;background-size:cover;color:var(--WHITE)}.commentary input[type=range][orient=vertical]{-webkit-writing-mode:bt-lr;writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:100px;padding:0 5px;color:var(--GREEN_LIGHT_WITH_OPACITY);margin-top:5px}.commentary__slider{width:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.commentary__slider span{margin-top:5px;font-size:12px}.commentary__broadcasting-panel{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:400px}.commentary__content-container{height:100%;display:grid;grid-template-columns:auto 350px auto}.commentary__logo-container{position:fixed;bottom:20px;left:50%;display:-webkit-flex;display:flex;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-flex-direction:row;flex-direction:row;font-size:28px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.commentary__logo-container img{width:175px}.commentary__logo-container p{margin-right:10px}.commentary__away-team-input{border-bottom:.5px solid var(--GREY_LIGHT);text-align:center;font-size:28px}.commentary__exit-button{font-size:14px;text-decoration:underline;cursor:pointer}.commentary__main-loader{position:absolute;height:100%;width:100%}.commentary__loader,.commentary__main-loader{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:20px;color:var(--GREEN_LIGHT)}.commentary__loader{height:200px;width:200px}.commentary__error-message{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:18px;color:var(--RED_FAILURE)}.commentary__error-message p{margin:5px}.commentary__error-message img{margin-bottom:20px}.commentary__audio-panel{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;padding-top:20px}.commentary__main-panel{width:300px}.commentary__buttons-wrapper,.commentary__main-panel{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.commentary__live-title{width:95px;height:49px;font-size:36px;font-weight:800;letter-spacing:-1.7px;text-align:center;color:var(--GREEN_LIGHT);margin:0 0 20px}.commentary__live-title,.commentary__team-names{font-family:OpenSans;font-style:normal;font-stretch:normal;line-height:normal}.commentary__team-names{font-size:28px;font-weight:300;letter-spacing:normal;color:var(--WHITE);margin:0}.team-section{width:450px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0 auto}.team-section__team-logo{height:92px;width:92px;margin-top:25px;border-radius:50%}.team-section__team-title{font-size:22px;font-weight:bolder;color:var(--GREEN_LIGHT)}.team-section__members-list{-webkit-flex-wrap:wrap;flex-wrap:wrap;max-height:600px;overflow:scroll;padding-top:15px}.start-broadcast-button__oval,.team-section__members-list{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.start-broadcast-button__oval{position:relative;border-radius:50%;border:none;outline:none;cursor:pointer;color:var(--WHITE);font-size:20px}.start-broadcast-button__oval--big{height:137px;width:137px;background-color:var(--GREEN_LIGHT_WITH_OPACITY);margin-bottom:20px}.start-broadcast-button__oval--med{height:108px;width:108px;background-color:var(--GREEN_LIGHT_WITH_OPACITY)}.start-broadcast-button__oval-small{height:74px;width:74px;background-color:var(--GREEN_LIGHT)}.start-broadcast-button__oval-small:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.start-broadcast-button__oval--volume-level{height:108px;width:108px;background-color:var(--GREEN_LIGHT_WITH_OPACITY);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.start-broadcast-button__oval__loading{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.start-broadcast-button__mic-icon{width:35px;z-index:3}.empty-team-skeleton{width:92px;height:132px;background-color:var(--BLACK);margin:20px 10px}.empty-team-skeleton,.empty-team-skeleton__plus{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.empty-team-skeleton__plus{height:43px;width:43px;border-radius:50%;border:1px solid var(--GREY_LIGHT);font-size:30px;color:var(--GREY_LIGHT)}.OT_publisher{display:none}@media (max-width:768px),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.commentary__content-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.commentary__team-names{display:none}.commentary__logo-container{width:100%;font-size:18px}.commentary__logo-container img{width:120px}.team-section{display:none}}
/*# sourceMappingURL=main.dd98ddbe.chunk.css.map */