自动弹出侧边栏css如何设置延迟时间

/*自动隐藏侧边栏*/

:root { --sidebar-hover-width: 0.01px; --sidebar-visible-width: 218px;}
#sidebar-box { position: relative !important; overflow-x: hidden !important; margin-right: calc(var(--sidebar-hover-width) * -1) !important; left: var(--sidebar-hover-width) !important; min-width: var(--sidebar-hover-width) !important; max-width: var(--sidebar-hover-width) !important;}
#sidebar-box:hover { margin-right: calc(var(--sidebar-visible-width) * -1) !important; left: var(--sidebar-visible-width) !important; min-width: var(--sidebar-visible-width) !important; max-width: var(--sidebar-visible-width) !important;}
#sidebar { opacity: 0 !important;}
#sidebar:hover { opacity: 6 !important;}
上面是我使用的一个自动弹出侧边栏css。但这个太灵敏了，有时候鼠标不小心移动到边上就弹出了。请问加个什么参数，能让弹出延迟。