body{background-color:#000;background-image:url("/assets/img/bg.png");background-size:cover;color:#fff;min-height:100vh;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;position:relative}body .version{color:gray;font-family:monospace;position:fixed;bottom:5px;left:5px}body .no-acc{font-size:.75rem;color:gray}body a{color:#e8bcb9}body blockquote{font-style:italic;font-family:"Times New Roman",Times,serif}body .popup{color:#fff;margin:10vh auto 0 auto;border-radius:1rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;margin:10vh auto 0 auto;padding:1rem;width:80%;max-width:400px;box-sizing:border-box;background-color:rgba(255,0,0,.3);backdrop-filter:blur(2rem);display:flex;flex-direction:column;gap:.5rem}body .popup button{background-color:#e8bcb9;padding:.5rem;width:fit-content;border:none;border-radius:1rem}body .popup a{color:#e8bcb9}body .wrap{background-color:rgba(255,255,255,.1);backdrop-filter:blur(2rem);border-radius:3rem;width:80%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:2rem}body .wrap blockquote{text-align:right;margin-right:0}body .wrap h1.logo{text-align:right}body .wrap form{display:flex;flex-direction:column}body .wrap form input{background-color:rgba(255,255,255,.2);border:none;border-radius:1rem;padding:.5rem;margin-bottom:1rem;color:#fff}body .wrap form button{background-color:#e8bcb9;border:none;color:#000;padding:.5rem;border-radius:1rem;font-size:1rem}body .wrap form button:hover{opacity:.8}body.inside .popup{color:#fff;margin:10vh auto 0 auto;border-radius:1rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;margin:10vh auto 0 auto;padding:1rem;max-width:900px;box-sizing:border-box;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:rgba(255,0,0,.3);backdrop-filter:blur(2rem);display:flex;flex-direction:column;gap:.5rem}body.inside .popup input{background-color:rgba(0,0,0,.2);color:rgba(255,247,119,.79);border:none}body.inside .popup button{background-color:#e8bcb9;padding:.5rem;width:fit-content;border:none;border-radius:1rem}body.inside .popup a{color:#e8bcb9}body.inside main section{max-width:900px;margin:2.5vh auto;backdrop-filter:blur(2rem);border-radius:2rem;padding:1rem;box-sizing:border-box;background-color:rgba(255,255,255,.1)}body.inside main section:nth-of-type(1){margin-top:0;border-top-left-radius:0;border-top-right-radius:0}body.inside main section.chat{display:grid;grid-template-columns:.5fr 2fr}body.inside main section.chat .chat-window{border-bottom-right-radius:1rem;border-top-right-radius:1rem;border:1px solid rgba(255,255,255,.1);border-left:.5rem solid rgba(255,255,255,.1);overflow:clip;height:100%}body.inside main section.chat .chat-window .no-chat{text-align:center}body.inside main section.chat .chat-window .name{background-color:rgba(255,255,255,.1);font-size:2rem;padding:1rem;display:flex;gap:.5rem;display:flex;flex-direction:row;justify-content:space-between}body.inside main section.chat .chat-window .name small{font-size:1rem;color:#e8bcb9}body.inside main section.chat .chat-window .name form.add_member{display:flex;flex-direction:column;font-size:.75rem;background-color:rgba(0,0,0,0) !important}body.inside main section.chat .chat-window .name form.add_member select{background-color:rgba(0,0,0,0);border:none;color:#fff;max-height:3rem;overflow-y:scroll}body.inside main section.chat .chat-window .name form.add_member button{background-color:#e8bcb9 !important;color:#000 !important;font-size:1rem !important;padding:.5rem;border-radius:1rem !important}body.inside main section.chat .chat-window #chat-messages{padding:.5rem;border-left:.5rem solid rgba(255,255,255,.1);border-right:.5rem solid rgba(255,255,255,.1);min-height:40vh;max-height:60vh;overflow-y:scroll;display:flex;flex-direction:column;gap:1rem}body.inside main section.chat .chat-window #chat-messages .message{background-color:#fff;color:#000;padding:.5rem;border-radius:.5rem;border-bottom-left-radius:0;width:fit-content;max-width:80%;position:relative}body.inside main section.chat .chat-window #chat-messages .message .sender-name{position:absolute;font-size:.8rem;color:gray;top:-0.9rem}body.inside main section.chat .chat-window #chat-messages .message a{color:#ae445a}body.inside main section.chat .chat-window #chat-messages .message small{font-size:.75rem}body.inside main section.chat .chat-window #chat-messages .message.user{background-color:#e8bcb9;border-bottom-left-radius:.5rem;border-bottom-right-radius:0;align-self:end}body.inside main section.chat .chat-window form{display:flex;background-color:rgba(255,255,255,.1)}body.inside main section.chat .chat-window form textarea{resize:none;color:#fff;padding:1rem;width:100%;border:none;background-color:rgba(0,0,0,0)}body.inside main section.chat .chat-window form .custom-file-upload{border-left:1px solid #ae445a;color:#fff;background-color:rgba(0,0,0,0);cursor:pointer;font-size:1.5rem;display:flex;text-align:center;align-items:center;padding:0 .5rem}body.inside main section.chat .chat-window form .custom-file-upload:hover{opacity:.8}body.inside main section.chat .chat-window form button{padding:0 .5rem;background-color:rgba(0,0,0,0);border:none;border-left:1px solid #ae445a;font-size:1.5rem;color:#fff}body.inside main section.chat .chat-window form button:hover{opacity:.8}body.inside main section.chat .contact-list{background-color:rgba(255,255,255,.1);border-bottom-left-radius:1rem;border-top-left-radius:1rem;overflow:clip}body.inside main section.chat .contact-list .contact-title{padding:0 1rem;overflow-y:scroll}body.inside main section.chat .contact-list ul{padding:0;margin:0;list-style-type:none;display:flex;flex-direction:column;gap:.35rem}body.inside main section.chat .contact-list ul li{background-color:rgba(255,255,255,.2);color:#000;font-size:1rem;display:flex;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}body.inside main section.chat .contact-list ul li:hover{background-color:rgba(255,255,255,.4)}body.inside main section.chat .contact-list ul li a{width:100%;padding:.5rem 1rem;height:100%;color:#000;text-decoration:none}body.inside main section.settings{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}body.inside main section.settings form{gap:0;display:flex}body.inside main section.settings .get-users{display:flex;gap:1rem}body.inside main section.settings .get-users .invite-user button{border-radius:1rem}body.inside main section.settings .descr{display:grid;grid-template-columns:1fr 2fr}body.inside main section.settings .descr h1{margin:0;text-align:right}body.inside main section.settings .descr h2{margin:0}body.inside main section.settings .descr a{color:#e8bcb9}body.inside main section.settings .descr blockquote{text-align:right;margin:0;grid-column:span 2}body.inside main section.settings input{resize:none;border-top-left-radius:1rem;border-bottom-left-radius:1rem;color:#fff;border:none;padding:.5rem;background-color:rgba(255,255,255,.1)}body.inside main section.settings button{background-color:#e8bcb9;border:none;border-top-right-radius:1rem;border-bottom-right-radius:1rem;padding:.5rem}body.inside main section.settings button#enable-notifications{border-top-left-radius:1rem;border-bottom-left-radius:1rem}body.inside main section.settings button#enable-notifications.notifications-enabled{background-color:rgba(85,255,0,.2);color:#fff;opacity:.5}body.inside main section.settings button:hover{opacity:.8}body.inside main section.settings .buttons{display:flex;flex-direction:row;gap:1rem}body.inside main section.settings .buttons .delete{background-color:#ae445a;text-decoration:none;color:#fff;padding:.5rem;border-radius:1rem;font-weight:bold}body.inside main section.settings .buttons .delete:hover{background-color:red}body.inside main section.settings .buttons .logout-btn{border-radius:1rem;text-decoration:none;background-color:#e8bcb9;color:#000;padding:.5rem}@media only screen and (max-width: 500px){body section.settings{flex-direction:column;gap:1rem}}