body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--base-size:30px;--m-p-size:5px;--remote-arrow-color:#7a7a7a;--remote-border-width:5px;--background-effect:#4287f5}*{font-family:Montserrat,sans-serif;margin:0;padding:0}.hidden{display:none;visibility:collapse}#root,body,html{font-family:Montserrat,sans-serif;height:100vh;overflow-x:hidden;width:100vw}.header{margin-top:10px;margin-top:calc(var(--m-p-size)*2)}.footer,.header{align-items:center;display:flex;justify-content:center;position:fixed;width:100vw}.footer{bottom:0;margin-bottom:10px;margin-bottom:calc(var(--m-p-size)*2)}.footer>button{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;background:none;border:none;font-size:1.17em;font-weight:700;height:-webkit-max-content;height:max-content;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;outline:none;width:100%}.button{font-size:20px;font-size:calc(var(--base-size)/1.5);padding:5px;padding:var(--m-p-size)}.screen{height:100%;place-items:center;align-items:center;justify-content:center;padding-bottom:50px;width:100%}.screen,form{display:flex;flex-direction:column}form{gap:10px;gap:calc(var(--m-p-size)*2)}form>input{font-size:20px;font-size:calc(var(--base-size)/1.5);padding:5px;padding:var(--m-p-size)}form>label{align-items:center;display:flex;gap:5px;gap:var(--m-p-size)}form input[type=checkbox],form label{font-size:18.75px;font-size:calc(var(--base-size)/1.6)}.history{height:30%;overflow:scroll;padding:3%;width:auto}.history,.history-message{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.history-message{display:table-cell}.bubble{--bubble-color:#ffffe0;grid-row-gap:2.5px;grid-row-gap:calc(var(--m-p-size)/2);grid-column-gap:7.5px;grid-column-gap:calc(var(--m-p-size)*1.5);-webkit-column-gap:7.5px;column-gap:7.5px;-webkit-column-gap:calc(var(--m-p-size)*1.5);column-gap:calc(var(--m-p-size)*1.5);display:grid;font-size:smaller;font-weight:700;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;margin:20px;overflow:hidden;position:relative;row-gap:2.5px;row-gap:calc(var(--m-p-size)/2)}.bubble,.bubble .text{padding:7.5px;padding:calc(var(--m-p-size)*1.5)}.bubble .text{background-color:hsla(0,0%,100%,.5);border:1px solid #000;border-radius:10px;height:auto;width:200px}.bubble .message{grid-column-start:2}.bubble .username{font-style:italic;font-weight:lighter;text-transform:capitalize}.camera{grid-gap:5px;grid-gap:var(--m-p-size);align-items:center;display:grid;gap:5px;gap:var(--m-p-size);grid-template-columns:auto 1fr;justify-content:flex-end;margin:10px;margin:calc(var(--m-p-size)*2)}.camera .icon-button{align-self:end}.profile-image{border-radius:50%;overflow:hidden}.icon-button{align-items:center;background:none;border:none;border-radius:50%;box-shadow:0 0 10px -3px rgba(0,0,0,.5);display:flex;justify-content:center;padding:10px}.bubble .profile-image{--size:40px;height:var(--size);width:var(--size)}.profile-image img{height:100%;object-fit:cover;object-position:center;width:100%}@-webkit-keyframes keyPressAnim{to{background-color:#4287f5;background-color:var(--background-effect)}}@keyframes keyPressAnim{to{background-color:#4287f5;background-color:var(--background-effect)}}.system-message{text-transform:lowercase}.spinner-container{height:40px;margin-bottom:5px;margin-bottom:var(--m-p-size);position:relative;width:40px}.spinner-container>i{animation:spin 2s linear infinite;-webkit-animation:spin 2s linear infinite;position:absolute}.spinner-container>i:first-child{font-size:20px;right:-10px;top:-15px}.spinner-container>i:nth-child(2){font-size:40px}.spinner-container>i:nth-child(3){font-size:30px;left:-15px;top:-25px}#spinner{animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;border:5px solid rgba(0,0,0,.3);border:var(--m-p-size) solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;display:inline-block;height:60px;height:calc(var(--base-size)*2);width:60px;width:calc(var(--base-size)*2)}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@media (orientation:landscape){.remote{grid-template-areas:"navigation home" "navigation back"}.navigation{height:65vmin;width:65vmin}.button.back,.button.home{align-items:center;display:flex;justify-content:center}}
/*# sourceMappingURL=main.22d29cef.css.map*/