.diagnoses.diagnoses-m1023 {
  .diagnoses-main {
    .cards {
      display: flex;
      flex-direction: column;
      gap: 6px;
      width: 480px;
    }

    .card {
      width: 480px;
      position: relative;
      border: 1px solid var(--color-border-secondary);
      border-radius: var(--border-radius-md);
      padding: 12px;
      display: flex;
      flex-direction: row;
      gap: 16px;

      &.new:not(.m1021) {
        background-color: var(--color-blue-bright-50);
        border-color: var(--color-blue-bright-200);
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-delay: 5s;

        &:not(.selected) {
          animation-name: diminishNewToRegular;
        }
      }

      &.m1021 {
        border: 1px solid var(--color-border-primary);
        margin-bottom: 12px;
        padding-left: 20px;
      }

      .m1023-position-label-wrapper {
        position: absolute;
        top: 12px;
        left: -37px;
      }

      .drag-handle-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 6px;
        padding-top: 20px;
      }

      .card-main {
        flex: 1;
        display: flex;
        flex-direction: column;

        .card-description {
          margin-top: 6px;
          font-size: var(--font-size-lg);
          color: var(--color-base-black);
        }

        .card-footer {
          display: flex;
          flex-direction: row;
          margin-top: 8px;
          font-size: var(--font-size-xs);
          color: var(--color-text-secondary);

          p {
            font-size: var(--font-size-xs);
            color: var(--color-text-tertiary);
          }

          i {
            font-size: 16px;
            margin-right: 4px;
          }

          a {
            margin-left: 8px;
          }
        }
      }
    }
  }
}

@keyframes diminishNewToRegular {
  from {
    background-color: var(--color-blue-bright-50);
    border-color: var(--color-blue-bright-200);
  }
  to {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border-secondary);
  }
}