/*! reset.css v1.1.0 | MIT License | github.com/pyxel-dev/reset-css */blockquote,body,button,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,legend,li,ol,p,pre,select,textarea,ul{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}img{border-style:none}img,video{height:auto;max-width:100%}iframe{border:0}label{display:inline-block}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}ul{list-style:none}@font-face{font-family:chaton;src:url(https://chaton.io/chaton.a8012fbd.ttf) format("truetype"),url(https://chaton.io/chaton.cdd4b930.woff) format("woff"),url(https://chaton.io/chaton.f032bed0.svg#chaton) format("svg");font-weight:400;font-style:normal;font-display:block}i{font-family:chaton!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info:before{content:"\e900"}.icon-join:before{content:"\e901"}.icon-input:before{content:"\e904"}.icon-create:before{content:"\e903"}.icon-quit:before{content:"\e902"}.icon-settings:before{content:"\e905"}.icon-video:before{content:"\e906"}.icon-audio:before{content:"\e907"}body,html{height:100%}::selection{color:#222;background-color:#ffe533}body{background-color:#000}.button,button,input{appearance:none;padding:.5rem .75rem;border:none;font-size:1rem;border-radius:4px}.button,button{cursor:pointer}a.button{background-color:#fff;text-decoration:none;color:#000}a{color:#4d90fe}.header{justify-content:space-between;width:100%;padding:1rem;background-color:#4d90fe;color:#fff;height:66px}.header,.header .infos{display:flex;align-items:center}.header .infos{flex-direction:row}.header .infos svg{height:34px;margin-left:1rem}.header .infos form,.header .infos p{align-self:center;margin-left:1rem}.header .infos form#createdRoomID,.header .infos form#joinedRoomID,.header .infos p#createdRoomID,.header .infos p#joinedRoomID{display:none}.header .infos #roomID{background-color:#ffe533;color:#998600;padding:.5rem .75rem;border-radius:4px;border:thin solid #998600;width:210px;cursor:pointer}.header .actions{display:flex}.header .actions button:not(:first-of-type){margin-left:1rem}.videos{position:relative;height:calc(100% - 66px);overflow:hidden}.videos #localVideo,.videos #remoteVideo{position:absolute}.videos #localVideo{width:200px;bottom:1rem;right:1rem;z-index:2}.videos #remoteVideo{width:auto;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1}dialog{position:absolute;top:66px;right:0;bottom:0;left:0;z-index:9999;background-color:#fff;border-radius:8px}dialog#modal-about{display:none;max-width:640px;width:90%}dialog #close-modal{position:absolute;top:0;right:0;cursor:pointer;padding:1rem}dialog h1{font-size:3rem;font-weight:700}dialog h2{font-size:2rem;font-weight:700;margin:2rem auto 1rem}dialog form{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem auto}dialog form div{width:33.33333%;display:flex;flex-direction:column}dialog form div:nth-of-type(2){padding:0 .5rem}dialog form div label{margin-bottom:.5rem}dialog form div input{border:thin solid grey}dialog form input[type=submit]{cursor:pointer;margin-top:1rem}dialog footer,dialog i{font-size:.75rem}dialog footer{text-align:right;font-style:italic;margin-top:2rem}#tooltip{display:none;position:absolute;top:calc(66px + 1rem);right:1rem;z-index:3;padding:.5rem .75rem;border-radius:4px;background-color:#90b32d;color:#2e390e;border:thin solid #2e390e}.input-none{position:absolute;z-index:-9999;text-indent:-9999px;transform:scale(0)}#producthunt{position:absolute;top:calc(66px + 1rem);left:1rem;z-index:3}
/*# sourceMappingURL=https://chaton.io/styles.5315eed9.css.map */