@import ".cache/wal/colors-waybar.css";

@define-color txt @color7;
@define-color bg @color0;
@define-color bg2 @color4;
@define-color bginput @color9;
@define-color accent @color11;

* {
   font-family: 'JetBrains Mono Nerd Font', monospace;
   font-size: 14px;
}

/* Window */
window {
    margin: 0px;
    padding: 10px;
    border: 1px solid @accent;
    border-radius: 5px;
    background-color: @bg;
    animation: slideIn 0.5s ease-in-out both;
}

 /* Slide In */
 @keyframes slideIn {
    0% {
       opacity: 0;
    }

    100% {
       opacity: 1;
    }
 }

 /* Inner Box */
 #inner-box {
    margin: 5px;
    padding: 10px;
    border: none;
    background-color: @bg;
    animation: fadeIn 0.5s ease-in-out both;

 }

 /* Fade In */
 @keyframes fadeIn {
    0% {
       opacity: 0;
    }

    100% {
       opacity: 1;
    }
 }

 /* Outer Box */
 #outer-box {
    margin: 5px;
    padding: 10px;
    border: none;
    background-color: @bg;
 }

 /* Scroll */
 #scroll {
    margin: 0px;
    padding: 10px;
    border: none;
 }

 /* Input */
 #input {
    margin: 5px;
    padding: 10px;
    border: none;
    color: @accent;
    background-color: @bginput;
    animation: fadeIn 0.5s ease-in-out both;
 }

 /* Text */
 #text {
    margin: 5px;
    padding: 10px;
    border: none;
    color: @txt;
    animation: fadeIn 0.5s ease-in-out both;
 }

 /* Selected Entry */
/*
 #entry:selected {
   background-color: @accent;
   border-radius: 5px;
 }
*/

#entry:selected {
  background: @bg2;
border-radius: 5px;
font-weight: bold;
}


 #entry:selected #text {
    color: @txt;
 }
