.notification-center_group-header{letter-spacing:.06em;text-transform:uppercase;color:var(--notification-center-group-header-color);padding:1.25rem 0 .5rem;font-size:.75rem;font-weight:600}.notification-center_list{margin-top:1rem;position:relative}.notification-center_list:before{content:"";background:var(--border-default);height:1px;position:absolute;top:0;left:1rem;right:1rem}.notification-center_list .molecule-notification-item--skeleton+.molecule-notification-item--skeleton:before,.notification-center_list .notification-center_swipe-row+.notification-center_swipe-row:before{content:"";top:0;left:calc(1rem + var(--checkbox-input-size) + var(--icon-badge-size) + 2 * var(--molecule-notification-item-gap));background:var(--molecule-notification-item-separator-color);z-index:1;height:1px;position:absolute;right:1rem}:root:not([data-bs-theme=dark]) .notification-center_list{--icon-badge-default-background:var(--grayscale-25);--icon-badge-default-color:var(--grayscale-300);--icon-badge-primary-color:var(--brand-500);--icon-badge-info-color:var(--info-500);--icon-badge-success-color:var(--success-500);--icon-badge-warning-color:var(--warning-500);--icon-badge-danger-color:var(--danger-500);--icon-badge-orange-color:var(--orange-500);--icon-badge-purple-color:var(--purple-500);--icon-badge-teal-color:var(--teal-500)}.notification-center_list .atom-icon-badge{background:var(--icon-badge-default-background);border:1px solid}.notification-center_swipe-row{position:relative}.notification-center_swipe-action{border-radius:var(--molecule-notification-item-border-radius);background:var(--primary);color:var(--white);visibility:hidden;justify-content:flex-end;align-items:center;gap:.5rem;padding-right:1rem;font-weight:600;transition:visibility 0s linear .2s;display:flex;position:absolute;inset:0}.notification-center_swipe-row--swiped>.notification-center_swipe-action{visibility:visible;transition:none}.notification-center_swipe-action--restore{background:var(--molecule-notification-item-unread-dot-color)}.molecule-notification-item--unread .molecule-notification-item_meta,.molecule-notification-item--unread .molecule-notification-item_timestamp{color:var(--molecule-notification-item-title-color-unread)}.molecule-notification-item_meta>span{pointer-events:none}.notification-center_list--mobile{margin-top:1rem}.notification-center_list--mobile .notification-center_swipe-row+.notification-center_swipe-row:before{content:none}.notification-center_list--mobile .notification-center_swipe-row+.notification-center_swipe-row>.molecule-notification-item:after{content:"";background:var(--molecule-notification-item-separator-color);height:1px;position:absolute;top:0;left:1rem;right:1rem}.notification-center_list--mobile .molecule-notification-item--skeleton+.molecule-notification-item--skeleton:before{left:1rem}.notification-center_list--mobile .notification-center_swipe-row{touch-action:pan-y pinch-zoom;overflow:hidden}.notification-center_list--mobile .notification-center_swipe-row>.molecule-notification-item{background:var(--teaser-background-color);user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){.notification-center_list--mobile .notification-center_swipe-row>.molecule-notification-item{transition:none!important}}.notification-center_list--mobile .notification-center_swipe-row>.molecule-notification-item--selected{background:var(--molecule-notification-item-background-selected)}.notification-center_list--mobile .molecule-notification-item:not(.molecule-notification-item--skeleton){align-items:start;gap:2px var(--molecule-notification-item-gap);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.notification-center_list--mobile .molecule-notification-item--checkbox-visible:not(.molecule-notification-item--skeleton),.notification-center_list--mobile .molecule-notification-item:has(.molecule-notification-item_select:focus-within){grid-template-columns:auto auto minmax(0,1fr) auto}.notification-center_list--mobile .molecule-notification-item_content{display:contents}.notification-center_list--mobile .molecule-notification-item_select{grid-area:1/1/3}.notification-center_list--mobile .molecule-notification-item_media{grid-area:1/-4/3/-3}.notification-center_list--mobile .molecule-notification-item_titles{grid-area:1/-3/auto/-2}.notification-center_list--mobile .molecule-notification-item_trailing{grid-area:1/-2/auto/-1;align-self:start;padding-top:1px}.notification-center_list--mobile .molecule-notification-item_meta{grid-area:2/-3/auto/-1}.notification-center_list--mobile .molecule-notification-item_title{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.notification-center_list--mobile .molecule-notification-item:not(.molecule-notification-item--checkbox-visible) .molecule-notification-item_select{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.notification-center_list--mobile .molecule-notification-item:not(.molecule-notification-item--checkbox-visible) .molecule-notification-item_select:focus-within{clip-path:none;width:auto;height:auto;position:static;overflow:visible}