* {
    font-family: "JetBrainsMono NerdFont";
    font-size: 13px;
    border: none;
    border-radius: 0;
}

window#waybar {
    background: #000000;
    color: #ffffff;
}

#tags button {
    padding: 0 5px;
    color: #ffffff;
    background: transparent;
    border-bottom: 2px solid transparent;
}

#tags button.occupied {
    color: #8c9098;
    border-bottom: 2px solid #8c9098;
}

#tags button.focused {
    color: #000000;
    background: #5ea1ff;
}

#tags button:hover {
    background: #1a1a1a;
}

#clock {
    padding: 0 10px;
    color: #ffffff;
}

#battery, #network, #pulseaudio {
    padding: 0 10px;
    color: #ffffff;
}

#battery.charging {
    color: #5ea1ff;
}

#battery.warning {
    color: #ffaa00;
}

#battery.critical {
    color: #ff5555;
}