.st-notification-wrap{position:relative;display:flex;justify-content:flex-end;margin:0 0 12px;z-index:30}.st-notification-button{position:relative;width:42px;height:42px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;color:#334155;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.06)}.st-notification-button:hover{background:#f8fafc}.st-notification-button svg{width:19px;height:19px}.st-notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center}.st-notification-panel{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 16px 45px rgba(15,23,42,.16);overflow:hidden}.st-notification-panel__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef2f7}.st-notification-panel__head button{border:0;background:none;color:#155eef;font-size:12px;cursor:pointer}.st-notification-list{max-height:430px;overflow:auto}.st-notification-item{display:block;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;text-align:left;cursor:pointer}.st-notification-item:hover{background:#f8fafc}.st-notification-item--unread{background:#f8fbff}.st-notification-item__title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:5px}.st-notification-item__message{white-space:pre-line;font-size:13px;line-height:1.45;color:#475569}.st-notification-item__time{margin-top:7px;font-size:12px;color:var(--ds-color-muted)}.st-notification-empty{padding:28px 16px;text-align:center;color:var(--ds-color-muted);font-size:13px}
@media(max-width:600px){.st-notification-wrap{margin-bottom:8px}.st-notification-panel{right:-8px}}