@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}*,:before,:after{margin:0;padding:0;box-sizing:border-box}body{font-size:80.5%;font-family:Open Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;letter-spacing:2px}.container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;position:relative}.loading{display:flex;height:100%;justify-content:center;align-items:center;background-color:#2f2b53}.loading .icon{width:5rem;height:5rem;fill:#00b8ff;animation:spin 1.75s linear infinite}.chat-box{padding:.625rem 1rem;background-color:#2f2b53;height:calc(100% - 50px);overflow-y:scroll}.sender{position:fixed;width:100%;bottom:0;height:50px;background-color:#413b68;display:flex;padding-right:.625rem;align-items:center}.sender textarea{width:90%;margin-right:.625rem;resize:none;display:block;padding:1rem;border:none;outline:none;font-size:1rem;line-height:1rem;background-color:#413b68;color:#fff}.sender textarea::placeholder{color:#a7a3c5}.sender button{border:none;background-color:#413b68;font-weight:600;font-size:1rem}.sender button .icon{width:1.25rem;height:1.25rem;fill:#a7a3c5}.bubble{display:flex;margin-bottom:.5rem;font-size:.9rem;border-radius:.3125rem}.bubble__text{width:fit-content;margin-top:20px;padding:1rem 2rem;background-color:#413b68;border-radius:0 .5rem .5rem;color:#fff;margin-left:-20px;font-weight:600}.bubble__date{margin-top:5px;font-size:.75rem;font-weight:400;color:#fff;margin-left:-15px;display:block}.bubble__owner{flex-direction:row-reverse}.bubble__owner .bubble__text{background-color:#413b68;border-radius:.5rem 0 .5rem .5rem;margin-left:0;margin-right:-20px}.bubble__owner .bubble__date{margin-left:0;text-align:right;margin-right:-15px}.bubble__avatar{font-family:Montserrat,sans-serif;z-index:1;font-size:.875rem;font-weight:600;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#535fff;display:flex;justify-content:center;align-items:center;margin:0 .3125rem;color:#fff;flex-shrink:0}.auth{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#2f2b53}.auth__login,.auth__signup{display:flex;flex-direction:column;width:90%;background-color:#413b68;color:#fff;padding:30px;font-size:.9rem;border-radius:15px;animation:fade-in .75s cubic-bezier(.39,.575,.565,1) both}.auth__login__link,.auth__signup__link{text-decoration:none;color:#868eff;text-align:center;margin-bottom:10px;font-size:1rem;font-weight:600}.auth__login h2,.auth__signup h2{text-align:center;margin-bottom:30px}.auth__login .auth__field,.auth__signup .auth__field{position:relative;margin-bottom:30px}.auth__login .auth__field label,.auth__signup .auth__field label{position:absolute;top:10px;left:5px;display:block;transition:.2s;font-size:.8rem;color:#a7a3c5;font-weight:400;letter-spacing:1px}.auth__login .auth__field input,.auth__signup .auth__field input{width:100%;padding:8px 5px;margin-top:3px;border:none;border-bottom:3px solid #a7a3c5;color:#fff;background-color:transparent;outline:none;font-size:1rem;font-weight:600;letter-spacing:1px;transition:border-color .2s}.auth__login .auth__field input::placeholder,.auth__signup .auth__field input::placeholder{color:transparent}.auth__login .auth__field input:focus,.auth__login .auth__field input:not(:placeholder-shown),.auth__signup .auth__field input:focus,.auth__signup .auth__field input:not(:placeholder-shown){border-color:#535fff}.auth__login .auth__field input:focus~label,.auth__login .auth__field input:not(:placeholder-shown)~label,.auth__signup .auth__field input:focus~label,.auth__signup .auth__field input:not(:placeholder-shown)~label{color:#535fff;top:-10px}.auth__login .auth__field--check,.auth__signup .auth__field--check{display:flex;align-items:center;margin-bottom:30px}.auth__login .auth__field--check label,.auth__signup .auth__field--check label{margin-left:10px;font-size:.8rem;color:#a7a3c5;font-weight:400;letter-spacing:1px}.auth__login .auth__field--check input:checked~label,.auth__signup .auth__field--check input:checked~label{color:#fff}.auth__error{text-align:center;margin-bottom:10px;font-size:1rem;font-weight:600;color:#ff2b0d}.auth__btn{padding:10px 0;border-radius:10px;color:#fff;border:1px solid transparent;font-size:1rem;font-weight:600;margin-bottom:20px}.auth__btn--connect,.auth__btn--signup{background-color:#535fff}