.context-menu path{
fill:#b1b1b1;
}
.context-menu,.context-submenu{
position:fixed;
background:#181818;
border:1px solid #333;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
box-shadow:0 1px 5px rgba(0,0,0,.88);
z-index:10100;
transform-origin:top left;
opacity:0;
border-radius:var(--br1);
}
.context-menu{
min-width:170px;
max-width:100%;
}
.context-submenu{
z-index:10101;
opacity:1;
margin-left:-1px;
width:222px;
}
.context-menu.show{
opacity:1;
}
.context-menu::-webkit-scrollbar,.context-submenu::-webkit-scrollbar{
width:6px;
}
.context-menu::-webkit-scrollbar-track,.context-submenu::-webkit-scrollbar-track{
background:var(--bg2);
}
.context-menu::-webkit-scrollbar-thumb,.context-submenu::-webkit-scrollbar-thumb{
background-color:var(--bc1);
}
.context-menu-item{
display:flex;
align-items:center;
padding:6px 12px;
color:var(--cl1);
user-select:none;
white-space:nowrap;
font-size:.9rem;
}
.context-menu-item svg{
width:16px;
height:16px;
opacity:0.7;
flex-shrink:0;
margin-right:12px;
}
.context-menu-item:hover{
background:var(--hover-bg);
}
.context-menu-separator{
height:0;
border-bottom:1px solid #333;
margin:0;
}
.context-menu-item.dis{
opacity:0.5;
cursor:not-allowed;
}
.context-menu-item.dis:hover{
background:none;
}
.context-menu-shortcut{
margin-left:12px;
opacity:0.5;
font-size:12px;
}
.context-menu-item .submenu-indicator{
margin-left:12px;
opacity:0.5;
font-size:10px;
}
.context-submenu .context-menu-item:first-of-type{
border-bottom:1px solid #444;
}
.context-submenu .context-menu-item[data-action="move_trash"]{
border-top:1px solid #444;
border-bottom:1px solid #444;
}
.overflow-dropdown{
overscroll-behavior:contain;
}
.context-submenu *{
border-color:#333;
}