@charset "UTF-8";
context-menu {
  /* Estilos para el menú contextual */
  /* Mostrar el menú cuando la clase 'show' está presente */
  /* Estilos para las opciones del menú */
}
context-menu .context-button {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 8px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
context-menu .context-button:hover {
  background-color: #302F32;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
context-menu .context-button.selected {
  background-color: #302F32;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
context-menu .context-menu {
  position: absolute;
  background-color: #3E3D40;
  border: 1px solid #302F32;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 1000;
  min-width: 220px;
  border-radius: 8px;
}
context-menu .context-menu.show {
  display: block;
}
context-menu .context-menu .menu-item {
  padding: 10px;
  cursor: pointer;
}
context-menu .context-menu .menu-item:hover {
  background-color: #302F32;
}/*# sourceMappingURL=context-menu.css.map */