.sidebar{width:400px;display:flex;flex-direction:column;flex-shrink:0}.sidebar .options{width:100%;display:flex;justify-content:space-between;margin-bottom:3%}.sidebar .contacts-container{width:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:1%;flex-grow:1}.sidebar .contacts-container .contact-card{height:10%;display:flex}.sidebar .contacts-container .contact-card:hover{background-color:#2c2c2c}.sidebar .contacts-container .contact-card .profile-picture{object-fit:contain;border-radius:50%;margin:2%}.sidebar .contacts-container .contact-card .contact-card-text{display:flex;flex-direction:column;justify-content:space-around;flex-grow:1;padding:3% 1.5%}.sidebar .contacts-container .contact-card .contact-card-text .contact-card-info,.sidebar .contacts-container .contact-card .contact-card-text .last-message-info{display:flex;justify-content:space-between;align-items:center}.sidebar .contacts-container .contact-card .contact-card-text .contact-card-info .contact-name{font-weight:600}.sidebar .contacts-container .contact-card .contact-card-text .contact-card-info .time{font-size:.75rem;color:#636363}.sidebar .contacts-container .contact-card .contact-card-text .last-message-info .last-message{color:#aaa;font-size:1rem}.sidebar .contacts-container .contact-card .contact-card-text .last-message-info .unread{font-size:1rem;height:1rem;width:1rem;text-align:center;border-radius:50%;background-color:#8774e1}@media (max-width: 850px){.sidebar{flex-grow:1}}@media (max-width: 480px){.sidebar{width:100%}}.chat-window{min-width:30%;flex-grow:1;background-image:url(/static/background.png);background-size:contain;background-position:center;height:100%}.chat-window .chat-window-content{background-color:#0a0a0a8c;display:flex;flex-direction:column;height:inherit}.chat-window-top{height:10vh;display:flex;align-items:center;justify-content:space-between;background-color:#212121;padding:0 3%}.chat-window-top .left-content{height:100%;display:flex;align-items:center}.chat-window-top .desktop-disappear{display:none}.chat-window-top .active-contact-info{display:flex;align-items:center;height:80%;gap:5%;color:#d1cfcf}.chat-window-top .active-contact-info .active-contact-picture{border-radius:50%;margin:2%;height:100%}.chat-window-top .active-contact-info .active-contact-text{text-wrap:nowrap}.chat-window-top .active-contact-info .active-contact-text .active-contact-name{font-weight:600}.chat-window-top .actions{display:flex;align-items:center;gap:10%}@media (max-width: 850px){.desktop-disappear{display:inline!important;background-color:transparent;border:none}}@media (max-width: 480px){.active-contact-info{gap:2%!important}.mobile-disappear{display:none}}.messages{display:flex;flex-direction:column;align-self:center;overflow-y:scroll;overflow-x:hidden;gap:4%;flex-grow:2;width:95%;padding-top:5%}.messages .message{max-width:55%;border-radius:1rem;border-top-left-radius:0;padding:2% 1.25% .7%;background-color:#212121;display:flex;flex-direction:column;justify-content:space-between;width:fit-content}.messages .message .message-text{line-height:130%}.messages .message .message-timestamp{color:#fff8;font-size:.6rem;margin-top:1%}.messages .own{align-self:flex-end;background-color:#766ac8;border-bottom-right-radius:0;border-top-left-radius:1rem}.messages .own .message-timestamp{align-self:flex-end}.message-input-wrapper{display:flex;align-items:center;padding:1%;background-color:transparent}.menu-button{background:transparent;border:none;color:#fff}.input-wrapper{background-color:#2b2b2b;display:flex;align-items:center;flex:1;border-radius:20px;padding:1% 2%}.message-input{flex:1;border:none;color:#e0e0e0;font-size:1.2rem;outline:none;background-color:transparent;margin-left:1%}.attach-button{position:relative;color:#e0e0e0;cursor:pointer}.attach-button input[type=file]{position:absolute;top:-1000px;left:-1000px}.send-button{background:#212121;border:none;margin-left:1%;border-radius:50%;padding:1%;display:flex;justify-content:center;align-items:center}.send-button:hover{background-color:#2c2c2c}.telegram{display:flex;width:100vw;height:100vh;overflow:hidden;color:#eef3f9;background-color:#212121}.telegram ::-webkit-scrollbar{width:8px}.telegram ::-webkit-scrollbar-thumb{background-color:#6f747f;border-radius:6px}.telegram ::-webkit-scrollbar-thumb:hover{background-color:#555}@media (max-width: 850px){.telegram .bg{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}