@import '../colors.scss';

.txt-icon {
  font-family: "JetBrainsMono Nerd Font Propo", monospace;
  font-size: 1.5em;

  &.bluetooth {
    font-size: 1em;
  }

  &.playback {
    font-size: 1.3em;
  }

  &.input {
    font-size: 1.3em;
  }
}

.bar.txt-icon {
  font-family: "JetBrainsMono Nerd Font Propo", monospace;
  font-size: 1.2em;
}

window.popup {
  opacity: $bar-menus-opacity * 0.01;

  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 * 0.01;

  font-size: 1.1em;

  >*>* {
    padding: 0.6em;
    border-radius: $bar-menus-border-radius * 0.5;
    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;
}