.pwa-notifications-center-list[data-v-394ce793]{height:500px;overflow-y:auto;max-height:45vh;position:relative;padding:0 15px}.pwa-notifications-center-list.is-page[data-v-394ce793]{height:calc(100% - 50px);min-height:50px;max-height:100%}.pwa-notifications-center-list .notification-message-container[data-v-394ce793]{border-bottom:1px solid hsla(0,0%,100%,.4);padding:15px 10px 5px;cursor:pointer}.pwa-notifications-center-list .notification-message-container.read[data-v-394ce793]{opacity:.7}.pwa-notifications-center-list .notification-message-container[data-v-394ce793]:last-child{border-bottom:none}.pwa-notifications-center-list .notification-message-container .notification-message[data-v-394ce793]{padding-bottom:10px;font-size:14px;line-height:normal;color:var(--secondary-text-color);display:flex}.pwa-notifications-center-list .notification-message-container .notification-message .notification-message-unread-icon-container[data-v-394ce793]{height:100%;width:12px;min-width:12px;display:flex;justify-content:flex-start;align-items:flex-start;margin-top:8px}.pwa-notifications-center-list .notification-message-container .notification-message .notification-message-unread-icon-container .notification-message-unread-icon[data-v-394ce793]{width:7px;height:7px;border-radius:50%;background-color:transparent;display:inline-block}.pwa-notifications-center-list .notification-message-container .notification-message .notification-message-unread-icon-container .notification-message-unread-icon.unread[data-v-394ce793]{background-color:var(--danger-text);cursor:pointer}.pwa-notifications-center-list .notification-message-container .notification-message .notification-message-title[data-v-394ce793]{color:var(--primary);font-family:var(--font-family-title),NotomojiColor;margin-right:5px}.pwa-notifications-center-list .notification-message-container .notification-datetime[data-v-394ce793]{margin-left:12px;padding-bottom:10px;font-size:12px;line-height:normal;color:var(--secondary-text-color);opacity:.3;margin-top:-10px}.pwa-notifications-center-list .notification-buttons-container[data-v-394ce793]{margin-left:12px;display:flex;gap:7px;margin-bottom:15px}.pwa-notifications-center-list .notification-buttons-container .notification-button-container[data-v-394ce793]{width:50%;display:flex;justify-content:flex-end}.pwa-notifications-center-list .notification-buttons-container .notification-button-container[data-v-394ce793]:first-child{justify-content:flex-start}.pwa-notifications-center-list .notification-buttons-container .notification-button-container button[data-v-394ce793]{width:100%}.pwa-notification-center.is-page[data-v-356661f4]{height:100%}.pwa-notification-center.is-page .notifications-center-body[data-v-356661f4]{height:calc(100% - 50px);padding-bottom:15px}.pwa-notification-center.is-page .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4],.pwa-notification-center.is-page .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .tab-content,.pwa-notification-center.is-page .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .tab-content .tab-pane{height:100%}.pwa-notification-center.is-page .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs{touch-action:pan-x}.pwa-notification-center.is-page .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item{min-width:auto}.pwa-notification-center .notifications-center-header[data-v-356661f4]{padding:15px 15px 5px;display:flex;justify-content:space-between}.pwa-notification-center .notifications-center-header .notifications-center-title[data-v-356661f4]{display:flex;justify-content:center;align-items:flex-start;font-size:18px;line-height:normal;color:var(--secondary-text-color);font-family:var(--font-family-title)}.pwa-notification-center .notifications-center-header .notifications-center-close-button[data-v-356661f4]{display:flex;justify-content:flex-end;align-items:center;gap:5px}.pwa-notification-center .notifications-center-header .notifications-center-close-button .mark-all-read[data-v-356661f4]{font-family:var(--font-family-title);text-decoration:underline;background:transparent;color:var(--primary);border:none;font-size:14px;margin-right:-5px}.is-desktop .pwa-notification-center .notifications-center-header .notifications-center-close-button .mark-all-read[data-v-356661f4]{margin-right:-10px}.pwa-notification-center .notifications-center-header .notifications-center-close-button .mark-all-read[data-v-356661f4]:disabled{opacity:.65}.pwa-notification-center .notifications-center-header .notifications-center-close-button .close[data-v-356661f4]{color:var(--primary);text-shadow:none;opacity:1;padding:1rem;margin:-1rem -1rem -1rem auto}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs{flex-wrap:nowrap;overflow-x:auto;min-width:100%}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item{min-width:25%;width:auto;text-align:center;font-family:var(--font-family-title)}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item .nav-link{font-size:18px;line-height:normal;padding:13px 10px;white-space:nowrap;gap:3px;opacity:1;color:hsla(0,0%,100%,.4);border-bottom:2px solid hsla(0,0%,100%,.4)}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item .nav-link .num-unread{font-size:16px;line-height:normal;color:var(--background-sidebar);display:inline-flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.4);border-radius:50%;width:22px;height:22px;text-align:center;padding:1px 0 -1px;vertical-align:middle;margin-left:5px}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item .nav-link .num-unread.active{background-color:var(--button-primary-background)}.pwa-notification-center .notifications-center-body .notifications-center-tabs-selector[data-v-356661f4] .nav-tabs .nav-item .nav-link.active{color:var(--primary);border-bottom:2px solid var(--primary)}