@use '../../styles/variables.scss';
.gantt-toolbar {
  position: absolute;
  top: calc(#{variables.$gantt-header-height} + 16px);
  right: 20px;
  z-index: 1000;
  .toolbar-views {
    display: inline-flex;
    .toolbar-view {
      padding: 0 15px;
      cursor: pointer;
      flex: 0 1 auto;
      border: 1px solid variables.$color-gray-500;
      margin-left: -1px;
      position: relative;
      background-color: variables.$color-background;
      &.active {
        color: variables.$gantt-toolbar-view-active-color;
        border-color: variables.$gantt-toolbar-view-active-color;
        z-index: 1;
      }
      &:first-child {
        border-radius: 4px 0 0 4px;
      }
      &:last-child {
        border-radius: 0 4px 4px 0;
      }
    }
  }
}