.active-task-controls {
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 28px;
  border-right: 1px solid #0b2b3d;
  background-color: #0e3a55;
}
.active-task-controls__btns {
  position: relative;
  height: 100%;
}
.active-task-controls__btns .tooltip-inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.active-task-controls__btns-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20%;
  border-bottom: 1px solid #012c48;
  background-color: #023f6a;
  transition: background-color 0.1s linear;
  color: #4FC2FF;
}
.active-task-controls__btns-item svg {
    opacity: 0.7;
}
.active-task-controls__btns-item--active {
  background-color: #064775;
}
.active-task-controls__btns-item--active svg {
    opacity: 1;
}
.active-task-controls__btns-item:not(.ar-button--disabled):hover,
.active-task-controls__btns-item:not(.ar-button--disabled):active {
  background-color: #064775;
}
.active-task-controls__btns-item:not(.ar-button--disabled):hover svg,
  .active-task-controls__btns-item:not(.ar-button--disabled):active svg {
    opacity: 1;
}
.active-task-controls__btns-item-upload {
  background-image: linear-gradient(0deg, var(--progress-color, #00588a) var(--progress, 0%), transparent var(--progress, 0%));
}

/*# sourceMappingURL=InfoBlockActiveTaskControls.vue.css.map */