body.app-shell{overflow-x:clip}.notification-heading{position:relative;min-height:100px}.notification-heading h1{max-width:760px}.notification-orbit{position:relative;width:150px;height:78px}.notification-orbit:before,.notification-orbit:after{content:"";position:absolute;inset:4px 18px;border:1px solid rgba(255,91,63,.28);border-radius:50%;transform:rotate(-13deg)}.notification-orbit:after{transform:rotate(18deg);border-color:rgba(156,124,255,.28)}.notification-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral);animation:notificationPulse 3s ease-in-out infinite}.notification-orbit i:first-child{left:21px;top:31px}.notification-orbit i:nth-child(2){right:27px;bottom:15px;background:var(--violet);box-shadow:0 0 18px var(--violet);animation-delay:1s}.notification-orbit span{position:absolute;inset:25px 60px;border-radius:50%;background:var(--lime);box-shadow:0 0 30px rgba(204,255,87,.3)}
.notification-summary{display:grid;grid-template-columns:1.15fr repeat(8,minmax(82px,1fr));gap:8px;margin-bottom:16px}.notification-summary>div,.notification-summary>a{min-height:92px;padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#19191e,#141417);display:flex;flex-direction:column;justify-content:space-between}.notification-summary>div{background:linear-gradient(135deg,var(--coral),#b52f47);color:#130f10}.notification-summary>div span,.notification-summary>div small{font-size:8px;font-weight:800;text-transform:uppercase}.notification-summary>div strong{font-family:var(--display);font-size:35px;line-height:1}.notification-summary>a{position:relative;color:#74727a;transition:.2s}.notification-summary>a:hover,.notification-summary>a.active{border-color:rgba(255,91,63,.4);color:white;transform:translateY(-2px)}.notification-summary>a i{font-size:18px;color:var(--coral);font-style:normal}.notification-summary>a span{font-size:8px;font-weight:750}.notification-summary>a b{position:absolute;right:10px;top:9px;font-size:9px;color:var(--lime)}
.notification-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.62fr);gap:13px;align-items:start}.notification-main,.notification-settings{border:1px solid var(--line);border-radius:21px;background:#17171b}.notification-toolbar{min-height:76px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-toolbar>form:first-child{display:flex;gap:9px}.notification-toolbar label{display:flex;align-items:center;gap:8px;color:#68666e;font-size:8px;font-weight:800;text-transform:uppercase}.notification-toolbar select{width:130px;height:36px;padding:0 10px;font-size:9px}.notification-stream{padding:0 18px}.notification-item{position:relative;min-height:112px;padding:18px 0;display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item.unread:before{content:"";position:absolute;left:-18px;top:26px;width:3px;height:60px;border-radius:0 4px 4px 0;background:var(--coral)}.notification-item.read{opacity:.58}.notification-item:hover{opacity:1}.notification-signal{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,91,63,.1);color:var(--coral)}.notification-item.critical .notification-signal{background:rgba(255,91,63,.18);box-shadow:0 0 28px rgba(255,91,63,.1)}.notification-item.high .notification-signal{color:var(--orange)}.notification-signal i{font-size:19px;font-style:normal}.notification-copy{min-width:0}.notification-copy header{display:flex;align-items:center;gap:7px}.notification-copy header span,.notification-copy header b,.notification-copy header em{font-size:7px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.notification-copy header span{color:var(--violet)}.notification-copy header b{color:#696770}.notification-copy header em{padding:2px 6px;border-radius:7px;background:var(--lime);color:#121315}.notification-copy p{margin:6px 0 3px;color:#d4d2d7;font-size:11px;font-weight:650}.notification-copy time{color:#5e5c64;font-size:8px}.notification-actions{display:flex;align-items:center;gap:5px}.notification-actions form{display:inline}.notification-actions form button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#777;cursor:pointer}.notification-actions form button:hover{color:white;border-color:#555}.notification-empty{min-height:440px;display:grid;place-items:center;align-content:center;text-align:center}.notification-empty>div{position:relative;width:110px;height:110px;margin-bottom:20px;border:1px solid #2e2d33;border-radius:50%;display:grid;place-items:center}.notification-empty>div i{position:absolute;inset:12px;border:1px dashed #35343a;border-radius:50%}.notification-empty>div span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#151517;font-size:20px}.notification-empty h2{margin:0;font-family:var(--display);font-size:28px;text-transform:uppercase}.notification-empty p{max-width:380px;color:#69676f;font-size:10px}.notification-pages{padding:15px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#76747c;font-size:9px}.notification-pages a{color:var(--coral);font-weight:800}
.notification-settings{position:sticky;top:92px;overflow:hidden}.settings-intro{padding:22px;background:linear-gradient(145deg,rgba(156,124,255,.13),transparent)}.settings-intro>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:rgba(156,124,255,.15);color:var(--violet)}.settings-intro h2{margin:17px 0 4px;font-family:var(--display);font-size:25px;text-transform:uppercase}.settings-intro p{margin:0;color:#706e76;font-size:9px}.notification-settings form{padding:0 20px 20px}.channel-head,.channel-row{min-height:43px;display:grid;grid-template-columns:1fr 45px 45px;align-items:center;border-bottom:1px solid var(--line)}.channel-head b{color:#5e5c64;font-size:7px;text-align:center;text-transform:uppercase}.channel-row>span{display:flex;align-items:center;gap:8px;color:#aaa8af;font-size:9px}.channel-row i{width:22px;color:var(--coral);font-style:normal;text-align:center}.channel-row input{width:16px;height:16px;justify-self:center;accent-color:var(--coral)}.digest-fields{padding:18px 0}.digest-fields h3{margin:0 0 13px;font-family:var(--display);font-size:18px;text-transform:uppercase}.digest-fields label{display:flex;flex-direction:column;gap:5px;margin-bottom:9px;color:#74727a;font-size:8px;font-weight:800;text-transform:uppercase}.digest-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.digest-fields input,.digest-fields select{height:38px;font-size:9px}.notification-bell{display:grid;place-items:center;color:#777}.notification-bell span{font-size:18px}.notification-bell.has-unread{color:white;border-color:rgba(255,91,63,.4);box-shadow:0 0 20px rgba(255,91,63,.09)}.notification-bell b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--coral);color:#171316;font-size:8px;line-height:17px;text-align:center}
@keyframes notificationPulse{50%{transform:scale(1.6);opacity:.55}}@media(max-width:1200px){.notification-summary{grid-template-columns:repeat(4,1fr)}.notification-summary>div{grid-column:span 2}.notification-layout{grid-template-columns:1fr}.notification-settings{position:static}.notification-settings form{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.notification-settings form>.button{grid-column:1/-1}.settings-intro{padding-bottom:18px}}@media(max-width:720px){.notification-orbit{display:none}.notification-summary{display:flex;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.notification-summary::-webkit-scrollbar{display:none}.notification-summary>div,.notification-summary>a{min-width:105px}.notification-layout{display:block}.notification-settings{margin-top:13px}.notification-toolbar{align-items:stretch;flex-direction:column}.notification-toolbar>form:first-child{display:grid;grid-template-columns:1fr 1fr}.notification-toolbar label{align-items:stretch;flex-direction:column}.notification-toolbar select{width:100%}.notification-item{grid-template-columns:40px 1fr}.notification-actions{grid-column:2;justify-content:flex-start}.notification-copy p{font-size:10px}.notification-settings form{display:block}.notification-heading h1{font-size:38px}}