* {
    font-size: 1rem;
    font-family: Rubik, iMWritingMono Nerd Font;
}
@keyframes urgent-workspace {
from {
    color: yellow;
}
to {
    color: red;
}
}
@keyframes border-expand {
0% {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px currentcolor;
    border-radius: 100px;
}
33% {
    border-top: none;
    border-left: solid 2px currentcolor;
    border-right: solid 2px currentcolor;
    border-bottom: solid 2px currentcolor;
    border-radius: 66px;
}
66% {
    border-top: solid 2px currentcolor;
    border-left: solid 2px currentcolor;
    border-right: solid 2px currentcolor;
    border-bottom: none;
    border-radius: 33px;
}
to {
    border-top: solid 2px currentcolor;
    border-radius: 0;
    /* border-radius: 0rem 0rem 1rem 1rem; */
}
}
tooltip {
    border: solid 2px currentcolor;
    background: black;
    color: white;
}
#p_info,
#info {
    border-top: solid 1px #9649cd;
    color: #9649cd;
    transition: 650ms;
}
#p_info,
#info:hover {
    border-bottom: solid 2px #9649cd;
    border-top: none;
    transition: 150ms;
}

window#waybar {
    border-top: solid 1px transparent;
    background: transparent;
    opacity: 0.7;
    /* background: rgba(153, 153, 153, 0.3); */
    color: white;
}
window#waybar.empty {
    opacity: 1.125;
}
window#waybar.fullscreen {
    border: solid 2px #d70947;
    opacity: 1.0;
}
#window {
    padding: 2px;
    margin: 4px 4px 0;
    color: #fdf6e3;
    font-weight: 600;
    border-top: solid 1px transparent;
    transition: 2s;
}

#workspaces button {
    border-top: solid 2px currentcolor;
    border-right: solid 2px currentcolor;
    margin-top: 4px;
    padding: 0;
    transition: 200ms;
    /* transition: transform 0.4s; */
    border-radius: 0;
}
#workspaces button.empty {
    opacity: 0.4;
}
#workspaces button.active {
    color: #e44cdf;
    padding: 0 10px;
    margin-top: 0;
    border-right: solid 2px currentcolor;
    /* transition: translateY(0.75rem) 400ms; */
}
#workspaces button.urgent {
    color: red;
    animation: urgent-workspace ease-out 2s infinite;
}

#pulseaudio {
    color: #cbb643;
}
/* #memory { */
/*     color: #740cbe; */
/* } */
#cpu {
    color: #a70a3c;
}
#battery {
    color: #859900;
}
#network {
    color: #1E90FF;
}
#disk {
    color: #b58900;
}
#custom-reboot,
#custom-quit,
#custom-lock,
#custom-powerm,
#custom-power {
    padding: 0.2rem 1rem;
    font-weight: 600;
    border-top: solid 1px currentcolor;
    transition: 350ms;
}
#custom-reboot:hover,
#custom-quit:hover,
#custom-powerm:hover,
#custom-lock:hover,
#custom-power:hover {
    border-top: solid 2px red;
    transition: 250ms;
    /* border-radius: 2rem; */
    font-size: 1.5rem;
}

#pulseaudio,
#memory,
#cpu,
#battery,
#disk,
#clock,
#network,
#not-power,
#tray {
    padding: 6px;
    margin: 0px 4px 0;
    font-weight: 600;
    border-top: solid 2px transparent;
    transition: 550ms;
}

#pulseaudio:hover,
#memory:hover,
#cpu:hover,
#battery:hover,
#network:hover,
#disk:hover,
#clock:hover {
    border-top: solid 2px currentcolor;
    transition: 250ms;
}