.notification-item__wrapper{display:grid;grid-template-columns:22px 1fr;grid-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg);border-radius:var(--border-radius-xs);padding:var(--spacing-2xs) var(--spacing-sm);color:var(--text-body);cursor:pointer}.notification-item__wrapper.is-unseen,.notification-item__wrapper:hover{background-color:var(--background-secondary-hover)}.notification-item__wrapper.is-unseen .notification-item__icon,.notification-item__wrapper:hover .notification-item__icon{fill:var(--background-icon-primary)}.notification-item__wrapper.is-unseen:hover{background-color:var(--background-secondary-active)}.notification-item__wrapper.is-unseen .notification-item__icon{fill:var(--yellow-400)}.notification-item{grid-column:span 2;display:grid;grid-template-columns:22px 1fr;grid-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg)}.notification-item__icon{width:100%;max-height:30px;margin-top:var(--spacing-6xs);fill:var(--background-icon-secondary)}.notification-item__content{flex:1 1;line-height:1.6}.notification-item__label strong{font:var(--body-md-semibold);color:var(--text-light)}.notification-item__time{grid-column:2;display:block;margin-top:var(--spacing-5xs);font:var(--body-sm-regular);color:var(--text-body)}.notification-item__click-area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;cursor:pointer}.tournament-notification{position:relative}.tournament-notification .notification-item__icon{min-width:20px;min-height:20px}.notification-item-skeleton{grid-column:span 2;display:grid;grid-template-columns:22px 1fr;grid-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg);height:69px;animation:skeleton-loading 1s linear infinite alternate}.notification-item-skeleton__icon{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-s);margin-top:var(--spacing-4xs);background-color:var(--surface-lightest)}.notification-item-skeleton__content{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.notification-item-skeleton__text{height:16px;background-color:var(--surface-lightest);border-radius:var(--radius-s)}.notification-item-skeleton__text--short{width:70%}.notification-item-skeleton__time{grid-column:2;height:14px;width:20%;margin-top:var(--spacing-2xs);border-radius:var(--radius-s);background-color:var(--surface-lightest)}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-2xs);height:100%;padding:var(--spacing-2xs);overflow-y:auto}@layer mixins{.notification-list{scrollbar-width:none;-ms-overflow-style:none}.notification-list::-webkit-scrollbar{display:none;width:0;height:0}}.notification-list--empty{padding:var(--spacing-3xl);flex-direction:column;text-align:center}@layer mixins{.notification-list--empty{display:flex;justify-content:center;align-items:center}}.notification-list__empty,.notification-list__loading{flex:1 1;color:var(--text-caption);font:var(--body-md-regular);text-align:center}@layer mixins{.notification-list__empty,.notification-list__loading{display:flex;justify-content:center;align-items:center}}.notification-list-empty__icon{width:56px;height:72px;fill:var(--text-caption);margin-bottom:var(--spacing-lg)}.notification-list-empty__title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.notification-list-empty__text{line-height:1.6;color:var(--text-caption);margin:0}.notification-list__item-loading{padding:var(--spacing-2xs) var(--spacing-sm);color:var(--text-caption);font:var(--body-sm-regular)}