.xl-notification-panel{position:fixed;z-index:200;outline:none;width:560px;color:var(--text-primary)}.xl-notification-panel[hidden],.xl-header .xl-message span[hidden]{display:none!important}.xl-notification-arrow{position:relative;height:8px}.xl-notification-arrow img{position:absolute;left:var(--notification-arrow-left,50%);transform:translateX(-50%);width:24px;height:8px}.xl-notification-panel .xl-notification-dark{display:none}[data-theme=dark] .xl-notification-dark{display:block}[data-theme=dark] .xl-notification-light{display:none}.xl-notification-box{height:var(--notification-height,720px);padding:16px;border-radius:12px;background:var(--bg-surface);display:flex;flex-direction:column;gap:16px;overflow:hidden}.xl-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.xl-notification-heading p{font-size:14px;font-weight:400;margin:0;color:var(--text-secondary)}.xl-notification-panel button{border:0;background:var(--bg-page);border-radius:100px;padding:0 24px;min-height:32px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer}.xl-notification-panel button:disabled{background:var(--bg-disabled,#e4e4e8);color:var(--text-disabled);cursor:default}.xl-notification-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;overscroll-behavior:contain}.xl-notification-card{background:var(--bg-page);border-radius:12px;padding:24px;flex:none}.xl-notification-author{display:flex;align-items:center;gap:16px;margin-bottom:12px}.xl-notification-avatar{position:relative;width:50px;height:50px;flex:none;border-radius:50%;overflow:hidden;mask:url(/static/web/images/figma/message/imgEllipse169-light.svg) center/50px 50px no-repeat;-webkit-mask:url(/static/web/images/figma/message/imgEllipse169-light.svg) center/50px 50px no-repeat}.xl-notification-avatar>img:not(.xl-notification-portrait){position:absolute;inset:0;width:50px;height:50px}.xl-notification-portrait{position:absolute;top:0;left:-4.3px;width:58.594px;height:78.125px;object-fit:cover}.xl-notification-author-copy{min-width:0;flex:1}.xl-notification-author h3{font-size:16px;font-weight:600;line-height:22px;margin:0 0 8px;color:var(--text-primary)}.xl-notification-dates{display:flex;gap:16px;font-size:14px;line-height:20px;color:var(--text-tertiary)}.xl-notification-dates span{white-space:nowrap}.xl-notification-unread{display:flex;align-items:center;gap:4px;color:var(--state-danger,#e44545);font-size:14px;white-space:nowrap;flex:none}.xl-notification-unread img{width:4px;height:4px}.xl-notification-content{display:flex;align-items:stretch;min-width:0;overflow:hidden;border-radius:12px;background:var(--bg-surface);color:var(--text-primary);text-decoration:none}.xl-notification-cover{width:48%;aspect-ratio:313/176;object-fit:cover;flex:none}.xl-notification-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;justify-content:space-between}.xl-notification-copy h4{font-size:18px;line-height:25px;font-weight:600;margin:0;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xl-notification-meta{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;line-height:20px;color:var(--text-tertiary);white-space:nowrap}.xl-notification-meta img{width:20px;height:20px}.xl-notification-meta i{height:14px;width:1px;background:var(--text-tertiary);margin:0 6px}.xl-notification-tags{display:flex;gap:8px}.xl-notification-tags span{padding:4px 12px;border-radius:100px;background:var(--bg-page);color:var(--text-secondary);font-size:14px;line-height:20px;white-space:nowrap}.xl-notification-state{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.xl-notification-state[hidden]{display:none}.xl-notification-empty{width:160px;height:161px;object-fit:contain}.xl-notification-state p{font-size:16px;font-weight:600;margin:0;color:var(--text-secondary)}.xl-notification-panel a:focus-visible,.xl-notification-panel button:focus-visible{outline:2px solid var(--brand-blue-default);outline-offset:2px}
@media(max-width:600px){.xl-notification-card{padding:16px}.xl-notification-author{gap:12px;flex-wrap:wrap}.xl-notification-dates{gap:4px;flex-direction:column;font-size:12px}.xl-notification-unread{margin-left:auto}.xl-notification-copy{padding:12px;gap:12px}.xl-notification-copy h4{font-size:14px;line-height:20px}.xl-notification-cover{width:45%}.xl-notification-meta{font-size:12px;flex-wrap:wrap}.xl-notification-tags{gap:4px}.xl-notification-tags span{font-size:12px;padding:2px 8px;line-height:20px}.xl-notification-box{padding:12px;gap:12px}.xl-notification-heading{gap:8px}.xl-notification-heading button{padding-inline:16px}}

.xl-notification-text{display:flex;flex-direction:column;gap:8px;min-width:0}

@media(max-width:640px){.xl-header .xl-message{display:flex!important;width:32px;height:32px}.xl-header-actions{gap:6px}}

:root[data-theme=dark] .xl-header .xl-message svg path{fill:#fff}

.xl-notification-panel [hidden]{display:none!important}