@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:300,400&display=swap);*{outline:none}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow:hidden;margin:0;padding:0;height:100%;width:100%}p{margin:0}#root{height:100%;width:100%;display:flex;justify-content:flex-end;background-size:cover}.example-video-container{flex:1 1;align-items:center;justify-content:center;display:flex}p.credit{display:flex;align-items:center;-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;position:absolute;bottom:16px;right:16px;font-size:16px!important;margin:16px;color:hsla(0,0%,100%,.48)!important}p.credit span{margin:0 8px}p.credit img{width:100%;max-width:32px}#playerElement{width:100%;height:0;padding:0 0 56.25%}.example-video{width:100%;height:100%;border-radius:5px;overflow:hidden}.example-video img{width:inherit;height:inherit;object-fit:cover}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.str-chat__container{min-width:375px;max-width:500px;width:100%;background:#1a1a1a}@media screen and (max-width:960px){.str-chat__container{max-width:375px}}@media screen and (max-width:640px){#root{flex-direction:column}.str-chat__container{max-width:640px}}.player-wrapper{position:relative;flex:1 1;background-color:#0d0f13}.player-wrapper:hover>.credit{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.player-error{flex:1 1;flex-direction:column;height:100%;justify-content:center}.player-error,.player-error p{display:flex;align-items:center}.player-error p{margin-top:16px;font-size:32px;font-weight:600;text-align:center}button.primary{border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px;background:#2f7deb;box-shadow:0 4px 16px rgba(20,99,211,.4);font-size:16px;padding:16px;color:#fff;margin:16px 0}button.primary.flat{background:none;color:#2f7deb;box-shadow:none}button.primary:hover:not(.flat){box-shadow:0 5px 18px rgba(20,99,211,.44)}button.primary:active:hover:not(.flat){box-shadow:0 4px 16px rgba(20,99,211,0)}input{border:0;border-radius:8px;background:none;font-size:16px;padding:16px;color:#fff;margin:16px 0;background-color:hsla(0,0%,100%,.08)}input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}input::-moz-placeholder{color:hsla(0,0%,100%,.4)}input:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}input::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}input::placeholder{color:hsla(0,0%,100%,.4)}input:focus,input:hover{background-color:hsla(0,0%,100%,.16)}.login-root{background-color:#14171d;flex:1 1;display:flex;justify-content:center;align-items:center;color:#fff}.login-card{padding:32px 24px;justify-content:center;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.24);border-radius:24px;max-width:320px;width:100%}.login-card,.login-card form{display:flex;align-items:stretch}.login-card form{flex:1 1;flex-direction:column}.login-card img{align-self:flex-start}.login-card p{margin:16px 0 8px;font-family:Roboto Mono,monospace;font-size:24px;font-weight:100}.login-card p>span{color:#2f7deb;font-weight:300}.emoji-wrapper{z-index:10;-webkit-transform:scale(-1);transform:scale(-1)}.chat-wrapper{width:504px}.chat-wrapper>div{width:100%}.chat-header{position:relative;z-index:1;padding:10px 40px;min-height:70px;background-color:#0d0f13;box-shadow:0 4px 16px rgba(0,0,0,.56);color:#fff;display:flex;flex-direction:row;align-items:center}.chat-header .chat-name{text-transform:capitalize}.chat-header .avatar-wrapper{width:40px;height:40px;flex-basis:40px;overflow:hidden;margin-right:24px}.chat-header .avatar-wrapper img{width:40px;height:40px;flex-basis:40px;object-fit:contain}.str-chat.livestream.dark,.str-chat__container{position:relative;background-color:#000;border-left:1px solid #000;overflow:hidden}.dark.str-chat .str-chat__message-simple-text-inner{background:hsla(0,0%,100%,.12);color:#fff!important}.dark.str-chat .str-chat__message-simple--me .str-chat__message-simple-text-inner{color:#000!important}.str-chat__modal__inner{background:#0d0f13!important}.str-chat.dark .str-chat__edit-message-form textarea{background-color:rgba(0,0,0,.56);color:#fff!important}.livestream.str-chat.dark .str-chat__header-livestream{background-color:#0d0f13;box-shadow:0 4px 16px rgba(0,0,0,.56)}@supports (mix-blend-mode:multiply){.str-chat__main-panel:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#ec1882),to(#ff4a08));background:-webkit-linear-gradient(#ec1882,#ff4a08);background:linear-gradient(#ec1882,#ff4a08);mix-blend-mode:multiply;pointer-events:none}.str-chat__message-simple-text-inner,.str-chat__message-simple-text-inner a{color:#000!important}.str-chat__message:not(.str-chat__message-simple--me){z-index:1}.str-chat__message-simple--me .str-chat__message-simple-text-inner{background:#fff!important;color:#000!important}.dark.str-chat .str-chat__message-simple-text-inner--is-emoji{background:transparent!important;z-index:1;color:#fff}.str-chat__message-simple-text-inner--is-emoji>p{color:#fff}.dark.str-chat .str-chat__date-separator-line{background-color:#fff!important}.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card,.dark.str-chat .str-chat__player-wrapper{z-index:1!important}.str-chat__avatar{z-index:1}.dark.str-chat .str-chat__message-simple-data{opacity:1!important}.dark.str-chat .str-chat__input,.str-chat__input-footer{background:#0d0f13!important}}.enter-url{display:flex;flex:1 1;flex-direction:column;justify-content:center;align-items:center;background-color:#0d0f13}.enter-url>img{max-width:120px;margin-bottom:24px}.enter-url>p{font-family:Roboto Mono,sans-serif;margin-bottom:24px;color:#fff;font-size:24px;font-weight:400}
/*# sourceMappingURL=main.92caea92.chunk.css.map */