.websocket_notify {position:fixed;bottom:14px;right:10px;z-index:9999;}
.websocket_notify .notify_item {display:none;position:relative;width:400px;height:40px;color:#666;background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px #fff, inset 0 2px #fff, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);border-radius:5px;margin:10px 0 0;}
.websocket_notify .notify_item:before {content:"";position:absolute;top:50%;left:23px;transform:translate(-50%, -50%);display:inline-block;width:11px;height:11px;background:#61c4b8;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);border-radius:50%;}
.websocket_notify .notify_item .title {position:absolute;top:50%;transform:translateY(-50%);display:inline-block;max-width:80%;font-size:12px;line-height:1;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 0 40px;}
.websocket_notify .close {position:absolute;top:50%;right:10px;transform:translate(-50%, -50%);font-size:12px;line-height:1;color:#666;background:none;border:0;padding:0;cursor:pointer;}
.websocket_notify .close:before {content:"\00d7";}
@media (max-width: 768px) {
	.websocket_notify {right:12px;bottom:52px;}
	.websocket_notify .notify_item {width:250px;height:30px;background:#fff;margin:8px 0 0;}
	.websocket_notify .notify_item:before {left:16px;width:8px;height:8px;}
	.websocket_notify .notify_item .title {max-width:75%;font-size:10px;margin:0 0 0 28px;}
	.websocket_notify .close {right:5px;font-size:10px;}
}
body[data-theme="dark"] .websocket_notify {opacity:0.85 !important;}
body[data-theme="dark"] .websocket_notify .notify_item {box-shadow:unset !important;border:1px solid #1f1f1f !important;}