.tl-notification-dialog{box-sizing:border-box;color:#f4eef9;overscroll-behavior:contain;direction:rtl;background:#100817;border:1px solid #38254a;border-radius:20px;width:min(560px,100vw - 24px);max-height:min(760px,100dvh - 32px);padding:24px;font-family:inherit}.tl-notification-dialog::backdrop{background:#040208bf}.tl-notification-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tl-notification-dialog h2{margin:4px 0;font-size:24px}.tl-notification-dialog header small,.tl-notification-dialog time{color:#b5a6c4}.tl-notification-dialog button,.tl-notification-dialog a{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #493358;border-radius:10px;padding:10px 14px;text-decoration:none}.tl-notification-dialog :focus-visible{outline-offset:3px;outline:2px solid #00de85}.tl-notification-dialog button:disabled{opacity:.6;cursor:wait}.tl-notification-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tl-notification-filters button[aria-pressed=true]{color:#50eeaa;background:#123629;border-color:#00de85}.tl-notification-dialog ul{margin:0 0 16px;padding:0;list-style:none}.tl-notification-dialog .tl-notification-item{text-align:right;border-width:0 0 1px;border-radius:0;align-items:start;gap:12px;width:100%;padding:16px 0;display:flex}.tl-notification-item>span:nth-child(2){flex:1;min-width:0}.tl-notification-item small,.tl-notification-item time{margin-top:6px;font-size:13px;line-height:1.8;display:block}.tl-notification-item small{color:#cdc0d8}.tl-notification-item .tl-unread-dot{background:#00de85;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:9px}.tl-notification-detail p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.tl-notification-detail time{margin:16px 0;display:block}.tl-notification-detail .tl-notification-destination{color:#051c12;text-align:center;background:#00cf7c;font-weight:700;display:block}.tl-notification-empty{color:#cdc0d8;padding:24px 0}.tl-notification-error{background:#351923;border-radius:8px;padding:12px;line-height:1.8}.tl-notification-dialog .tl-notification-read-all{margin-top:16px;display:block}@media (width<=480px){.tl-notification-dialog{padding:16px}}@media (prefers-reduced-motion:no-preference){.tl-notification-dialog[open]{animation:.16s ease-out tl-inbox-enter}@keyframes tl-inbox-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}