@charset "UTF-8";.notification-item-v2{width:100%;background:#fff;padding:24px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:24px;border-bottom:1px solid #ded9ff}.notification-item-v2:hover{background:#f7f6ff;cursor:pointer}.notification-item-v2:hover .notification-item-v2__trash{display:block}.notification-item-v2__icon{width:40px;height:40px;border-radius:24px;background:#f2f0ff;display:flex;align-items:center;justify-content:center;flex:none}.notification-item-v2__icon svg{width:24px;height:24px;color:#3a3751}.notification-item-v2__content{flex:1;display:flex;flex-direction:column;gap:8px;text-align:left}.notification-item-v2__content-date{font-size:12px;font-weight:600;color:#585669;margin-bottom:4px}.notification-item-v2__content-text{font-size:14px;color:#3a3751;line-height:1.2}.notification-item-v2__content-text span{font-weight:700}.notification-item-v2__content-text-message{word-break:break-all;white-space:initial;text-align:left}.notification-item-v2__content-text .bubble-talk{margin-top:16px;display:inline-block;position:relative;background:#f2f0ff;border-radius:14px;padding:16px;min-width:32px}.notification-item-v2__content-text .bubble-talk__content{color:#3a3751;font-size:14px;font-weight:400}.notification-item-v2__content-text .bubble-talk__arrow{position:absolute;top:-8px;left:24px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fef2f7;content:"";display:block}.notification-item-v2__content-actions{display:flex;gap:8px;margin-top:20px}.notification-item-v2__content-actions button{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;cursor:pointer}.notification-item-v2__content-actions button.primary{background:#e30060;color:#fff;border:none}.notification-item-v2__content-actions button.secondary{background:#fff;color:#e30060;border:1px solid #e30060}.notification-item-v2__content-with-avatar{display:flex;justify-content:space-between;flex-direction:row}.notification-item-v2__content-with-avatar .notification-item-v2__content-avatar{right:0}.notification-item-v2__content-with-avatar .notification-item-v2__content-avatar .avatar__image{border-radius:16px}.notification-item-v2__content-with-avatar .avatar--40 .avatar__icon{font-size:40px}.notification-item-v2__unread{min-width:24px;display:flex;flex-direction:column;align-items:center;position:relative;align-self:stretch;height:auto;justify-content:center}.notification-item-v2__unread .notification-item-v2__trash{display:none;position:absolute;top:-2px;width:16px;height:16px}.notification-item-v2__unread .notification-item-dropdown{position:absolute;top:0;width:16px;height:16px;z-index:100;padding:5px}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-menu{list-style:none;margin:0;padding:8px 0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:230px}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;text-align:left;color:#25223c;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;column-gap:10px;font-weight:400}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-item:hover{background-color:#fbfbff}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-item.my-notification-dropdown-item--toggle{cursor:default}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-item.my-notification-dropdown-item--toggle:hover{background-color:transparent}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown{z-index:1000}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;color:#bfbfc6}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-trigger:hover{opacity:.8}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-menu{list-style:none;margin:0;padding:8px 0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:230px}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;text-align:left;color:#25223c;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;column-gap:10px;font-weight:400}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-item:hover{background-color:#fbfbff}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-item.my-notification-dropdown-item--toggle{cursor:default}.notification-item-v2__unread .notification-item-dropdown .my-notification-dropdown-dropdown-item.my-notification-dropdown-item--toggle:hover{background-color:transparent}.notification-item-v2__unread .dot{width:10px;height:10px;border-radius:5px;background:#e30060;display:inline-block}.notification-item-v2--small{padding:16px;gap:16px}.notification-item-v2--small .notification-item-v2__trash{right:unset;display:block}.notification-item-v2--small .notification-item-v2__content-text{min-height:40px}.notification-filter-bar{display:flex;gap:24px;overflow-y:auto;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.notification-filter-bar--horizontal{flex-direction:row;width:100%;box-sizing:border-box;overflow-x:scroll;padding-left:12px;padding-right:0}.notification-filter-bar--vertical{flex-direction:column;max-width:none;overflow:visible}.notification-filter-bar::-webkit-scrollbar{display:none}.notification-filter-bar__item{display:flex;align-items:center;padding:10px;border-radius:72px;border:1px solid #8c8a98;color:#8c8a98;font-size:14px;cursor:pointer;transition:all .2s;user-select:none;width:fit-content;font-weight:500}.notification-filter-bar__item--selected{color:#e30060;border:1px solid #e30060;background-color:#fff}.notification-filter-bar__icon{display:flex;align-items:center;justify-content:center;color:inherit}.notification-filter-bar__icon svg{width:14px;height:14px;margin-right:4px}.notification-filter-bar__label{margin:0 2px;white-space:nowrap}.notification-filter-bar__count{font-size:12px;opacity:.8;margin-left:4px}