/**
 * App Window
 */
@define-color bg_color #2E3440;
@define-color window_bg @bg_color;
@define-color window_border_color #88C0D0;
@define-color prefs_backgroud #88C0D0;

/**
 * Input
 */
@define-color selected_bg_color #88C0D0;
@define-color selected_fg_color #2E3440;
@define-color input_color #88C0D0;
@define-color caret_color #88C0D0;

/**
 * Result items
 */
@define-color item_name #88C0D0;
@define-color item_text #81A1C1;
@define-color item_box_selected #88C0D0;
@define-color item_text_selected #3B4252;
@define-color item_name_selected #2E3440;
@define-color item_shortcut_color #88C0D0;
@define-color item_shortcut_color_sel #2E3440;

.app {
  background-color: @window_bg;
  border-color: @window_border_color;
  border-width: 2px;
  border-radius: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.input {
  color: @input_color;
}

/**
 * Selected text in input
 */
.input *:selected,
.input *:focus,
*:selected:focus {
  background-color: alpha (@selected_bg_color, 0.9);
  color: @selected_fg_color;
}

.item-text {
  color: @item_text;
}
.item-name {
  color: @item_name;
}

.selected.item-box {
  background-color: @item_box_selected;
  border-radius: 14px;
}
.selected.item-box .item-text {
  color: @item_text_selected;
}
.selected.item-box .item-name {
  color: @item_name_selected;
}
.item-shortcut {
  color: @item_shortcut_color;
  text-shadow: none;
}
.selected.item-box .item-shortcut {
  color: @item_shortcut_color_sel;
  text-shadow: none;
}

.prefs-btn {
  opacity: 1;
}

.prefs-btn:hover {
  background-color: @prefs_backgroud;
}

.no-window-shadow {
  margin: -20px;
}
