.styles-module-scss-module__VuusWW__container{border-right:1px solid var(--color-150);border-top:1px solid var(--color-150);flex-direction:column;width:22rem;min-width:22rem;height:100vh;display:flex;overflow:hidden}@media (max-width:768px){.styles-module-scss-module__VuusWW__container{background-color:var(--color-50);z-index:10;width:100%;display:none;position:absolute}.styles-module-scss-module__VuusWW__container[data-showmobile=true]{display:flex}}@media (max-width:640px){.styles-module-scss-module__VuusWW__container{height:calc(100vh - var(--mobile-header-height))}}.styles-module-scss-module__VuusWW__mobileButton{display:none}@media (max-width:768px){.styles-module-scss-module__VuusWW__mobileButton{padding:var(--spacing-1);left:var(--spacing-2);z-index:1;display:block;position:absolute;top:1.25rem}.styles-module-scss-module__VuusWW__mobileButton>svg{transform:scale(1.25)}}.styles-module-scss-module__VuusWW__header{padding:var(--spacing-3)var(--spacing-5);gap:var(--spacing-3);flex-direction:column;flex-shrink:0;display:flex}.styles-module-scss-module__VuusWW__header h3{font-size:var(--font-size-large);line-height:1.5rem;font-weight:var(--font-weight-bolder)}.styles-module-scss-module__VuusWW__header .styles-module-scss-module__VuusWW__title{padding:0 var(--spacing-0-5);justify-content:space-between;align-items:center;display:flex}.styles-module-scss-module__VuusWW__header .styles-module-scss-module__VuusWW__title>div{gap:var(--spacing-1-5);align-items:center;display:flex}.styles-module-scss-module__VuusWW__newMessage{color:var(--color-700);padding:var(--spacing-0-5)}.styles-module-scss-module__VuusWW__newMessage:hover{color:var(--color-900);background-color:var(--hover-color)}.styles-module-scss-module__VuusWW__tabs{margin-top:var(--spacing-2);border-bottom:1px solid var(--color-100);width:100%;height:2.25rem;display:flex}.styles-module-scss-module__VuusWW__tabs>button{gap:var(--spacing-1-5);padding-right:var(--spacing-1);line-height:1.25rem;font-weight:var(--font-weight-bolder);color:var(--font-color-5);border-radius:var(--border-radius)var(--border-radius)0 0;transition:var(--transition);border-bottom:2px solid #0000;justify-content:center;width:50%;margin-bottom:-1px;display:flex;position:relative}.styles-module-scss-module__VuusWW__tabs>button:hover{color:var(--font-color-8);border-bottom:2px solid var(--yellow-500)}.styles-module-scss-module__VuusWW__tabs>button:hover>svg{color:var(--font-color-6)}.styles-module-scss-module__VuusWW__tabs>button[data-active=true]{color:var(--font-color-12);border-bottom:2px solid var(--primary-color-2)}.styles-module-scss-module__VuusWW__tabs>button[data-active=true]>svg{color:var(--font-color-12)}.styles-module-scss-module__VuusWW__tabs>button>svg{margin-top:var(--spacing-0-5);transition:var(--transition)}.styles-module-scss-module__VuusWW__messages{padding:var(--spacing-2);gap:var(--spacing-1);flex-direction:column;display:flex;overflow-y:auto}.styles-module-scss-module__VuusWW__item{width:100%;padding:var(--spacing-4);border-radius:var(--border-radius);gap:var(--spacing-4);transition:var(--transition);display:flex;position:relative}.styles-module-scss-module__VuusWW__item:hover .styles-module-scss-module__VuusWW__hideButton{opacity:1}.styles-module-scss-module__VuusWW__item:hover,.styles-module-scss-module__VuusWW__item[data-activeitem=true]{background-color:var(--color-75);box-shadow:0 3px 6px -2px #00000012,0 0 0 1px #dcdcdc,inset 0 -2px 4px -1px #0000000f}.styles-module-scss-module__VuusWW__content{gap:var(--spacing-0-5);flex-direction:column;width:100%;display:flex;overflow:hidden}.styles-module-scss-module__VuusWW__title{justify-content:space-between;align-items:baseline;gap:var(--spacing-1);display:flex}.styles-module-scss-module__VuusWW__title p{color:var(--font-color-11);font-weight:var(--font-weight-bolder);text-overflow:ellipsis;overflow:hidden}.styles-module-scss-module__VuusWW__title span{line-height:1rem;font-size:var(--font-size-small);font-weight:var(--font-weight-bolder);color:var(--font-color-8)}.styles-module-scss-module__VuusWW__text{text-overflow:ellipsis;white-space:nowrap;line-height:1.25rem;overflow:hidden}.styles-module-scss-module__VuusWW__lastUpdated{gap:var(--spacing-1);flex-shrink:0;align-items:flex-end;display:flex}.styles-module-scss-module__VuusWW__unread{background-color:var(--blue-600);border-radius:99px;width:.375rem;height:.375rem;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.styles-module-scss-module__VuusWW__avatarSkeleton{background-color:var(--color-100);border-radius:999px;flex-shrink:0;width:2.5rem;height:2.5rem}.styles-module-scss-module__VuusWW__skeletonName{border-radius:var(--border-radius-md);background-color:var(--color-100);width:6rem;height:1rem;margin-top:.125rem}.styles-module-scss-module__VuusWW__skeletonTime{border-radius:var(--border-radius-md);background-color:var(--color-100);width:2rem;height:.875rem}.styles-module-scss-module__VuusWW__skeletonDescription{border-radius:var(--border-radius-md);background-color:var(--color-100);width:10rem;height:1rem;margin-top:.125rem}.styles-module-scss-module__VuusWW__emptyMessages{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.styles-module-scss-module__VuusWW__requestedMessagesCount{border-radius:var(--border-radius-full);background-color:var(--red-700);width:1rem;height:1rem;color:var(--color-0);font-size:11px;font-weight:var(--font-weight-extra-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:1.75rem}.styles-module-scss-module__VuusWW__hideButton{opacity:0;right:var(--spacing-1-5);top:var(--spacing-1-5);position:absolute}
.messagesStyles-module-scss-module__TvH21q__page{width:100%;height:100%;display:flex}