@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"width" 100}.app-wrapper{max-width:536px;margin:0 auto;min-width:275px;width:100%;position:relative}.app-header{display:flex;align-items:center;padding:12px 15px;position:fixed;max-width:536px;width:100%;background:#dee4f1;box-shadow:#0000000d 0 0 0 1px}.main-user-header-container{width:100%;display:flex;align-items:center;justify-content:space-between}.main-user-profile-picture{width:61px;height:61px;border-radius:50%;object-fit:cover}.main-user-inner-body{padding:12px;border-radius:25px;width:100%;display:flex;align-items:center;justify-content:space-between}.main-user-name{font-weight:700;margin:0 5px;font-size:1.2rem}.main-user-text-container{display:flex;align-items:center;margin:0 5px}.main-user-text{font-size:11px}.active-user-icon{font-size:7px;margin:0 5px 2px 0;color:green}.footer-container{display:flex;align-content:center;align-items:center;justify-content:space-between;background-color:#ff464627;margin:20px 0 30px;padding:15px;border-radius:20px}.footer-text-container{margin:0 10px;width:75%}.footer-inner-flex-container{display:flex;align-content:center;align-items:center}.footer-clear-chat-header-text{font-weight:600}.footer-subtitle-text{font-size:11px;color:red}.footer-clear-chats-button{background-color:#fff;border-radius:50%;width:40px;height:40px;padding:10px}.clear-chats-button-icon-container{font-size:22px}#clear-chats-button{border-radius:50%!important;width:40px;height:40px;color:red}@media only screen and (min-width: 536px){.app-header{border-radius:25px}}.my-contacts-component-wrapper{margin:0 0 15px;padding:15px 0;border-radius:25px}.header-flex-container{display:flex;align-items:center;align-content:flex-start;padding:0 0 12px 20px;margin:90px 0 0}.top-contacts-header-icon{font-size:1.2rem;color:gold}.header-text{margin:0 8px}.my-contacts-header{margin-bottom:0;font-weight:700}.contact-container{border-bottom:1px solid rgba(0,0,0,.05);margin:0 10px;padding:2px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.contact-body{display:flex;align-items:center;justify-content:start}.contact-profile-picture{width:51px;height:51px;border-radius:50%;object-fit:cover;margin:7px}.contact-name{font-weight:600;margin:0 5px;font-size:15.6px}.messages{font-size:10px;margin:0 5px;color:#77757e}.contact-options-icon{font-size:18px}@media only screen and (min-width: 536px){.header-flex-container{margin-top:98px}}