.ts-user-area{display:inline-flex;position:relative;width:100%}.ts-user-area .ts_comp_label{display:none}.ts-user-area>ul{width:100%;flex-wrap:nowrap}.ts-user-area>ul>li{display:flex;align-items:center}.ts-user-area>ul>li:first-child{margin-left:0!important}.ts-user-area>ul>li>a{display:flex;align-items:center;transition:all .3s ease;padding:5px;grid-gap:5px;position:relative;color:var(--ts-shade-2)}.ts-user-area>ul>li>a:hover .ts-comp-icon{background:#f9f9f9}.ts-user-area>ul>li>a .ts-comp-icon{width:40px;height:40px;background:transparent;border-radius:25px;align-items:center;transition:all .3s ease;justify-content:center;position:relative}.ts-user-area>ul>li>a .ts-comp-icon>i{font-size:28px;transition:all .3s ease}.ts-user-area>ul>li>a .ts-comp-icon>img,.ts-user-area>ul>li>a .ts-comp-icon>svg{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.ts-user-area>ul>li>a .ts_comp_label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;margin:0;transition:all .3s ease;color:#0c162c}.ts-user-area>ul>li.ts-user-area-avatar img{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.ts-user-area>ul>li.ts-user-area-avatar span{font-size:16px;padding-left:5px}.ts-user-area>ul>li.ts-user-area-avatar img,.ts-user-area>ul>li.ts-user-area-avatar svg{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}span.unread-indicator{width:5px;height:5px;border-radius:50%;position:absolute;top:0;background:var(--ts-accent-1);left:50%;transform:translateX(-50%)}.user-bar-tabs span.unread-indicator{top:-7px}.ts-notification-list li.ts-new-notification a p{font-weight:600}.ts-notification-list li.ts-new-notification a .notification-image{background:var(--ts-accent-1);border:4px solid var(--ts-accent-1)}.ts-notification-list li.ts-new-notification a .notification-image i{color:#fff}.ts-notification-list li.ts-new-notification a .notification-image svg{fill:#fff}.ts-notification-list li.ts-unread-notification a p,.ts-notification-list li.ts-unread-notification p{font-weight:600}.ts-notification-list li a{display:flex;flex-wrap:nowrap;padding:10px 15px;transition:.15s ease;color:#0c162c;font-size:14px;align-items:center}.ts-notification-list li a:hover{background:var(--ts-shade-6)}.ts-notification-list li a .notification-image{width:40px;height:40px;border-radius:50%;min-width:40px;display:flex;align-items:center;justify-content:center;-o-object-fit:cover;object-fit:cover;background:var(--ts-shade-5);overflow:hidden}.ts-notification-list li a .notification-image i{color:var(--ts-shade-2);font-size:22px}.ts-notification-list li a .notification-image svg{fill:var(--ts-shade-2);width:22px;height:22px}.ts-notification-list li a .notification-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ts-notification-list li a .convo-avatar img{width:40x;height:40px;border-radius:50%;min-width:40px;-o-object-fit:cover;object-fit:cover}.ts-notification-list li a .notification-details{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;padding-left:15px;min-width:0;grid-gap:3px}.ts-notification-list li a .notification-details span{font-size:13px;color:var(--ts-shade-3);white-space:nowrap;text-overflow:ellipsis;display:block;max-width:100%;overflow:hidden}.ts-notification-list li a .notification-details div{display:flex;flex-wrap:wrap}.ts-notification-list li a .notification-details p{margin:0;width:100%;font-size:14px;color:var(--ts-shade-1)}.ts-tab-content{padding:15px}@media (max-width:1024px){.ts-user-bar{position:fixed;bottom:0;top:auto;right:0;height:100%;width:100%!important;border-radius:0!important;flex-direction:column-reverse}.ts-user-bar .ts-tabs-container,.ts-user-bar .user-bar-content{height:100%!important;max-height:none!important}.ts-tabs-container{background:#fff}.ts-user-bar .user-bar-tabs{border-top:1px solid #d5dce2}.ts-user-bar.ts-closed{height:auto!important}.ts-user-bar.ts-open{height:100%!important}}@media (max-width:767px){.ts-list-container{flex-grow:1}.ts-view-conversation .ts-conversation-body{height:1px;max-height:none}.ts-view-conversation{display:flex;flex-direction:column}}