*{margin:0;padding:0;box-sizing:border-box}:root{--font-size:14px;--font-height:16.8}@media(max-width:800px){:root{--font-size:14px;--font-height:16.8}}body,html,textarea{scroll-behavior:smooth;margin:0;padding:0;font-size:var(--font-size);background-color:#fff;font-family:Roboto,sans-serif;font-weight:500}@media(max-width:800px){body,html,textarea{font-size:var(--font-size)}}button{cursor:pointer;border:0;outline:none;font-size:inherit;font-family:inherit;background:#000;color:#fff;border-radius:8px;padding:8px 12px;margin:4px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#000}.full-width-height{height:auto;padding-bottom:10vh}.full-height-header,.full-width-height{position:relative;width:100%;top:0;left:0}.full-height-header{height:100vh;display:block}.scrollable-container{padding:0;z-index:10;top:0;left:0;display:block;position:relative}.fade-temporary-header-enter-active,.fade-temporary-header-leave-active{transition-delay:2s;transition:all 1s ease-in-out}.fade-temporary-header-enter-from,.fade-temporary-header-leave-to{opacity:0}.centered-content{width:auto;position:relative}.content{display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-between;align-items:stretch;justify-content:space-evenly}section{width:100vw;height:auto;min-height:100vh;padding:100px 50px;position:relative}.textarea-with-counter{transition:all .15s;display:flex;flex-direction:column}.textarea-with-counter span.text-counter{font-size:1rem;color:gray;opacity:0;transition:all .15s}.textarea-with-counter.show-counter span.text-counter{opacity:1}.textarea-with-counter.warning span.text-counter{color:#ffdaa3;font-weight:600}.textarea-with-counter.error textarea{border:1px solid #eb5757}.textarea-with-counter.error span.text-counter{color:#eb5757;font-weight:800}input,textarea{border:0;color:#fff;resize:none;outline:none;background:#fff;color:#000;border-radius:8px;padding:8px 12px;margin:4px}input[type=password],textarea[type=password]{background:#000;color:#fff}.textarea-with-counter-suffix{display:flex;align-items:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:center;-webkit-justify-content:center;position:absolute;top:0;right:0;height:2rem;width:1.5rem}.scrollbar-hidden::-webkit-scrollbar{display:none}.sendblock{padding-top:1.2rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.sendblock .textarea-with-counter{margin-top:-1.2rem;width:100%}.sent{color:#32cd32;position:absolute;margin:0 auto;left:0;right:0}.center{margin-top:100px}.content{height:100vh;min-height:100vh;max-height:100vh}.intro{text-align:left}.item-msgs{flex-direction:column-reverse;align-content:center;justify-content:space-evenly;align-items:flex-start}.item-msgs,.msg{display:flex;flex-wrap:nowrap}.msg{flex-direction:row;align-content:space-between;justify-content:space-around;align-items:center}.msg-ts{margin-right:1rem;font-weight:200;font-size:.8rem}.content-part{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:space-between;justify-content:flex-end;align-items:stretch;height:90vh;width:50vw;padding:24px 32px}@media(max-width:768px){.content-part{max-height:47vh;min-width:100%}.content-part.popup{width:100vw;height:100vh;max-height:100vh}}.content-part.popup{width:100vw;background-color:#90ee90}.footer{width:100%;height:10vh;align-content:center;cursor:pointer;color:#fff;background-color:#90ee90}@media(max-width:768px){.footer{max-height:6vh}}.close-btn{cursor:pointer;padding:40px;position:absolute;top:0;right:0}.msgblock{overflow:scroll}.sendblock>.button{width:50px;line-height:0rem;color:#469f4c;cursor:pointer}