#vk-notification-bell{position:relative;display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1px solid #d8b763;border-radius:50%;background:#d8b763;color:#071421;cursor:pointer;transition:.18s;touch-action:manipulation;box-shadow:0 2px 10px rgba(216,183,99,.28)}
#vk-notification-bell:hover,#vk-notification-bell[aria-expanded="true"]{background:#e6c879;border-color:#e6c879;color:#071421;transform:translateY(-1px);box-shadow:0 4px 14px rgba(216,183,99,.42)}
.vk-notification-bell-icon{width:15px;height:15px;display:grid;place-items:center}.vk-notification-bell-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vk-notification-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dfb75d;color:#071421;border:2px solid #071421;font:900 9px/13px system-ui,sans-serif;text-align:center;box-sizing:border-box}
#vk-notification-panel{position:fixed;right:16px;top:46px;z-index:12050;width:min(370px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 70px));display:none;overflow:hidden;border:1px solid rgba(214,178,106,.24);border-radius:18px;background:rgba(5,17,29,.985);color:#f8f3e8;box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#vk-notification-panel.open{display:block}.vk-notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px 13px;border-bottom:1px solid rgba(255,255,255,.07)}
.vk-notification-panel-head small{display:block;color:#d8b763;font:800 7px/1.2 system-ui,sans-serif;letter-spacing:.16em;margin-bottom:4px}.vk-notification-panel-head h3{margin:0;font:500 22px/1.1 Georgia,serif}
.vk-notification-close{border:0;background:transparent;color:#aeb8c0;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}.vk-notification-close:hover{background:rgba(255,255,255,.07);color:#fff}
.vk-notification-list{max-height:470px;overflow-y:auto}.vk-notification-item{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px 16px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,.055);transition:.16s}.vk-notification-item:last-child{border-bottom:0}a.vk-notification-item:hover{background:rgba(255,255,255,.04)}.vk-notification-item.new{background:linear-gradient(90deg,rgba(214,178,106,.09),rgba(214,178,106,0))}
.vk-notification-kind{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(214,178,106,.26);background:rgba(214,178,106,.07);color:#e7c674;font:700 15px Georgia,serif}.vk-notification-copy{display:flex;flex-direction:column;min-width:0}.vk-notification-item-top{display:flex;align-items:flex-start;gap:8px}.vk-notification-item-top strong{font:600 13px/1.35 system-ui,sans-serif;color:#fff;flex:1}.vk-notification-item-top em{font:900 7px/1 system-ui,sans-serif;font-style:normal;letter-spacing:.1em;color:#081722;background:#dfb75d;border-radius:999px;padding:4px 6px;white-space:nowrap}
.vk-notification-body{margin-top:4px;color:#a9b4bd;font:400 11px/1.45 system-ui,sans-serif}.vk-notification-item time{margin-top:7px;color:#74828d;font:600 8px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.vk-notification-empty{margin:0;padding:28px 18px;color:#8998a3;text-align:center;font:500 11px/1.5 system-ui,sans-serif}
html[data-vk-theme="light"] #vk-notification-bell{background:#d8b763;color:#071421;border-color:#b88c35;box-shadow:0 2px 10px rgba(82,62,20,.18)}html[data-vk-theme="light"] .vk-notification-badge{border-color:#f7f3eb}
@media(max-width:620px){#vk-notification-bell{width:30px;height:30px;min-width:30px}#vk-notification-panel{left:8px;right:8px;top:42px;width:auto;max-height:calc(100dvh - 54px);border-radius:15px}.vk-notification-list{max-height:calc(100dvh - 120px)}}