.index-module__ePJnEa__PopoverContent{z-index:200;border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,#f1f2f6);background-color:var(--color-white,#fff);width:calc(100vw - 2rem);padding:calc(var(--spacing,.25rem)*0);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.index-module__ePJnEa__PopoverContent{width:400px}}.index-module__ePJnEa__PopoverContent{animation:.2s ease-out index-module__ePJnEa__slideIn}@keyframes index-module__ePJnEa__slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.index-module__ePJnEa__BellRing{transform-origin:top;animation:.9s ease-in-out both index-module__ePJnEa__bellRing}@keyframes index-module__ePJnEa__bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.index-module__ePJnEa__Header{margin-bottom:calc(var(--spacing,.25rem)*3);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*4);justify-content:space-between;align-items:center;display:flex}.index-module__ePJnEa__Title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.index-module__ePJnEa__HeaderActions{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);display:flex}.index-module__ePJnEa__MarkReadButton{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));text-decoration-line:underline;display:inline-flex}@media (hover:hover){.index-module__ePJnEa__MarkReadButton:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.index-module__ePJnEa__MarkReadButton:hover{color:color-mix(in oklab,var(--primary)80%,transparent)}}}.index-module__ePJnEa__MarkReadButton:disabled{cursor:not-allowed;opacity:.5}.index-module__ePJnEa__MenuWrapper{position:relative}.index-module__ePJnEa__MenuButton{width:calc(var(--spacing,.25rem)*7);height:calc(var(--spacing,.25rem)*7);cursor:pointer;color:var(--color-gray-400,#9ea4b5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.index-module__ePJnEa__MenuButton:hover{background-color:var(--color-gray-100,#f1f2f6);color:var(--color-gray-600,#565c6f)}}.index-module__ePJnEa__MenuButton:disabled{cursor:not-allowed;opacity:.5}.index-module__ePJnEa__Menu{top:100%;right:calc(var(--spacing,.25rem)*0);z-index:210;margin-top:calc(var(--spacing,.25rem)*1.5);width:calc(var(--spacing,.25rem)*56);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,#f1f2f6);background-color:var(--color-white,#fff);padding-block:calc(var(--spacing,.25rem)*1);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);animation:.15s ease-out index-module__ePJnEa__slideIn;position:absolute;overflow:hidden}.index-module__ePJnEa__MenuItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#565c6f);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.index-module__ePJnEa__MenuItem:hover{background-color:var(--color-gray-50,#f8f9fb)}}.index-module__ePJnEa__MenuItemDanger{color:var(--danger)}@media (hover:hover){.index-module__ePJnEa__MenuItemDanger:hover{background-color:var(--danger-soft)}}.index-module__ePJnEa__ConfirmBox{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.index-module__ePJnEa__ConfirmText{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-600,#565c6f)}.index-module__ePJnEa__ConfirmActions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.index-module__ePJnEa__ConfirmCancel{cursor:pointer;border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6f7587);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.index-module__ePJnEa__ConfirmCancel:hover{background-color:var(--color-gray-100,#f1f2f6)}}.index-module__ePJnEa__ConfirmDanger{cursor:pointer;border-radius:var(--radius-md,.375rem);background-color:var(--danger);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.index-module__ePJnEa__ConfirmDanger:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.index-module__ePJnEa__ConfirmDanger:hover{background-color:color-mix(in oklab,var(--danger)90%,transparent)}}}.index-module__ePJnEa__TabList{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,#f1f2f6);width:100%;padding:calc(var(--spacing,.25rem)*0);display:flex}.index-module__ePJnEa__TabTrigger{padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6f7587);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex:1}.index-module__ePJnEa__TabTrigger[data-state=active]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-bottom-color:var(--accent);color:var(--accent)}.index-module__ePJnEa__TabContent{margin-top:calc(var(--spacing,.25rem)*2)}.index-module__ePJnEa__ListWrapper{--notification-slot-gap:.5rem;max-height:60vh;padding-inline:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex;overflow-y:auto}.index-module__ePJnEa__EmptyState{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*12);text-align:center;color:var(--color-gray-400,#9ea4b5);flex-direction:column;display:flex}.index-module__ePJnEa__ListItem{flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
.index-module__2wnaNG__AvatarTrigger{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);cursor:pointer;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.index-module__2wnaNG__AvatarTrigger:hover{opacity:.8}}@media (min-width:64rem){.index-module__2wnaNG__AvatarTrigger{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10)}}.index-module__2wnaNG__AvatarFallback{background-color:var(--color-gray-200,#e4e6ee);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-600,#565c6f)}@media (hover:hover){.index-module__2wnaNG__AvatarFallback:hover{color:var(--foreground-muted)}}.index-module__2wnaNG__PopoverContent{z-index:200;width:calc(var(--spacing,.25rem)*64);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,#f1f2f6);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.index-module__2wnaNG__MenuGroup{margin-bottom:calc(var(--spacing,.25rem)*2);gap:calc(var(--spacing,.25rem)*1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,#f1f2f6);padding-bottom:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.index-module__2wnaNG__MenuGroup:last-child{margin-bottom:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);padding-bottom:calc(var(--spacing,.25rem)*0);border-width:0}.index-module__2wnaNG__MenuItem{cursor:pointer;justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,.5rem);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#434a5c);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.index-module__2wnaNG__MenuItem:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.index-module__2wnaNG__MenuItem:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.index-module__2wnaNG__MenuItem:hover{color:var(--primary)}}.index-module__2wnaNG__MenuItemDanger{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,.5rem);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-red-600,#ba4650);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.index-module__2wnaNG__MenuItemDanger:hover{background-color:var(--color-red-50,#fcf1f1)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
.index-module__248YMW__HeaderWrapper{height:calc(var(--spacing,.25rem)*14);cursor:pointer;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,#f1f2f6);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.index-module__248YMW__HeaderWrapper:hover{background-color:var(--color-gray-50,#f8f9fb)}}@media (min-width:48rem){.index-module__248YMW__HeaderWrapper{border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem)}}.index-module__248YMW__LeftSection{align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.index-module__248YMW__BackButton{margin-right:calc(var(--spacing,.25rem)*1);color:var(--color-gray-500,#6f7587)}@media (hover:hover){.index-module__248YMW__BackButton:hover{color:var(--color-gray-800,#323848)}}.index-module__248YMW__TitleSection{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.index-module__248YMW__TitleText{font-family:var(--font-title-face),"Montserrat",sans-serif;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-800,#323848)}.index-module__248YMW__UnreadBadge{margin-left:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*5);background-color:var(--color-red-500,#d05b63);min-width:20px;padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.index-module__248YMW__ActiveUserWrapper{position:relative}.index-module__248YMW__Avatar{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,#f1f2f6)}.index-module__248YMW__AvatarFallback{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.index-module__248YMW__AvatarFallback{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.index-module__248YMW__AvatarFallback{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--primary)}.index-module__248YMW__OnlineDot{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white,#fff);background-color:var(--color-green-500,#468a66);border-radius:3.40282e38px;display:block;position:absolute}.index-module__248YMW__UserInfo{flex-direction:column;display:flex}.index-module__248YMW__UserName{-webkit-line-clamp:1;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-800,#323848);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.index-module__248YMW__StatusText{color:var(--color-gray-500,#6f7587);font-size:10px}.index-module__248YMW__ToggleIcon{color:var(--color-gray-400,#9ea4b5);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;display:none}@media (min-width:48rem){.index-module__248YMW__ToggleIcon{display:block}}.index-module__248YMW__CloseButton{color:var(--color-gray-500,#6f7587);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.index-module__248YMW__CloseButton:hover{color:var(--color-gray-800,#323848)}}.index-module__248YMW__CloseButtonMobile{color:var(--color-gray-500,#6f7587)}@media (min-width:48rem){.index-module__248YMW__CloseButtonMobile{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
.index-module__hpcWtG__ListContainer{height:100%;min-height:calc(var(--spacing,.25rem)*0);background-color:var(--color-white,#fff);flex:1}.index-module__hpcWtG__ListContainer [data-slot=scroll-area-viewport]>div{display:block!important}.index-module__hpcWtG__ListWrapper{flex-direction:column;display:flex}.index-module__hpcWtG__ConversationItem{align-items:center;gap:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-50,#f8f9fb);width:100%;padding-inline:max(1rem,calc((100% - var(--page-max))/2));display:flex}@media (min-width:40rem){.index-module__hpcWtG__ConversationItem{padding-inline:max(2rem,calc((100% - var(--page-max))/2))}}.index-module__hpcWtG__ConversationItem{padding-block:calc(var(--spacing,.25rem)*3);text-align:left}@media (hover:hover){.index-module__hpcWtG__ConversationItem:hover{background-color:var(--color-gray-50,#f8f9fb)}}@media (min-width:48rem){.index-module__hpcWtG__ConversationItem{padding-inline:calc(var(--spacing,.25rem)*4)}}.index-module__hpcWtG__ConversationItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.index-module__hpcWtG__ItemSelected{background-color:var(--card-active)}@media (hover:hover){.index-module__hpcWtG__ItemSelected:hover{background-color:var(--card-active)}}.index-module__hpcWtG__AvatarWrapper{position:relative}.index-module__hpcWtG__Avatar{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,#f1f2f6)}.index-module__hpcWtG__AvatarFallback{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.index-module__hpcWtG__AvatarFallback{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.index-module__hpcWtG__AvatarFallback{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--primary)}.index-module__hpcWtG__StatusDot{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white,#fff);background-color:var(--color-green-500,#468a66);border-radius:3.40282e38px;position:absolute}.index-module__hpcWtG__UnreadBadge{top:calc(var(--spacing,.25rem)*-1);right:calc(var(--spacing,.25rem)*-1);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);background-color:var(--color-red-500,#d05b63);color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute}.index-module__hpcWtG__InfoWrapper{padding-right:calc(var(--spacing,.25rem)*2);flex-direction:column;flex:1;display:flex;overflow:hidden}.index-module__hpcWtG__TopLine{justify-content:space-between;align-items:baseline;display:flex}.index-module__hpcWtG__Username{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--foreground);overflow:hidden}.index-module__hpcWtG__DateText{margin-left:calc(var(--spacing,.25rem)*2);color:var(--color-gray-400,#9ea4b5);flex-shrink:0;font-size:10px}.index-module__hpcWtG__LastMessage{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));overflow:hidden}.index-module__hpcWtG__MessageUnread{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--foreground)}.index-module__hpcWtG__MessageRead{color:var(--color-gray-500,#6f7587)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
.index-module__mon53W__WindowContainer{inset:calc(var(--spacing,.25rem)*0);z-index:100;background-color:var(--color-white,#fff);flex-direction:column;width:100%;display:flex;position:fixed}@media (min-width:48rem){.index-module__mon53W__WindowContainer{top:auto;right:calc(var(--spacing,.25rem)*4);bottom:calc(var(--spacing,.25rem)*0);border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e4e6ee);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);width:380px;height:600px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);left:auto}}.index-module__mon53W__ContentArea{height:100%;min-height:calc(var(--spacing,.25rem)*0);background-color:#f4f5f7;flex-direction:column;flex:1;display:flex;overflow:hidden}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}