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