* {
  all: unset;
  border: unset;
}

window {
    --border-color: #b4befe;
    --border-color-active: rgba(239, 9, 9, 0.0);
    --bg-color: #11111b;
    --bg-color-hover: rgba(40, 40, 50, 1);
    --index-border-color: rgba(20, 170, 170, 1);
    --border-radius: 10px;
}

.client-image {
    margin: 10px;
}

.client  {
    font-size: 16px;
    font-weight: normal;
    font-family: Fira Code Bold;
    border-radius: 5px;
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
}

.client > * {
	color:#b4befe;
}

.client:hover {
    background-color: var(--bg-color-hover);
}

.client_active {
    border: 3px solid var(--border-color-active);
}


.workspace {
    font-size: 24px;
    font-weight: bold;

    border-radius: 0;
    background-color: var(--bg-color);
    border: 0px solid var(--border-color);
}

.workspace:hover {
    background-color: var(--bg-color-hover);
}

.workspace_special {
    border: 2px solid rgba(0, 255, 0, 0.4);
}

.workspace_active {
    border: 2px solid var(--border-color-active);
}


.monitor {
    opacity: 1;
    padding: 2px;

    border-radius: var(--border-radius);
    background-color: var(--bg-color);
    border: 4px solid var(--border-color);
}

.monitor:hover {
    background-color: var(--bg-color-hover);
}

.window_active {
    border: 2px solid var(--border-color-active);
}


.index {
    margin: 3px;
    padding: 2px 4px;
    font-size: 18px;
    font-weight: bold;
    font-family: JetbrainsMono Nerd Font;
    border-radius: 1px;
    background-color: var(--bg-color);
    border: 1px solid #b4befe;
}
