.separator {
  @apply -mt-px-2;
  color: #aeb7c1;
}

.details-container {
  @apply bg-white flex flex-col break-all;
  box-shadow: 0px 6px 24px rgba(206, 212, 219, 0.8);
  border-radius: 0px 5px 5px 5px;

  .details-header {
    @apply grid grid-flow-col py-3;
    grid-template-columns: 1fr 1fr 1fr;

    .old-value {
      @apply rounded text-white py-1 px-4;
      background-color: #89949e;
    }

    .new-value {
      @apply rounded text-white py-1 px-4;
      background-color: #134563;
    }
  }

  .details-values {
    &:nth-child(even) {
      background-color: #f5f7fa;
    }
  }

  .first {
    @apply border-t-2 border-solid;
    border-color: #d8dfe5;
  }
}
