body,html{background-color:#262831;color:#fff}body{margin:0;padding:0;font-family:Ubuntu,sans-serif}a{text-decoration:none;color:#25e47a}.modBody{width:600px;max-width:75%;position:relative;margin:10% auto;padding:21px 20px 13px;border-radius:5px;background:#262831}.mde-header{-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #c8ccd0;border-radius:2px 2px 0 0;background:#f9f9f9}.mde-header,.mde-header .mde-toolbar-children{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.mde-header .mde-toolbar-children{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}.mde-header button:focus{outline:0}.mde-header ul.mde-header-group{margin:0;padding:10px;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.mde-header ul.mde-header-group li.mde-header-item{display:inline-block;position:relative;margin:0 4px}.mde-header ul.mde-header-group li.mde-header-item button{text-align:left;cursor:pointer;height:22px;padding:4px;margin:0;border:none;background:none;color:#242729}@-webkit-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent;top:-5px;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:after,.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:before{-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;position:absolute;pointer-events:none;right:50%}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:after{font-size:11px;z-index:1000000;padding:5px 8px;color:#fff;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;bottom:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);margin-bottom:5px;white-space:nowrap}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown{position:absolute;left:0;top:30px;background-color:#fff;border:1px solid #c8ccd0;padding:5px;z-index:2;-webkit-transform:translateX(-9px);-ms-transform:translateX(-9px);transform:translateX(-9px)}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li{margin:0;white-space:nowrap;list-style:none;display:block}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button{display:block;height:auto}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p{display:block;margin:0;padding:0;font-weight:700;line-height:1em;background:none;border:0;text-align:left}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p:hover{color:#4078c0}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-1{font-size:20px}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-2{font-size:18px}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-3{font-size:14px}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-4{font-size:12px}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown:before{position:absolute;content:"";width:0;height:0;border:8px solid transparent;border-bottom-color:rgba(0,0,0,.15);top:-16px;left:3px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown:after{position:absolute;content:"";width:0;height:0;border:7px solid transparent;border-bottom-color:#fff;top:-14px;left:5px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.mde-text .public-DraftEditor-content{width:100%;min-height:200px;padding:10px}.mde-preview{min-height:200px}.mde-preview .mde-preview-content{padding:10px}.mde-preview .mde-preview-content blockquote,.mde-preview .mde-preview-content dl,.mde-preview .mde-preview-content ol,.mde-preview .mde-preview-content p,.mde-preview .mde-preview-content pre,.mde-preview .mde-preview-content table,.mde-preview .mde-preview-content ul{margin-top:0;margin-bottom:16px}.mde-preview .mde-preview-content h1,.mde-preview .mde-preview-content h2,.mde-preview .mde-preview-content h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;border-bottom:1px solid #eee;padding-bottom:.3em}.mde-preview .mde-preview-content h1{font-size:1.6em}.mde-preview .mde-preview-content h2{font-size:1.4em}.mde-preview .mde-preview-content h3{font-size:1.2em}.mde-preview .mde-preview-content ol,.mde-preview .mde-preview-content ul{padding-left:2em}.mde-preview .mde-preview-content blockquote{margin-left:0;padding:0 1em;color:#777;border-left:.25em solid #ddd}.mde-preview .mde-preview-content blockquote>:first-child{margin-top:0}.mde-preview .mde-preview-content blockquote>:last-child{margin-bottom:0}.mde-preview .mde-preview-content code{padding:.2em 0;margin:0;font-size:90%;background-color:rgba(0,0,0,.04);border-radius:3px}.mde-preview .mde-preview-content code:after,.mde-preview .mde-preview-content code:before{letter-spacing:-.2em;content:"\A0"}.mde-preview .mde-preview-content pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.mde-preview .mde-preview-content pre code{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.mde-preview .mde-preview-content pre code:after,.mde-preview .mde-preview-content pre code:before{content:none}.mde-preview .mde-preview-content pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.mde-preview .mde-preview-content a{color:#4078c0;text-decoration:none}.mde-preview .mde-preview-content a:hover{text-decoration:underline}.mde-preview .mde-preview-content>:first-child{margin-top:0!important}.mde-preview .mde-preview-content>:last-child{margin-bottom:0!important}.mde-preview .mde-preview-content:after{display:table;clear:both;content:""}.mde-preview .mde-preview-content table{display:block;width:100%;border-spacing:0;border-collapse:collapse}.mde-preview .mde-preview-content table thead th{font-weight:700}.mde-preview .mde-preview-content table td,.mde-preview .mde-preview-content table th{padding:6px 13px;border:1px solid #c8ccd0}*{-webkit-box-sizing:border-box;box-sizing:border-box}.react-mde{border:1px solid #c8ccd0;border-radius:2px}.react-mde-vertical-layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.react-mde-vertical-layout .mde-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.react-mde-vertical-layout .mde-tabs .mde-tab{border:none;border-left:1px solid #c8ccd0;padding:10px;background:none}.react-mde-vertical-layout .react-mde-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.react-mde-vertical-layout .react-mde-content .mde-text{min-height:200px;height:auto;overflow-y:auto}.react-mde-vertical-layout .react-mde-content .mde-preview{min-height:0;height:auto;overflow-y:auto;border-top:1px solid #c8ccd0}.react-mde-no-preview-layout{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.react-mde-no-preview-layout .mde-text{overflow-y:auto}.react-mde-horizontal-layout{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.react-mde-horizontal-layout .mde-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.react-mde-horizontal-layout .mde-tabs .mde-tab{border:none;border-left:1px solid #c8ccd0;padding:10px;background:none}.react-mde-horizontal-layout .mde-tabs .mde-tab:hover{cursor:pointer}.react-mde-horizontal-layout .mde-content{display:-ms-flexbox;display:flex;height:100%}.react-mde-horizontal-layout .mde-content .mde-text{min-width:50%;overflow-y:auto;border-radius:0}.react-mde-horizontal-layout .mde-content .mde-preview{min-width:50%;border-left:1px solid #c8ccd0;overflow-y:auto}.react-mde-tabbed-layout{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.react-mde-tabbed-layout .mde-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.react-mde-tabbed-layout .mde-tabs .mde-tab{position:relative;top:1px;border:1px solid #f9f9f9;border-bottom:none;border-top-left-radius:2px;border-top-right-radius:2px;margin-right:10px;padding:10px;background:none}.react-mde-tabbed-layout .mde-tabs .mde-tab:hover{border-color:#c8ccd0;cursor:pointer}.react-mde-tabbed-layout .mde-tabs .mde-tab-activated{border-color:#c8ccd0;background:#fff}.react-mde-tabbed-layout .mde-preview,.react-mde-tabbed-layout .mde-text{overflow-y:auto}.mde-text{background:#4f5560}.react-mde{border:1px solid #323544;border-radius:5px}.ratingContainer{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center}.mde-preview-content{word-wrap:break-word}input:focus{outline:none}.changeNick{text-decoration:none;color:#25e47a}.App{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;width:100%;-ms-flex-align:center;align-items:center}.header{color:#fff;text-align:center;width:800px;max-width:90%;line-height:30px}.changeNick{cursor:pointer}.changeNick,.peerCount{font-size:13px;line-height:1px}.peerCount{text-align:right}.msgBoxTop{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;width:800px;max-width:90%;margin:10px 0 0;-ms-flex-align:end;align-items:flex-end}.messageBox{width:800px;max-width:85%;height:300px;max-height:32vh;border:1px solid #333;border-radius:10px;margin:0 0 1em;padding:5px 10px 0 20px;font-size:18px;line-height:24px;text-align:left;overflow-y:auto;word-wrap:break-word;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.25);box-shadow:inset 0 0 10px rgba(0,0,0,.25);background-color:#444b4c}.chatItem,.msgEnd{list-style:none}.chatUserName{color:#fff}.msgEnd{height:50px}.controls{width:800px;max-width:90%}.controls,.emojiBar{-ms-flex-flow:row;flex-flow:row}.emojiBar{font-size:40px;max-width:100%;display:-ms-flexbox;display:flex}.emojiBar span{margin-left:40px;cursor:pointer;padding:5px;border-radius:5px}.emojiBar span:hover{background:hsla(0,0%,100%,.2)}.textBox{width:100%;max-width:100%;border:none;border-radius:5px;padding:10px;margin:0 1em 1em -10px;line-height:24px;font-size:18px;background-color:transparent;color:#25e47a}.nickBtn:hover{background:#ffb36d}.nickBox{line-height:20px;font-size:16px;background-color:transparent;color:#d3efff;width:300px;max-width:80%;border:none;border-bottom:1px solid #d3efff;padding:10px;margin-bottom:15px}.overlay{background:rgba(0,0,0,.25)}.modal{background-color:#444b4c;width:400px;max-width:90%}.modal,.modal h3{font-weight:lighter}.modal h3{color:#fff}.App{text-align:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 10px;-ms-flex-align:center;align-items:center}.header{width:800px;max-width:100%;line-height:30px;-webkit-transition:all .1s cubic-bezier(.24,.42,.92,.29);-o-transition:all .1s cubic-bezier(.24,.42,.92,.29);transition:all .1s cubic-bezier(.24,.42,.92,.29)}.menu{-ms-flex-flow:row;flex-flow:row}.menu,.setup{display:-ms-flexbox;display:flex}.setup{-ms-flex-direction:column;flex-direction:column;width:800px;max-width:100%;-ms-flex-align:center;align-items:center;margin-bottom:30px}.btn{border:none;font-size:18px;font-weight:lighter;padding:10px 25px;border:1px solid #333;border-radius:5px;background:#2cd659;color:#ddffe6;cursor:pointer;margin:1em 0;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);box-shadow:0 0 10px 0 rgba(0,0,0,.25);-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.btn:hover{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.6);box-shadow:0 0 15px 0 rgba(0,0,0,.6);color:#fff}.partyWrapper{max-width:100%}.controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.roomName{color:#888}.roomLabel{color:#fff}.wpTextBox{margin:10px 0;border:1px solid #333;border-radius:5px;height:40px;padding-left:10px;background:#4f5560;color:#fff;font-size:18px;font-weight:lighter;width:300px;max-width:100%;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.wpTextBox:focus{outline:none!important;border:1px solid #21ff58;-webkit-box-shadow:0 0 5px #6dff91;box-shadow:0 0 5px #6dff91}.colorPopOver{position:absolute;z-index:10;right:23vw;top:1440px}.colorCover{position:fixed;top:0;right:0;bottom:0;left:0}.inRoom,.wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;color:#fff;background:#4f5560;border:1px solid #333;-webkit-box-shadow:inset 0 0 14px 0 rgba(0,0,0,.25);box-shadow:inset 0 0 14px 0 rgba(0,0,0,.25);overflow:hidden;opacity:0;height:0;width:100%;-ms-flex-pack:center;justify-content:center}.inRoom{opacity:1;height:auto}.vidContainer{width:200px;height:150px;max-width:200px;max-height:150px;margin:1em;border:1px solid #42f462;border-radius:5px;-webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.25);box-shadow:0 0 18px 0 rgba(0,0,0,.25);overflow:hidden;background:#000}.vidContainer video{width:100%;height:100%}.overlay{display:-ms-flexbox;display:flex;z-index:2;position:relative;height:inherit;width:inherit;background:rgba(0,0,0,.35);margin-top:-155px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.visible{opacity:1}.overlayBottom,.overlayBottom .material-icons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:end;align-self:flex-end;color:hsla(0,0%,100%,.4)}@media screen and (max-width:600px){.inRoom,.wrapper{-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}}
/*# sourceMappingURL=main.c64b7058.css.map*/