html.dark #context_menu .top button s-icon[icon=sun]{opacity:1}html.dark #context_menu .top button s-icon[icon=moon]{opacity:0}#context_menu{pointer-events:none;opacity:0;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;width:250px;padding:10px;position:fixed;background-color:rgb(from var(--bg) r g b/.8);outline:1px solid var(--bg-lighter);box-shadow:0 0 10px #0002;border-radius:15px;transition:opacity .2s}#context_menu.active{pointer-events:all;opacity:1}#context_menu .top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#context_menu .top button{width:50px;height:50px;position:relative}#context_menu .top button s-icon{width:50%;position:absolute;fill:var(--text)}#context_menu .top button s-icon[icon=sun]{opacity:0}#context_menu .top button s-icon[icon=moon]{opacity:1}#context_menu .body{display:flex;flex-direction:column;gap:10px;width:100%}#context_menu .body button{width:100%;height:50px}