.ds-notification-center{background-color:var(--color-bg-container-primary);border:var(--border-xs) solid var(--color-bg-container-border);border-radius:var(--radius-md);flex-direction:column;width:100%;display:flex;overflow:hidden}.ds-notification-center__header{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);padding:var(--padding-sm-md) var(--padding-sm-md) var(--padding-xs);display:flex}.ds-notification-center__heading{align-items:baseline;gap:var(--gap-xs);min-width:0;display:flex}.ds-notification-center__title{color:var(--color-text-primary);font-family:var(--font-title-body-family);font-size:var(--font-title-body-size);font-weight:var(--font-title-body-weight);line-height:var(--font-title-body-line-height);letter-spacing:var(--font-title-body-letter-spacing);white-space:nowrap}.ds-notification-center__unread{color:var(--color-text-tertiary);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing);white-space:nowrap}.ds-notification-center__mark-all{cursor:pointer;color:var(--color-action-primary-text-tertiary);font-family:var(--font-paragraph-sm-em-family);font-size:var(--font-paragraph-sm-em-size);font-weight:var(--font-paragraph-sm-em-weight);line-height:var(--font-paragraph-sm-em-line-height);letter-spacing:var(--font-paragraph-sm-em-letter-spacing);transition:color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;flex:none;padding:0}.ds-notification-center__mark-all:hover{color:var(--color-action-primary-text-secondary)}.ds-notification-center__mark-all:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-xxs)}.ds-notification-center__tabs{gap:var(--gap-xxs);padding:0 var(--padding-sm-md) var(--padding-xs);border-bottom:var(--border-xs) solid var(--color-divider);display:flex}.ds-notification-center__tab{align-items:center;gap:var(--gap-xxs);padding:var(--padding-xxs) var(--padding-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-paragraph-sm-em-family);font-size:var(--font-paragraph-sm-em-size);font-weight:var(--font-paragraph-sm-em-weight);line-height:var(--font-paragraph-sm-em-line-height);letter-spacing:var(--font-paragraph-sm-em-letter-spacing);transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;display:inline-flex}.ds-notification-center__tab:hover{background-color:var(--color-action-passive-bg-hover);color:var(--color-text-primary)}.ds-notification-center__tab:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:-2px}.ds-notification-center__tab--active{background-color:var(--color-bg-container-tertiary);color:var(--color-text-primary)}.ds-notification-center__tab-count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.ds-notification-center__list{padding:var(--padding-xxs) 0;flex-direction:column;display:flex;overflow-y:auto}.ds-notification-center__list>.ds-notification-item:not(:last-child){border-bottom:var(--border-xs) solid var(--color-divider)}.ds-notification-center__list>.ds-empty-state{padding:var(--padding-lg) var(--padding-sm-md)}.ds-notification-item{align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm-md);display:flex}.ds-notification-item__media{color:var(--color-icon-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.ds-notification-item__media .material-symbols-rounded{--icon-size:var(--icon-size-md)}.ds-notification-item__body{gap:var(--gap-xxs);flex-direction:column;flex:auto;min-width:0;display:flex}.ds-notification-item__top{align-items:center;gap:var(--gap-xs);display:flex}.ds-notification-item__title{min-width:0;color:var(--color-text-primary);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing);flex:auto}.ds-notification-item--unread .ds-notification-item__title{font-family:var(--font-paragraph-sm-em-family);font-weight:var(--font-paragraph-sm-em-weight);letter-spacing:var(--font-paragraph-sm-em-letter-spacing)}.ds-notification-item__time{color:var(--color-text-tertiary);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing);white-space:nowrap;flex:none}.ds-notification-item__dot{width:var(--gap-xs);height:var(--gap-xs);border-radius:var(--radius-full);background-color:var(--color-status-info-border);flex:none}.ds-notification-item__text{color:var(--color-text-secondary);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing)}.ds-notification-item__actions{align-items:center;gap:var(--gap-sm);padding-top:var(--padding-xxxs);display:flex}.ds-notification-item__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}