.notif-bell{position:relative}.notif-bell__trigger-slot{align-items:center;display:inline-flex;position:relative}.notif-bell__count{background:var(--status-danger);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;display:inline-flex;position:absolute;top:-6px;right:-6px}.notif-bell__panel--inline{width:100%;box-shadow:none;background:0 0;border:none;position:static;top:auto;right:auto}.modal:has(>.modal__box.notif-bell-modal){padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-start}.modal__box.notif-bell-modal{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;overflow:hidden}.notif-bell-modal .modal__close{top:10px;right:10px}.notif-bell-modal .modal__content{padding:44px 0 12px}.notif-bell__panel{box-sizing:border-box;z-index:1200;width:min(477px,92vw);font-family:var(--font-family-base);background:#14161a;border:1px solid #262b36;border-radius:15px;position:absolute;top:42px;right:0;box-shadow:0 8px 24px #00000073}.notif-bell__panel-head{box-sizing:border-box;background:#15181e;border-bottom:1px solid #262b36;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;min-height:62px;padding:11px 15px;display:flex}.notif-bell__panel-title{color:#e6e6e6}.notif-bell__list{flex-direction:column;gap:5px;max-height:400px;margin-top:10px;padding:4px 2px 4px 4px;display:flex;overflow:hidden auto}.notif-bell__item{box-sizing:border-box;min-height:76px;color:inherit;background:#15181e;border:1px solid #262b36;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.notif-bell__item--unread{box-shadow:inset 3px 0 #1da68a}@media (hover:hover){.notif-bell__item:hover{background:#1da68a1a;border-color:#0e8d73}.notif-bell__item--unread:hover{box-shadow:inset 3px 0 #1da68a}}.notif-bell__item:focus-visible{background:#1da68a1a;border-color:#0e8d73;outline:none}.notif-bell__item--unread:focus-visible{box-shadow:inset 3px 0 #1da68a}.notif-bell__item-text{flex-direction:row;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.notif-bell__item-icon{background:#1da68a1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.notif-bell__item-icon img{object-fit:contain;width:18px;height:18px}.notif-bell__item-copy{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.notif-bell__item-title{color:#e6e6e6}.notif-bell__item-body{color:#b8bcc8}.notif-bell__item-go{background:#1da68a1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:30px;display:inline-flex}.notif-bell__empty{text-align:center;color:#e6e6e6;opacity:.65;padding:20px 15px}@media (max-width:768px){.notif-bell__item-go{min-width:var(--layout-touch-min);min-height:var(--layout-touch-min)}.modal:has(>.modal__box.notif-bell-modal){padding-left:12px;padding-right:12px}.modal__box.notif-bell-modal{width:100%;max-width:100%}.notif-bell__panel--inline .notif-bell__list{max-height:min(58dvh,400px)}}@media (max-width:480px){.notif-bell__panel:not(.notif-bell__panel--inline){width:calc(100vw - (var(--layout-page-padding-x) * 2));right:calc(var(--layout-page-padding-x) * -1)}}