.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}.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}@media (any-pointer:coarse){.notification-center_list--split>.notification-center_swipe-row>.molecule-notification-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.notification-center_list--split{--molecule-notification-item-background-unread:var(--notification-split-view-row-unread-background);--molecule-notification-item-background-hover:var(--notification-split-view-row-hover-background);--molecule-notification-item-background-unread-hover:var(--notification-split-view-row-unread-hover-background);--molecule-notification-item-background-active:var(--notification-split-view-row-active-background);--molecule-notification-item-background-active-hover:var(--notification-split-view-row-active-hover-background)}.notification-center_list--split .molecule-notification-item--skeleton+.molecule-notification-item--skeleton:before,.notification-center_list--split .notification-center_swipe-row+.notification-center_swipe-row:before{content:none}.notification-center_list--split .molecule-notification-item--skeleton+.molecule-notification-item--skeleton,.notification-center_list--split .notification-center_swipe-row+.notification-center_swipe-row{margin-top:.25rem}.notification-center_list--split .notification-center_swipe-row>.molecule-notification-item{transition:background-color .14s,box-shadow .14s}@media (hover:hover){.notification-center_list--split .notification-center_swipe-row>.molecule-notification-item:hover{box-shadow:inset 0 0 0 1px var(--notification-split-view-row-hover-border-color)}}.notification-center_list--split .molecule-notification-item--with-actions:focus-within:not(:hover,:has(:focus-visible)) .molecule-notification-item_actions{opacity:0;pointer-events:none}.notification-center_list--split .molecule-notification-item--with-actions:focus-within:not(:hover,:has(:focus-visible)) .molecule-notification-item_trailing-idle{opacity:1}.notification-split-view_list-header+.notification-center_list{padding-top:.5rem}.notification-center_list--split .molecule-notification-item_meta{flex-wrap:nowrap}.notification-center_list--split .molecule-notification-item_meta>span{flex:none}.notification-center_list--split .molecule-notification-item_meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.notification-center_list--compact .molecule-notification-item{justify-content:center;padding-inline:.75rem}.notification-center_list--compact .molecule-notification-item_select,.notification-center_list--compact .molecule-notification-item_content,.notification-center_list--compact .molecule-notification-item_trailing,.notification-center_list--compact>p{display:none}.notification-split-view_list>.molecule-notification-item--skeleton{margin-top:.25rem}.notification-split-view--collapsed :is(.notification-split-view_list>.molecule-notification-item--skeleton){display: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:"";top:0;left:calc(1rem + var(--icon-badge-size) + var(--molecule-notification-item-gap));background:var(--molecule-notification-item-separator-color);height:1px;position:absolute;right:1rem}.notification-center_list--mobile .molecule-notification-item--skeleton+.molecule-notification-item--skeleton:before{left:calc(1rem + var(--icon-badge-size) + var(--molecule-notification-item-gap))}.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);-webkit-user-select:none;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_content{display:contents}.notification-center_list--mobile .molecule-notification-item_media{grid-area:1/1/3}.notification-center_list--mobile .molecule-notification-item_titles{grid-area:1/2}.notification-center_list--mobile .molecule-notification-item_trailing{grid-area:1/3;align-self:start;padding-top:1px}.notification-center_list--mobile .molecule-notification-item_meta{grid-area:2/2/auto/4}.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-overlay{z-index:3;background:var(--notification-center-list-overlay-background);justify-content:center;align-items:flex-start;animation:.2s .15s both notification-center-list-overlay-in;display:flex;position:absolute;inset:0}.notification-center_list-overlay>.hexagon-wrapper.molecule-loader{flex:none;margin:5rem 0 0;position:sticky;top:5rem}@keyframes notification-center-list-overlay-in{0%{opacity:0}to{opacity:1}}
