@keyframes lowBlink {
  0% {
    color: $accent;
  }
  50% {
    color: #cdd6f4;
  }
  100% {
    color: $accent;
  }
}
.sysinfo {
    background-color: #1e1e2e;
    border-radius: 15px;
    border: 3px solid #11111b;
    color: #cdd6f4;
    font-weight: bold;
    margin-right: 10px;
    padding: 1px 15px;
    &:hover {
        color: $accent;
        border: 3px solid $accent;
    }

}
.volume {
    margin-left: 8px;
}

.bluetoothindicator {
    margin-left: 8px;
}
.batIcon {
    margin-left: 8px;
    margin-right: 4px;
    &.low {
        animation: lowBlink 2s infinite;
    }
}