@import "macchiato.css";

* {
    border: none;
    border-radius: 8px;
    font-family: "JetBrainsMono Nerd Font";
    font-weight: bold;
    font-size: 14px;
    min-height: 14px;
}

window#waybar {
    background: transparent;
}

window#waybar > box {
    border-radius: 8px;
    margin: 0px 8px 8px 8px;
    background: rgba(36, 39, 58, 0.82);
    border: 2px solid @mantle;
    border-radius: 0px 0px 8px 8px;
    border-top: none;
    box-shadow:
        0px 0px 1.6px rgba(0, 0, 0, 0.032),
        0px 0px 3.1px rgba(0, 0, 0, 0.16),
        0px 0px 4.4px rgba(0, 0, 0, 0.378),
        0px 0px 6px rgba(0, 0, 0, 0.52);
}

tooltip {
    background: @main-bg;
    color: @main-fg;
    border-radius: 8px;
    border-width: 0px;
}

#workspaces {
    padding: 0;
    margin: 4px;
    margin-left: 0px;
}

#workspaces button {
    box-shadow: none;
	text-shadow: none;
    padding: 0px;
    border-radius: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    background: @mauve;
    color: @crust;
    animation: ws_normal 20s ease-in-out 1;
}

#workspaces button.active {
    background: @green;
    margin-left: 3px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 3px;
    animation: ws_active 20s ease-in-out 1;
    transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
}

#workspaces button:not(.active):hover {
    background: @peach;
    animation: ws_hover 20s ease-in-out 1;
    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}

#taskbar button {
    box-shadow: none;
	text-shadow: none;
    padding: 0px;
    border-radius: 9px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 0px;
    color: @wb-color;
    animation: tb_normal 20s ease-in-out 1;
}

#taskbar button.active {
    background: @wb-act-bg;
    color: @wb-act-color;
    margin-left: 3px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 3px;
    animation: tb_active 20s ease-in-out 1;
    transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
}

#taskbar button:hover {
    background: @wb-hvr-bg;
    color: @wb-hvr-color;
    animation: tb_hover 20s ease-in-out 1;
    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}

#window,
#clock,
#language,
#pulseaudio,
#network,
#cpu,
#memory,
#temperature,
#custom-l_end,
#custom-r_end,
#custom-sl_end,
#custom-sr_end,
#custom-rl_end,
#custom-rr_end {
    color: @crust;
    margin: 4px 0px 4px 0px;
    padding-left: 8px;
    padding-right: 8px;
}

#image.arch {
    margin-top: 2px;
    margin-left: 8px;
}

#window {
    background: @blue;
}

#image.catppuccin {
    margin-top: 2px;
}

#clock {
    background: @pink;
}

#language {
    background: @sapphire;
}

#pulseaudio {
    background: @yellow;
}

#network {
    background: @maroon;
}

#cpu {
    background: @lavender;
}

#memory {
    background: @peach;
}

#temperature {
    background: @teal;
    margin-right: 10px;
}