.tl-bell .ab-dot{background:var(--secondary-5);width:9px;height:9px;box-shadow:0 0 0 2px var(--neutral-100);border-radius:50%;position:absolute;top:11px;right:12px}.tl-notif .rows{background:var(--neutral-100);border-radius:var(--radius-card);box-shadow:var(--shadow-short);overflow:hidden}.tl-notif .row{text-align:left;border-bottom:1px solid var(--neutral-300);align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 14px;transition:background .12s;display:flex}.tl-notif .row:last-child{border-bottom:0}.tl-notif .row:active{background:var(--secondary-2)}@media (hover:hover){.tl-notif .row:hover{background:var(--secondary-4)}}.tl-notif .row-ic{background:var(--secondary-2);width:34px;height:34px;color:var(--primary-1);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.tl-notif .row-main{flex:1;min-width:0;display:block}.tl-notif .row-t{color:var(--neutral-800);font-size:14.5px;font-weight:500;line-height:1.35;display:block}.tl-notif .row-s{color:var(--neutral-500);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.tl-notif .nt-row{align-items:flex-start}.tl-notif .nt-row .row-ic{margin-top:1px}.tl-notif .nt-new{background:var(--primary-1);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.tl-notif .nt-row.is-unread .row-t{font-weight:600}.tl-notif .nt-row:not(.is-unread) .nt-new{visibility:hidden}.tl-notif .nt-empty{color:var(--neutral-500);margin:0;padding:8px 0 16px;font-size:14px}.tl-dash-d .notif-wrap{flex:none;position:relative}.tl-dash-d .dash-card.notif-pop{z-index:50;width:400px;padding:20px 22px 8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #10184029}.tl-dash-d .notif-pop[hidden]{display:none}.tl-dash-d .dash-card.notif-pop .dc-head{margin-bottom:6px}.tl-dash-d .notif-pop .dc-link{background:0 0;border:0;padding:0}.tl-dash-d .notif-pop .dc-link:disabled{color:var(--neutral-400);cursor:default}.tl-dash-d .notif-pop .notif-item{text-align:left;width:100%;color:inherit;cursor:pointer;text-decoration:none}.tl-dash-d .notif-pop .notif-item.is-read .notif-dot{background:var(--neutral-400)}.tl-dash-d .notif-pop .notif-empty{color:var(--neutral-500);padding:18px 0 22px;font-size:14px}
