.bell[data-v-9d0fc689]{align-items:center;display:flex;flex-shrink:0}.bell[data-v-9d0fc689],.btn[data-v-9d0fc689]{position:relative}.btn[data-v-9d0fc689]{background:#ffffff14;border:0;border-radius:50%;color:#f4f6fb;cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.btn svg[data-v-9d0fc689]{display:block;height:18px;width:18px}.btn.on[data-v-9d0fc689],.btn[data-v-9d0fc689]:hover{background:#5aa2ff38}.btn>em[data-v-9d0fc689]{background:#ff6b6b;border-radius:999px;box-sizing:border-box;color:#fff;font-size:10px;font-style:normal;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 4px;right:-3px;top:-3px}.btn>em[data-v-9d0fc689],.panel[data-v-9d0fc689]{position:absolute}.panel[data-v-9d0fc689]{background:#2c3340;border-radius:14px;box-shadow:0 16px 40px #00000061;color:#eef1f6;max-height:380px;overflow:auto;right:0;top:calc(100% + 8px);width:300px;z-index:80}.head[data-v-9d0fc689]{align-items:center;display:flex;justify-content:space-between;padding:12px 14px 8px}.head strong[data-v-9d0fc689]{font-size:13px;letter-spacing:.04em}.head button[data-v-9d0fc689]{background:transparent;border:0;color:#9ecbff;cursor:pointer;font-size:12px}.empty[data-v-9d0fc689]{color:#eef1f68c;font-size:13px;margin:0;padding:28px 14px;text-align:center}.group[data-v-9d0fc689]{padding:4px 0 8px}.site[data-v-9d0fc689]{align-items:center;color:#eef1f675;display:flex;font-size:11px;justify-content:space-between;letter-spacing:.12em;margin:0;padding:8px 14px 4px}.site em[data-v-9d0fc689]{background:#5aa2ff47;color:#9ecbff;font-size:11px;font-weight:600;height:auto;line-height:16px;min-width:0;padding:0 6px;position:static}ul[data-v-9d0fc689]{list-style:none;margin:0;padding:0}li[data-v-9d0fc689]{border-left:2px solid transparent;cursor:pointer;padding:10px 14px}li[data-v-9d0fc689]:hover{background:#5aa2ff29}li.unread[data-v-9d0fc689]{background:#5aa2ff14;border-left-color:#5aa2ff}li.unread .title[data-v-9d0fc689]{font-weight:700}.row[data-v-9d0fc689]{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.count[data-v-9d0fc689]{background:#5aa2ff47;border-radius:999px;color:#9ecbff;flex-shrink:0;font-size:11px;font-weight:600;line-height:18px;margin-top:1px;padding:0 6px}.body[data-v-9d0fc689],.title[data-v-9d0fc689]{font-size:13px;line-height:1.45;margin:0}.title[data-v-9d0fc689]{flex:1;min-width:0}.body[data-v-9d0fc689]{color:#eef1f69e;display:-webkit-box;font-size:12px;-webkit-line-clamp:2;margin-top:3px;-webkit-box-orient:vertical;overflow:hidden}.bell.light .btn[data-v-9d0fc689]{background:#0000000d;color:#3a3a3a}.bell.light .btn.on[data-v-9d0fc689],.bell.light .btn[data-v-9d0fc689]:hover{background:#5aa2ff29;color:#2a5aa8}.bell.light .panel[data-v-9d0fc689]{background:#fff;box-shadow:0 16px 40px #00000024;color:#222}.bell.light .body[data-v-9d0fc689],.bell.light .empty[data-v-9d0fc689],.bell.light .site[data-v-9d0fc689]{color:#00000073}.bell.light li[data-v-9d0fc689]:hover{background:#5aa2ff14}.bell.light li.unread[data-v-9d0fc689]{background:#5aa2ff0f}.bell.light .head button[data-v-9d0fc689]{color:#3b6fd4}.bell.light .count[data-v-9d0fc689]{background:#5aa2ff29;color:#3b6fd4}