* {
  all: unset;
}

window {
  font-family: "APL386 Unicode", monospace;
  font-size: 10px;
  color: #999;
}

.bar {
//border: 1px solid blue;
  color: #999;
  padding: 6px 0px;
}

.bar {
  background-color: rgba(17,17,17,0.96);
}

.draw {
//border: 1px solid green;
  padding: 6px 0px;
  background-color: rgba(17,17,17,1);
}

.block {
//border: 1px solid red;
}

.date {
}

.cal {
}

.player {
  color: #99cc99;
}

.notifications {
  color: #444;
}

.calendar {
  color: #666;
  border: 1px solid grey;
}

.calendar:selected {
  color: #fff;
}

.network {
}

.sound {
  color: #99cc99;
}

.moon {
  color: #ccc;
}

.space.urgent {
  color: #c47848;
}

.cpu {
  color: #444;
}

.tray menu {
  padding: 6px 0px;
  background-color: rgba(17,17,17,0.9);
  * > label {
  }
  > menuitem {
    color: #999;
    padding: 3px 9px;
    &:hover {
      color: #fff;
      background-color: rgba(255,255,255,0.1);
    }
  }
}