/* DESIGNED FOR 2560x1440 SCREENS */

* {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  font-family: "CaskaydiaCove NF";
  margin: 0;
  padding: 0;
}
.yasb-bar {
  padding: 0;
  margin: 0;
  background-color: rgba(10, 10, 10, 0.7);
}
.container-left {
  max-width: 217px;
}
.container-center {
  max-width: 3000px;
}
.container-right {
  max-width: 322px;
  margin: 0;
  padding: 0;
}
.widget {
  background-color: rgba(20, 20, 20, 0.00);
  padding: 0 8px;
}
.widget .label {
  padding: 1px 2px 1px 2px;
}
.widget .label.alt {
  padding: 1px 2px 1px 2px;
}

.power-menu-widget {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0 0 0 0;
  padding-bottom: 2px;
}
.power-menu-widget .label {
  color: #ffffff;
  font-size: 18px;
  padding-right: 4px;
}
.power-menu-popup {
  background-color: rgba(20, 20, 20, 0);
  border-radius: 0;
  border: 0 solid rgb(60, 60, 60);
}
.power-menu-popup .button {
  padding: 0;
  width: 240px;
  height: 120px;
  border-radius: 0px;
  background-color: rgb(30, 30, 30);
  color: white;
  border: 1px solid rgb(40, 40, 40);
  margin: 8px;
}
.power-menu-popup .button.hover {
  background-color: rgb(40, 40, 40);
  border: 1px solid rgb(80, 80, 80);
}
.power-menu-popup .button .label {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
}
.power-menu-popup .button .icon {
  font-size: 48px;
  padding-top: 8px;
  color: rgba(255, 255, 255, 0.25);
}
.power-menu-popup .button.sleep .icon {
  padding-right: 4px;
  color: rgba(10, 122, 202, 0.55);
}
.power-menu-popup .button.sleep .label {
  color: rgba(10, 122, 202, 0.55);
}
.power-menu-popup .button.restart .icon {
  padding-top: 12px;
  padding-right: 11px;
  color: rgba(255, 175, 0, 0.55);
}
.power-menu-popup .button.restart .label {
  color: rgba(255, 175, 0, 0.55);
}
.power-menu-popup .button.shutdown .icon {
  padding-right: 19px;
  color: rgba(244, 71, 71, 0.55);
}
.power-menu-popup .button.shutdown .label {
  color: rgba(244, 71, 71, 0.55);  
}
.power-menu-popup .button.lock .icon {
  padding-right: 8px;
  color: rgba(78, 201, 176, 0.55);
}
.power-menu-popup .button.lock .label {
  color: rgba(78, 201, 176, 0.55);
}
.power-menu-popup .button.signout .icon {
  color: rgba(221, 182, 242, 0.55);
}
.power-menu-popup .button.signout .label {
  color: rgba(221, 182, 242, 0.55);
}
.power-menu-popup .button.cancel .icon {
  padding-right: 11px;
  color: rgba(185, 185, 185, 0.55);
}
.power-menu-popup .button.cancel .label {
  color: rgba(185, 185, 185, 0.55);
}
.uptime {
  font-size: 30px;
  margin-bottom: 500px;
  color: #ffffff;
  font-weight: 600;
}

.komorebi-workspaces {
  margin-left: -8px;
  padding-bottom: 2px;
}
.komorebi-workspaces .ws-btn {
  border-radius: 2;
  width: 16px;
  height: 16px;
  margin: 2px 6px 0 3px;
  color: rgba(255, 255, 255, 0);
  background-color: rgb(80, 80, 80);
}
.komorebi-workspaces .ws-btn:hover,
.komorebi-workspaces .ws-btn.populated:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.komorebi-workspaces .ws-btn.populated {
  background-color: rgb(150, 150, 150);
}
.komorebi-workspaces .ws-btn.active {
  background-color: rgb(255, 255, 255);
  width: 28px;
  height: 16px;
}

.active-window-widget {
  border-radius: 0;
  margin-left: -7px;
  padding-bottom: 0;
}
.active-window-widget .label.icon {
  padding-top: 0;
}

.clock-widget {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 0;
  padding-bottom: 1px;
}
.calendar {
  background-color: rgba(0, 0, 0, 0.0);
}
.calendar .calendar-table,
.calendar .calendar-table::item {
  background-color: rgba(0, 0, 0, 0.0);
}
.calendar .calendar-table::item:selected {
  background-color: rgb(70, 70, 70);
}
.calendar .day-label {
  font-size: 60px;
}
.calendar .month-label {
  font-size: 48px;
}
.calendar .date-label {
  font-size: 36px;
}
