.left{background-color:#263346;border-radius:10px;flex-direction:column}.buttons,.left{display:flex;justify-content:center;align-items:center}.buttons{flex-direction:row}.buttons>button{margin:0 10px;padding:15px;outline:none;border:none;border-radius:10px;transition:.2s;cursor:pointer;height:70px;width:100px;font-size:100%}.buttons .next{background-color:#51fd6d}.buttons .next svg{height:90%;width:90%}.buttons>button:active,.buttons>button:hover{transform:scale(1.03);box-shadow:3px 3px #1a1f25}.circle{margin-left:5px;margin-top:4px;border-radius:50%;width:10px;height:10px}.left span{margin-top:10px;display:flex;flex-direction:row;align-items:center;color:#fafafa}.chat{height:100%;margin:0 5px;display:grid;grid-template-rows:1fr 60px;grid-template-columns:1fr;grid-gap:0;overflow:hidden;border:5px solid #263346;border-radius:10px}.messages{width:100%;height:auto;overflow:scroll}ul{list-style:none;word-wrap:break-word;margin:0;padding:0 10px}.message-wrap{display:flex;flex-direction:row;align-items:center;margin-top:5px}.message-wrap.right{justify-content:flex-end}.message-sender{font-size:small}.message-text{font-size:medium;margin:0 10px;padding:10px;border-radius:10px;color:#fafafa;background-color:#263346;width:auto;max-width:90%;-webkit-hyphens:auto;hyphens:auto}.input{height:60px;display:flex;flex-direction:row;margin:5px -5px}.input>*{border:5px solid #263346;height:100%;padding:5px;outline:none;transition:.2s}.input input{border-radius:10px 0 0 10px;width:100%;resize:none;font-size:medium;border-right:none}.input input:focus{box-shadow:inset 0 0 7px rgba(0,0,0,.5)}.input button{border-radius:0 10px 10px 0;border-left:none;background-color:#263346;width:80px}.input button:hover{background-color:#364863;cursor:pointer}.input button:active{box-shadow:inset 0 0 3px #000;cursor:pointer}.input svg{height:70%;width:70%;color:#fafafa}.typing{margin:10px 0;display:flex;flex-direction:row;align-items:center;opacity:1;box-sizing:border-box;height:auto;transition:height .2s 0ms,opacity .2s .2s}.typing.hide{transition:height .2s .2s,opacity .2s 0ms;opacity:0;height:0}.typing span{color:grey}.is-typing{margin-left:10px;width:40px;justify-content:space-around;display:flex}.is-typing>div{width:5px;height:5px;border-radius:100%;background-color:grey}.o1{animation:typing 1s linear infinite;animation-delay:0s}.o2{animation:typing 1s linear infinite;animation-delay:.1s}.o3{animation:typing 1s linear infinite;animation-delay:.2s}@keyframes typing{0%{transform:scale(1.5)}35%{transform:scale(1)}75%{background-color:#fff}}.main{height:40%;display:flex;width:100%}.vue-meter{width:2px;height:100%;position:absolute;top:-12px;right:0}.vue-meter-inner{background:green;height:0%;width:100%;bottom:0;position:absolute}.bottom-area{display:none;position:absolute;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:0}#counter_txt{transition:font-size 1s linear;display:table-cell;vertical-align:middle}.alerte{animation:blinker .3s linear infinite}@keyframes blinker{50%{opacity:0}}.video video{object-fit:cover;position:absolute;top:0;left:0;border-radius:12px;border:2px solid #fff}.video,.video video{width:100%;height:100%}.video{position:relative;border-radius:12px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.rotating{animation:rotating 2s linear infinite;width:200%}.header{height:25%}.video-area{display:flex;grid-gap:20px;gap:20px;padding:20px;align-items:center;width:100%;height:100%;max-width:100%}.video-area .video{flex:0 0 40%}.video-area #counter{flex-grow:1;text-align:center;display:flex;justify-content:center;flex-direction:column}.footer{width:100%;margin:auto;text-align:center}.controls-left{top:10px}.controls-left,.controls-right{position:absolute;right:10px;display:flex;grid-gap:10px;gap:10px;z-index:10}.controls-right{bottom:10px}.video button{position:relative;padding:12px 20px 12px 40px;margin:0;border:none;border-radius:8px;background-color:#fff;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.video button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.video button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.video button:before{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}.icon-setting{position:relative;display:inline-block;padding:12px 20px 12px 45px;margin:0;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease;font-style:normal;font-size:14px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1)}.icon span{font-family:LOREAL Essentielle,Helvetica Neue Light,Helvetica Light,Helvetica,Arial,Lucida Grande,sans-serif}.icon-user:before{content:"👤"}.icon-audio:before,.icon-setting:before,.icon-user:before{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}.icon-setting:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.sources-choice{position:absolute;top:60px;right:10px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100}.source-close{position:absolute;color:#000;top:2px;right:5px;cursor:pointer}.source-item{display:flex;flex-direction:column;margin-bottom:15px}.source-item:last-child{margin-bottom:0}.source-item label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px;display:block}.sources-choice select{padding:8px 12px;border-radius:5px;border:1px solid #d0d0d0;background-color:#fff;color:#000;font-size:14px;cursor:pointer;min-width:200px;max-width:200px;outline:none;transition:border-color .3s ease}.sources-choice select:hover{border-color:#51fd6d}.sources-choice select:focus{border-color:#51fd6d;box-shadow:0 0 0 2px rgba(81,253,109,.2)}.connectedname{position:absolute;top:-30px;left:0;margin:0;padding:0;text-align:center;width:100%}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}@font-face{font-family:LOREAL Essentielle;src:url(../../static/media/LOREAL-Essentielle-Light.99d62171.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Helvetica Neue Light;src:url(../../static/media/HelveticaNeueLTPro-Lt.746970f9.otf) format("opentype");font-weight:400}h3{font-weight:400}html,input{font-family:LOREAL Essentielle,Helvetica Neue Light,Helvetica Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:24px;color:#fff}body,html{height:100%;margin:0;padding:0;background:url(../../static/media/background.e48ca612.png) no-repeat 50%;background-size:cover}.header{background:url(../../static/media/logo.182c5c3e.png) no-repeat 50%;background-size:contain}.root{height:100vh;max-height:100vh;display:flex;flex-direction:column}video{transform:scaleX(-1)}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.loader_container{position:absolute;margin-top:80px}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.btn{position:relative;display:inline-block;padding:12px 20px;margin:10px 0 0;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease;font-style:normal;font-size:14px;border:none;font-weight:500}.btn:hover{background-color:#f0f0f0;transform:translateY(-2px)}.btn-next{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:12px auto;padding:8px 10px}@media screen and (max-width:1050px){.icon-audio,.icon-setting{height:30px;padding:0!important}.icon-user{height:30px;padding:0 5px 0 30px!important}.icon-audio:before,.icon-setting:before,.icon-user:before{left:3px!important}.icon-audio,.icon-setting{width:30px!important}.icon-audio span,.icon-setting span{display:none;width:30px}}@media (orientation:portrait){.video-area{flex-wrap:wrap;grid-gap:10px;gap:10px}.video-area .video{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 5px)}.video-area #counter{flex:0 0 100%;order:3}}@font-face{font-family:blasticon;src:url(../../static/media/blasticon.49613c3b.eot);src:url(../../static/media/blasticon.49613c3b.eot#iefix) format("embedded-opentype"),url(../../static/media/blasticon.d483aa2c.ttf) format("truetype"),url(../../static/media/blasticon.a80862f4.woff) format("woff"),url(../../static/media/blasticon.49c926ca.svg#blasticon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:blasticon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mute:before{content:"\e906"}.icon-unmute:before{content:"\e905"}.icon-setting:before{content:"\e992"}.byebye{display:flex;align-items:center;justify-content:center;height:100%}
/*# sourceMappingURL=main.16818ece.chunk.css.map */