.stripeInfo {
  padding: 10px;
  h2 {
    margin: 0;
  }

  p {
    color: var(--hi-color-gray-dark);

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.migrationNotice {
  background: var(--mantine-color-blue-0);
  border: 1px solid var(--mantine-color-blue-2);
  border-radius: 8px;
  margin-bottom: 20px;
}

.migrationBanner {
  border: 2px solid var(--mantine-color-blue-4);
  margin-bottom: 16px;
}

.platformPanel {
  margin-bottom: 16px;
  transition: all 0.2s ease;

  &.activePlatform {
    border: 2px solid var(--mantine-color-green-5);
    background: var(--mantine-color-green-0);

    &.ca {
      border-color: var(--mantine-color-orange-5);
      background: var(--mantine-color-orange-0);
    }
  }

  &:not(.activePlatform) {
    opacity: 0.85;
  }
}
