.loading-block {
  position: relative;
  margin-top: 64px;

  mat-spinner {
    position: absolute;
    left: 50%;
    margin-left: -32px;
  }

  & ::ng-deep .mat-progress-spinner circle,
  .mat-spinner circle {
    stroke: #1877f2;
  }
}

.items-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  margin-top: 25px;
  margin-right: 25px;
}

.epics-list-title {
  padding: 25px;
  font-weight: 400;
  background-color: rgb(238 238 238 / 37%);
}

.create-epic-button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 131px;
  margin-right: 10px;

  font-weight: 400;
  color: var(--menu-bg-color);

  background-color: var(--accent-color-bg);
}

.close {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}

.apic-item {
  width: fit-content;
  padding: 3px 15px;
  background-color: var(--color-gray-aaa);
  border-radius: 10px;
}

.form {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  height: 100%;

  .footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    height: 50px;

    background-color: var(--color-gray-eee);
    border-top: 1px solid var(--color-gray-aaa);
  }

  .footer-button {
    height: 36px;
    margin-right: 20px;
  }

  .color-button {
    color: var(--menu-bg-color);
    background-color: var(--accent-color-bg);
  }

  .form-wrapper {
    .header {
      display: flex;
      align-items: center;
      justify-content: space-between;

      height: 50px;
      margin-bottom: 25px;
      padding: 0 20px;

      font-size: 18px;
      line-height: 50px;

      background-color: var(--color-gray-eee);
      border-bottom: 1px solid var(--color-gray-aaa);
    }

    .body {
      width: 100%;
      height: 100%;
      min-height: 150px;
      margin-bottom: 10px;
    }

    .input {
      display: flex;
      align-items: center;

      width: 100%;

      border: 0;
      border-bottom: 1px solid var(--color-gray-aaa);

      &:active,
      &:hover,
      &:focus {
        outline: 0;
        outline-offset: 0;
      }
    }

    .form-input-wrapper {
      margin: 0 25px;
    }

    .epics-wrapper {
      margin-top: 10px;
      margin-left: 25px;
    }
  }
}

::ng-deep .addEpicsDialog {
  .mat-dialog-container {
    padding: 0;
  }

  .mat-chip-list-stacked .mat-chip-list-wrapper .mat-standard-chip {
    width: max-content;
  }
}