.message-card{display:flex;padding:16px 0}.message-card__icon{display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;margin-right:16px;color:#fff;fill:#fff;border-radius:50%;font-size:1.5rem;line-height:2.5rem;letter-spacing:.05em;text-transform:uppercase;overflow:hidden}@media (max-width:767px){.message-card__icon{width:48px;height:48px;font-size:1.125rem;line-height:2.5rem}}.message-card__icon--empty{background-color:#141116}@media (max-width:767px){.message-card__icon .icon{width:24px;height:24px}}.message-card__body{flex:1}.message-card__body-top{display:flex;align-items:center;margin-bottom:8px}@media (max-width:767px){.message-card__body-top{display:block}}.message-card__body-top-read{display:inline-block;width:8px;height:8px;background-color:#eb5757;border-radius:50%;margin-right:8px}.message-card__body-top-number{margin-right:8px}.message-card__body-top-date{margin-left:auto}@media (max-width:767px){.message-card__body-top-date{display:none}}.message-card__body-bottom-img{margin-top:8px}.message-card__body-bottom-img img{cursor:pointer;height:50px;width:50px}.message-card__body-bottom-file{margin-top:8px}@media (min-width:768px){.message-card__body-date-mobile{display:none}}