/* ── Skeleton Field ── */
.cc_xuUMlpuJCr_account_addresses .kombos-skeleton-field, .cc_xuUMlpuJCr_account_info_content .kombos-skeleton-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cc_xuUMlpuJCr_account_addresses .kombos-skeleton-field__label, .cc_xuUMlpuJCr_account_info_content .kombos-skeleton-field__label {
  height: 1.125rem;
  border-radius: 0;
}

.cc_xuUMlpuJCr_account_addresses .kombos-skeleton-field__input, .cc_xuUMlpuJCr_account_info_content .kombos-skeleton-field__input {
  width: 100%;
  height: 2.75rem;
  border-radius: 0;
}

.cc_xuUMlpuJCr_account_addresses .kombos-skeleton-field__label, .cc_xuUMlpuJCr_account_info_content .kombos-skeleton-field__label, .cc_xuUMlpuJCr_account_addresses .kombos-skeleton-field__input, .cc_xuUMlpuJCr_account_info_content .kombos-skeleton-field__input {
  background: linear-gradient(
    90deg,
    var(--kombos-gray-100) 25%,
    var(--kombos-gray-50) 50%,
    var(--kombos-gray-100) 75%
  );
  background-size: 200% 100%;
  animation: kombos-shimmer 1.5s ease-in-out infinite;
}

/* Declared here, not in global.css — the build prefixes keyframes coming from
   global.css without prefixing the references, so the shimmer would sit still. */
@keyframes kombos-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}