*{
    all: unset;
    font-family: Iosevka;
    font-size: 16px;
}

/** Top bar **/
.top-bar {
    padding-left: 16px;
    padding-right: 24px;
}

tooltip.background {
    background-color: $base00;
    border-radius: 10px;
    color: $base07;
}

tooltip label {
    margin: 6px;
}

.module {
    margin: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-left: 8px;
    padding-right: 8px;
}

.icon {
    font-size: 24px;
    padding-right: 8px;
}

.separator {
    padding-left: 4px;
    padding-right: 4px;
    color: $base02;
}

/** Bluetooth **/
.bluetooth {
    color: $base0D;
}

.bluetooth.icon {
    padding-right: 4px;
}

.bluetooth-text {
    padding-left: 8px;
}

/** Wifi **/
.wifi {
    color: $base0D;
}

.wifi.icon {
    padding-right: 12px;
}

.wifi-text {
    padding-left: 8px;
}

/** Volume **/
.volume {
    color: $base0A;
}

.volume-mute {
    color: $base04;
}

.volume-bar {
    padding-left: 8px;
    highlight {
        background-color: $base0A;
        border-radius: 10px;
    }
    trough {
        background-color: $base04;
        min-height: 10px;
        border-radius: 10px;
    }
}

/** Battery **/
.battery.charging {
    color: $base0B;
}

.battery.discharging {
    padding-right: 0px;
    color: $base04;
}

.battery-bar {
    padding-left: 8px;
    progress {
        background-color: $base0B;
        border-radius: 10px;
        min-height: 10px;
    }
    trough {
        background-color: $base04;
        border-radius: 10px;
        min-height: 10px;
        min-width: 60px;
    }
}

/** Clock **/
.clock {
    color: $base05;
}

.clock-time {
    padding-left: 4px;
    padding-right: 4px;
}

.clock-date {
    padding-left: 4px;
}

.clock-year {
    padding-bottom: 8px;
    font-size: 75%;
}

/** Workspaces **/

.workspace-entry {
    padding-left: 8px;
    padding-right: 8px;
}
.workspace-entry.occupied {
    color: $base06;
}

.workspace-entry.empty {
    color: $base02;
}

.workspace-entry.current {
    color: $base0C;
}