/* MACHHIATO */
@define-color rosewater #f4dbd6;
@define-color flamingo #f0c6c6;
@define-color pink #f5bde6;
@define-color mauve #c6a0f6;
@define-color red #ed8796;
@define-color maroon #ee99a0;
@define-color peach #f5a97f;
@define-color yellow #eed49f;
@define-color green #a6da95;
@define-color teal #8bd5ca;
@define-color sky #91d7e3;
@define-color sapphire #7dc4e4;
@define-color blue #8aadf4;
@define-color lavender #b7bdf8;
@define-color text #cad3f5;
@define-color subtext1 #b8c0e0;
@define-color subtext0 #a5adcb;
@define-color overlay2 #939ab7;
@define-color overlay1 #8087a2;
@define-color overlay0 #6e738d;
@define-color surface2 #5b6078;
@define-color surface1 #494d64;
@define-color surface0 #363a4f;
@define-color base #24273a;
@define-color mantle #1e2030;
@define-color crust #181926;


* {
  font-family: 'Noto Sans Nerd Font', 'FiraMono Nerd Font', 'FiraCode Nerd Font Mono', 'RobotoMono Nerd Font Propo', monospace;
  font-size: 14px;
  outline: none;
}

window {
  margin: 0px;
  padding: 7px;
  border: 2px solid @yellow;
  border-radius: 0px;
  background-color: @crust;
}

#outer-box {
  margin : 17px;
}

#input {
  background-color : @surface0;
  color : @text;
  border-radius : 0;
  padding: 2px 0px;
  margin-bottom : 17px;
}

#input:focus {
  box-shadow: none;
}

#input image {
    color: @yellow;
    padding: 0 7px;
}

#scroll {
  border: none;
}

/* First Level Entries */
#inner-box > #entry {
  border-radius : 0;
  border: 1px solid @mantle;
  background-color : @mantle;
  color: @text;
  padding : 7px;
  padding-left : 22px;
}

#inner-box > #entry:nth-child(odd) {
  background-color : @base;
}

#inner-box > #entry:selected {
  background-color: @surface1;
  color: @blue;
  border: 1px solid @yellow;
}

#inner-box > #entry:selected #text {
  color: @blue;
}

#inner-box > #entry expander #entry {
  border-radius : 0;
  border: none;
  color: @text;
  padding : 2px;
  background-color : @mantle;
  padding-left: 17px;
}

#inner-box > #entry:nth-child(odd) expander #entry {
  background-color : @base;
}

#inner-box > #entry:selected expander #entry {
  background-color : @surface1;
}

#inner-box > #entry:selected expander #entry #text {
  color: @text;
}

#inner-box > #entry:selected expander #entry:selected {
  background-color: @surface2;
}

#inner-box > #entry:selected expander #entry:selected #text {
  color: @yellow;
}

#text {
  border: none;
  color: @text;
  margin-left : 12px;
}

#entry arrow {
  margin-left : -17px;
  color: @text;
  margin-right : 2px;
}