@import '../colors.scss';

window.popup {
  opacity: $bar-menus-opacity/100;

  menuitem {
    label {
      color: $bar-menus-popover-text;
    }

    &:hover {
      background-color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text), 0.6);
    }
  }

  menu {
    border-color: $bar-menus-popover-border;
    background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-popover-background);
  }

  separator {

    background-color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text), 0.7);
    min-height: 0.075em;
  }

  arrow {
    color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text);
  }
}

tooltip {
  * {
    all: unset;
  }

  opacity: $bar-menus-opacity/100;

  font-size: 1.1em;

  >*>* {
    padding: 0.6em;
    border-radius: $bar-menus-border-radius/2;
    color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-tooltip-text);
    background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-tooltip-background);
  }
}

check:not(:checked) {
  background-color: $bar-menus-check_radio_button-background;
  border: 1px solid $bar-menus-check_radio_button-active;
}

check:checked {
  background-color: $bar-menus-check_radio_button-active;
  border: 1px solid $bar-menus-check_radio_button-background;
}