.membar {
  color: $color5;
}

.cpubar {
  color: $color4;
}

.batbar {
  color: $color6;
  padding-right: 4px;
}

.cpubar-circle {
  background-color: #5c5b5b;
}
.membar-circle {
  background-color: #5c5b5b;
}
.batbar-circle {
  background-color: #5c5b5b;
}

// .batbar-circle {
//   color: $battcolor;
//   padding-right: 4px;
// }

// .membar,
// .cpubar,
// .batbar {
//   // background-color: transparent;
//   padding: 0px;
// }

.membar:hover,
.cpubar:hover,
.batbar:hover {
  // border-top: 2px solid;
}

.batt-percentage {
  color: $color6;
  padding-right: 5px;
  padding-left: 4px;
}

.batt-low {
  background-color: #B5E8E0;
  color: #161320;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.sys-menu-charge {
  padding-left: 2px;
  color: $colorbar;
}

.iconmem {
  color: $color5;
}

.iconcpu {
  color: $color4;
}

.icon-text {
  font-size: 3rem;
  padding: .7rem;
}

.sys-text-sub {
  color: $onBackground;
}

.sys-text-mem,
.sys-text-cpu {
  font-size: 1rem;
  font-weight: bold;
}

.sys-icon-mem,
.sys-icon-cpu {
  font-size: 1.5rem;
  margin: 1.5rem;
}

.system-info-box {
  @include rounding;
  background-color: $surface0;
  margin: .5rem 1rem;
  // padding: .5rem;
}

.sys-mem,
.sys-cpu {
  background-color: $colorbg;
}

.sys-icon-mem,
.sys-text-mem,
.sys-mem {
  color: $memcolor;
}

.sys-icon-cpu,
.sys-text-cpu,
.sys-cpu {
  color: $cpucolor;
}

.sys-box {
  margin: .3em;
  // background-color: tint($colorbarbg, 7%);
  // border-radius: 20px;
  // padding: 35px;

  box {
    margin-left: 1rem;
  }
}

.cpu-menu {
  font-family: 'Rubik', 'Material Symbols Rounded';
  color: $color4;
  padding-left: 5px;
}

.mem-menu {
  font-family: 'Rubik', 'Material Symbols Rounded';
  color: $color5;
  padding-left: 5px;
  padding-right: 5px;
}

.mem-menu-left {
  color: $color5;
  padding-left: 5px;
  padding-right: 0px;
}

.mem-menu-mid {
  color: $color5;
  padding-left: 0px;
  padding-right: 0px;
}

.mem-menu-right {
  color: $color5;
  padding-left: 0px;
  padding-right: 5px;
}

.sys-menu {
  font-family: 'Rubik', 'Material Symbols Rounded';
  color: $battcolor;
  margin: 0px;
  padding: 0px;
}

.sys-menu-button {
  color: $colorbar;
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
  background-image: url("images/LinageSettings.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

// .volume-bar, .brightness-slider, .slider {
// background-color: #16161E;
// border: 2px solid #7C9FF5;
// border-radius: 99px;
// }

.sys-toggle {
  font-size: 3pt;
}

.inside-circle {
  min-height: 27px;
  min-width: 27px;
}

.sys-circle-inner {
  font-size: 15pt;
  padding: 5px;
}