* {
    font-family: "JetBrainsMono Nerd Font, Font Awesome, monospace";
    font-size: 14px;
    font-weight: 900;
}

#waybar {
    background-color: #191414;
    color: #ABB2BF;
}

button {
    border: 0;
    border-radius: 0px;
    min-height: 0;
    border-radius: 0px;
}

button:hover {
    background-color: #171414;
}

#network,
#pulseaudio {
    padding-right: 16px;
    padding-left: 4px;
}

#workspaces {
    margin-right: 16px;
}

#workspaces button {
    border-bottom: 2px solid transparent;
    padding-right: 16px;
    padding-left: 10px;
}

#workspaces button.active {
    border-bottom: 2px solid #ABB2BF;
}

#tray {
    padding: 0 8px;
    border-bottom: 2px solid rgb(198, 120, 221);
}

#tray .needs-attention {
    background-color: rgb(198, 120, 221);
}

#network {
    border-bottom: 2px solid lightsalmon;
    color: lightsalmon;
}

#network.disconnected {
    background: #E06C75;
}

#pulseaudio {
    color: rgb(97, 175, 239);
    border-bottom: 2px solid rgb(97, 175, 239);
}

#custom-lock {
    border-bottom: 2px solid #ABB2BF;
    transition: all 100ms ease-in-out;
    padding-right: 16px;
    padding-left: 12px;
}

#custom-lock:hover {
    color: #E06C75;
    border-color: #E06C75;
}