.ibus-tweaker-candidate-popup-boxpointer {
  -arrow-border-radius: 0.52em;
}

.ibus-tweaker-candidate-popup-content {
  color: #222226;
  background-color: #fafafb;
  padding: 0.15em;
  border-radius: 0.24em;
  border: 0.05em solid #e6e6eb;
  box-shadow: 0 0.1em 0.2em 0 rgba(0, 0, 0, 0.05);
}

.ibus-tweaker-candidate-box {
  border-radius: 0.24em;
  padding: 0.2em 0.2em 0.2em 0;
}

.ibus-tweaker-candidate-box > .ibus-tweaker-candidate-index {
  min-width: 0.8em;
  font-size: 0.8em;
  padding: 0.25em 0 0 0.1em;
  border-width: 0;
  border-radius: 0.0875em;
  border-left-width: 0.3em;
  border-color: transparent;
  color: #78787b;
}

.ibus-tweaker-candidate-box:selected {
  background-color: #e1e1e7;
}

.ibus-tweaker-candidate-box:selected > .ibus-tweaker-candidate-index {
  border-color: -st-accent-color;
}

.ibus-tweaker-candidate-box:hover {
  background-color: #e1e1e7;
}

.ibus-tweaker-candidate-page-button-box {
  spacing: 0.2em;
  border-color: rgba(34, 34, 38, 0.3);
}

.vertical .ibus-tweaker-candidate-page-button-box {
  margin-top: 0.2em;
  padding-top: 0.2em;
  border-top-width: 0.05em;
}

.horizontal .ibus-tweaker-candidate-page-button-box {
  margin-left: 0.2em;
  padding-left: 0.2em;
  border-left-width: 0.05em;
}

.ibus-tweaker-candidate-page-button {
  padding: 0 !important;
  max-height: 0 !important;
  color: #222226;
  background-color: #fafafb;
}

.ibus-tweaker-candidate-page-button StIcon {
  icon-size: 1em;
}

.ibus-tweaker-candidate-page-button:hover {
  background-color: #e1e1e7;
}

.ibus-tweaker-candidate-page-button:insensitive {
  color: #78787b;
}

.night .ibus-tweaker-candidate-popup-content {
  color: #ffffff;
  background-color: #36363a;
  border-color: #424247;
  box-shadow: 0 0.1em 0.2em 0 rgba(0, 0, 0, 0.2);
}

.night .ibus-tweaker-candidate-box:hover, .night .ibus-tweaker-candidate-box:selected {
  background-color: #4f4f54;
}

.night .ibus-tweaker-candidate-box > .ibus-tweaker-candidate-index {
  color: #9b9b9d;
}

.night .ibus-tweaker-candidate-page-button-box {
  border-color: rgba(255, 255, 255, 0.3);
}

.night .ibus-tweaker-candidate-page-button {
  color: #ffffff;
  background-color: #36363a;
}

.night .ibus-tweaker-candidate-page-button:hover {
  background-color: #4f4f54;
}

.night .ibus-tweaker-candidate-page-button:insensitive {
  color: #9b9b9d;
}
