@define-color base03 #002b36;
@define-color base02 #073642;
@define-color base01 #586e75;
@define-color base00 #657b83;
@define-color base0 #839496;
@define-color base1 #93a1a1;
@define-color base2 #eee8d5;
@define-color base3 #fdf6e3;
@define-color yellow #b58900;
@define-color orange #cb4b16;
@define-color red #dc322f;
@define-color magenta #d33682;
@define-color violet #6c71c4;
@define-color blue #268bd2;
@define-color cyan #2aa198;
@define-color green #859900;

#entry {
   border-radius: 5px;
   padding: 5px;
   margin: 0px 4px 0px 4px;
   color: @base01;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

#entry:selected {
   background-color: @base3;
   padding: 5px;
   color: @base1;
}

#entry:focus {
    border: 1px solid @orange;
}

#text {
    color: @base01;
}
#text:selected {
   color: @base1;
}


#window {
   animation-name: fadeIn;
   animation-duration: 0.2s;
   font-family: JetBrainsMono;
   font-size: 14px;
   background-color: @base2;
}

#input {
   border: none;
   border-radius: 10px;
   margin: 5px 5px 5px 5px;
   padding: 8px;
   background-color: @base3;
   color: @base01;
}

#input:focus *{
    border: none;
}

#input:focus {
    border: 1px solid @orange;
}

#inner-box {
   border-radius: 10px;
   margin: 5px;
   padding-top: 5px;
}

#outer-box {
   border-radius: 10px;
   padding: 5px;
}