.editor {
  border: none;
  background-color: $white-100 !important;
}

.decorationsOverviewRuler {
  width: 2px !important;

  &:hover {
    width: 6px !important;
  }

  &:active {
    width: 6px !important;
  }
}

.scrollbar.vertical {
  width: 2px !important;

  &:hover {
    width: 6px !important;
  }

  &:active {
    width: 6px !important;
  }

  .slider {
    border-radius: 10px !important;
    width: 2px !important;

    &:hover {
      width: 6px !important;
    }

    &.active {
      width: 6px !important;
    }
  }
}

.scrollbar.horizontal {
  height: 2px !important;

  &:hover {
    height: 6px !important;
  }

  &:active {
    height: 6px !important;
  }

  .slider {
    border-radius: 10px !important;
    height: 6px !important;

    &:hover {
      height: 6px !important;
    }

    &:active {
      height: 6px !important;
    }
  }
}