.shipping-calculator__form input:-webkit-autofill,
.shipping-calculator__form input:-webkit-autofill:hover,
.shipping-calculator__form input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--foreground);
  caret-color: var(--foreground);
  box-shadow: 0 0 0 1000px var(--background) inset;
  transition: background-color 9999s ease-out 0s;
}

.shipping-calculator__result:not(:empty) {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  padding: 17px 18px;
  border: 1px solid color-mix(in oklch, var(--primary), transparent 56%);
  border-radius: 4px;
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--primary), transparent 93%), transparent 72%),
    color-mix(in oklch, var(--card), transparent 8%);
  font-size: .875rem;
  line-height: 1.5;
}

.shipping-calculator__result-label {
  color: var(--primary);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.shipping-calculator__result-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 14px;
}

.shipping-calculator__result strong {
  color: var(--foreground);
  font: 650 1.5rem/1.15 var(--font-sans);
  letter-spacing: -.025em;
}

.shipping-calculator__eta {
  color: var(--primary);
  font-size: .875rem;
  font-weight: 700;
}

.shipping-calculator__service {
  color: var(--foreground);
  font-weight: 600;
}

.shipping-calculator__deadline {
  color: var(--muted-foreground);
  font-size: .75rem;
}

.shipping-calculator__result[data-state="loading"] {
  border-color: var(--border);
  background: color-mix(in oklch, var(--card), transparent 24%);
  color: var(--muted-foreground);
}

.shipping-calculator__result[data-state="error"] {
  border-color: color-mix(in oklch, #e8a6a6, transparent 36%);
  background: color-mix(in oklch, #9f3030, transparent 88%);
  color: #f5cccc;
}

.shipping-calculator__note {
  margin-top: 12px;
}