html,body{position:fixed;height:100%;height:100dvh;width:100%}.page{display:none;position:absolute;bottom:0;top:0;left:0;right:0;z-index:0;background-image:url(../images/background.png)}@media only screen and (min-width:481px)and (orientation:portrait),only screen and (min-height:640px)and (orientation:landscape){.page{display:block}}.page div{position:fixed;left:0;right:0;opacity:.8}#app{height:100%}#app>div{height:100%;height:100dvh;display:flex;justify-content:center;align-items:center;position:relative;width:100%}.main-container{width:100vw;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;z-index:1;background:#fdf8ee;color:#143a4d;-webkit-transform:translate3d(0,0,0)}.pane-header{position:relative;padding:5px 0;text-align:center;width:100%}.logo{position:relative;width:100px;box-shadow:0 0 0 1.5rem #fdf8ee;background:#fdf8ee}.pane-header:before{content:"";display:block;position:absolute;top:calc(50% - 3px);left:0;width:100%;height:2px;background:#00000040}.chat-form{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.message-list{width:100%;padding:0 5px;display:flex;flex-direction:column}.message-list-container{flex-grow:2;margin:0 5px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #ddd;background:#f5f5f5;overflow:hidden}.message{text-align:left;position:relative;font-size:2rem;min-width:40%;padding:7px;margin-top:5px;margin-bottom:20px;margin-right:5px;border-radius:4px}.message:before{content:"";position:absolute;bottom:-20px;border-style:solid}.message:after{content:"";position:absolute;bottom:-20px;border-style:solid;border-color:transparent whitesmoke}.tg-message{align-self:flex-start;background-color:#21c9d9}.masked-message{background-color:#15c9d900!important;transition:background-color 2s}.masked-message,.masked-message:before{border-color:transparent rgba(21,201,217,0)!important;transition:border-color 2s}.unmasked-message{background-color:#15c9d9!important;transition:background-color 2s}.unmasked-message:before{border-color:transparent rgb(21,201,217)!important;transition:border-color 2s}.tg-message:before{left:-2px;border-width:0 22px 22px 0;clip:rect(auto auto auto 2px);border-color:transparent #21C9D9}.tg-message:after{left:10px;border-width:0 10px 20px 0}.user-message{align-self:flex-end;background:#e69947}.user-message:before{right:-2px;border-width:0 0 22px 22px;clip:rect(auto 20px auto auto);border-color:transparent #E69947}.user-message:after{right:10px;border-width:0 0 20px 10px}.message>div{display:flex;align-items:center;justify-content:flex-start}.message-text{color:#343535;margin:0 0 0 10px;flex-grow:1;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.message-time{margin:0;color:#4e4f4f;position:absolute;top:3px;right:5px;font-size:1rem;font-style:italic}.message-image{flex-basis:50px;text-align:center;align-self:flex-start}.message-image span{font-size:3rem}.message-image img{width:50px}#message-form{background:#fdf8ee;font-size:2rem;width:100%;height:48px;padding-bottom:env(safe-area-inset-bottom,5px);display:flex;opacity:0}.message-input{color:#143a4d;margin:5px;padding:.3em .6em;display:inline-block;background:#f5f5f5;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box;flex-grow:1}.message-input:focus{outline:0;border-color:#129fea}.send-button{margin:5px 5px 5px 0;font-size:100%;padding:.25em 1em;color:#135379;color:#0d354fcc;border:1px solid #999;border:transparent;background-color:#21c9d9;text-decoration:none;border-radius:2px}.send-button:hover,.send-button:focus{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,#0000000d 40%,#0000001a)}.reconnect{top:0;left:0;bottom:0;right:0;z-index:200;display:flex;justify-content:center;align-items:center;position:absolute}.reconnect-tab{background:#e69947;border-radius:5px;width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.reconnect-tab span{position:relative;font-size:6rem;box-shadow:0 6px #002134,0 1px 6px #0006,inset 0 1px #ffffff4d,inset 0 0 3px #ffffff80;border-radius:50%;background:#143a4d;margin-bottom:20px;top:0;transition:top .1s,box-shadow .1s}.reconnect-tab span:hover,.reconnect-tab span.active{box-shadow:0 0 #002134,0 1px 6px #0006,inset 0 1px #ffffff4d,inset 0 0 3px #ffffff80;background:#002134;color:#002134;top:6px}.blur{filter:blur(3px)}.reconnect-tab-info{font-size:2rem;padding:0 20px;margin-top:0;margin-bottom:10px;text-align:center}.pane-header i{font-size:4rem;box-shadow:0 0 0 1.5rem #e69947;background:#e69947;position:relative}@media only screen and (min-width:640px){.main-container{height:70%;width:500px;border-radius:5px}.message{max-width:80%;margin-bottom:35px;font-size:2.2rem}.pane-header{padding:15px 0}.message-image{flex-basis:60px}.message-image span{font-size:3.5rem}.message-image img{width:60px}.tg-message:before{left:-3px;border-width:0 33px 33px 0;clip:rect(auto auto auto 3px)}.tg-message:after{left:20px;border-width:0 10px 30px 0}.user-message:before{right:-3px;border-width:0 0 33px 33px;clip:rect(auto 30px auto auto)}.user-message:after{right:20px;border-width:0 0 30px 10px}.message:before{bottom:-30px}.message:after{bottom:-30px}}@media only screen and (min-width:1024px){.main-container{width:700px;height:80%}.message{font-size:2.4rem}.message-image{flex-basis:75px}.message-image span{font-size:4.4rem;margin-left:-7px}.message-image img{width:75px}}.chat-scroll-container::-webkit-scrollbar{width:8px;height:8px}.chat-scroll-container::-webkit-scrollbar-track{background:transparent}.chat-scroll-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chat-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#0006}@keyframes growRight{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.bg-anim-bar{position:fixed;left:0;right:0;opacity:.4;transform:scaleX(0);transform-origin:left;animation:growRight 2.5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideIn{0%{transform:translate(-200px)}to{transform:translate(0)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;box-sizing:border-box}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}html,body{position:fixed;height:100%;width:100%}html{overflow:hidden;font-size:62.5%;font-family:Source Sans Pro,sans-serif;font-weight:400}#loading-animation{z-index:100}.bloc-logo{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:174px}@keyframes granim-anim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bloc-logo #logo-canvas{position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#eb3349,#f45c43,#ff8008,#ffc837,#4cb8c4,#3cd3ad,#24c6dc,#514a9d,#ff512f,#dd2476,#da22ff,#9733ee);background-size:600% 600%;animation:granim-anim 15s ease infinite}.bloc-logo #logo-mask{display:block;position:absolute;width:300px;height:174px;top:0;left:0;background-size:300px;text-indent:-9999px}main{height:100%}@media only screen and (min-width:768px){.bloc-logo{width:400px;height:232px}.bloc-logo #logo-mask{width:400px;height:232px;background-size:400px}}@media only screen and (min-width:1024px){.bloc-logo{width:500px;height:290px}.bloc-logo #logo-mask{width:500px;height:290px;background-size:500px}}