.notification__item[data-v-cd6f594d]{grid-gap:16px;border-top:1px solid var(--secondary-color-30);border-bottom:1px solid var(--secondary-color-30);grid-template-columns:36px auto 24px;align-self:stretch;padding:16px;transition:all .2s;display:grid}.notification__item[data-v-cd6f594d]:hover{background:var(--secondary-color-60)}.notification__content[data-v-cd6f594d]{flex-direction:column;gap:10px;display:flex}.notification__content .notification__title[data-v-cd6f594d]{color:var(--main-text-color);font-variant-numeric:lining-nums tabular-nums;margin-bottom:-2px;font-size:16px;font-style:normal;font-weight:700;line-height:120%}.notification__content .notification__text[data-v-cd6f594d]{color:var(--secondary-color-25);font-size:14px;font-style:normal;font-weight:500;line-height:120%}.notification__content .notification__text.notification__text_white[data-v-cd6f594d]{color:var(--main-text-color)}.notification__content .notification__date[data-v-cd6f594d]{color:var(--secondary-color-25);font-variant-numeric:lining-nums tabular-nums;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:600;line-height:120%}.notification-icon__wrapper[data-v-cd6f594d]{width:36px;height:36px}.notification-icon__wrapper .notification-icon[data-v-cd6f594d]{width:100%;height:100%}.notification-icon__wrapper .notification-icon__default[data-v-cd6f594d]{background:rgb(from var(--main-sh-color-100) r g b/20%);border-radius:99px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.button__wrapper[data-v-cd6f594d]{width:100%}.read-message__wrapper[data-v-cd6f594d]{cursor:pointer;width:max-content;height:max-content;transition:all .2s}.read-message__wrapper img[data-v-cd6f594d]{filter:var(--secondary-color-25-filter);transition:all .2s}.read-message__wrapper:hover img[data-v-cd6f594d]{filter:var(--white-color-filter)}.notification__container[data-v-c28ddb5a]{background:var(--new-container-bg-color);grid-template-rows:66px auto 48px;height:100%;display:grid}.notification__header[data-v-c28ddb5a]{border-bottom:1px solid var(--secondary-color-30);padding-top:24px;padding-left:20px;padding-right:20px}.notification__list-wrapper[data-v-c28ddb5a]{height:100%;overflow-y:auto}.notification__footer[data-v-c28ddb5a]{background:var(--secondary-color-60);cursor:pointer;color:var(--secondary-color-25);font-variant-numeric:lining-nums tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:16px;font-style:normal;font-weight:600;line-height:120%;transition:all .2s;display:flex;box-shadow:0 4px 30px #0000002e}.notification__footer[data-v-c28ddb5a]:hover{color:var(--main-text-color)}.notification__footer:hover img[data-v-c28ddb5a]{filter:var(--white-color-filter)}.notification__footer img[data-v-c28ddb5a]{filter:var(--secondary-color-25-filter);transition:all .2s}.notification__empty[data-v-c28ddb5a]{height:100%}.empty-list__image[data-v-c28ddb5a],.notification__empty[data-v-c28ddb5a]{justify-content:center;align-items:center;display:flex}.empty-list__image[data-v-c28ddb5a]{background:var(--secondary-color-90);border-radius:60px;width:77px;height:77px}.empty-list__image img[data-v-c28ddb5a]{height:36px;filter:var(--secondary-color-20-filter)}