@import "./rose-pine.css";

* {
 font-family: "FiraCode Nerd ont";
 font-size: 17px;
 border-radius: 10px;
}

window#waybar {
  background-color: @base;
  color: @text;
  margin: 0 4px;
}
window > box {
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#network {
    padding-left: 4px;
    padding-right: 2px;
    color: @foam;
}

#cava {
    color: @iris;
    margin-left: 5px;
}

#tray {
    margin-right: 5px;
    margin-left: 5px;
}

#workspaces.button {
   color: @text;
}

#workspaces.button.focused {
    color: @overlay;
    background-color: @text;
}

#clock {
    padding: 0 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#mpris {
    margin-right: 5px;
    margin-left: 5px
}

.modules-center {
    background: @surface;
    box-shadow: 0px 0px 5px 0px #101010;
}

.modules-right {
    background: @surface;
    box-shadow: 0px 0px 5px 0px #101010;
}

.modules-left {
    background: @surface;
    box-shadow: 0px 0px 5px 0px #101010;
}

#pulseaudio-slider slider {
    min-height: 0px;
    min-width: 0px;
    opacity: 0;
    background-image: none;
    border: none;
    box-shadow: none;
}
#pulseaudio-slider trough {
    min-height: 5px;
    min-width: 80px;
    border-radius: 5px;
    background-color: @base;
}
#pulseaudio-slider highlight {
    min-width: 10px;
    border-radius: 5px;
    background-color: @pine;
}