:root {
  --upnutri-brand-navy: #0b2733;
  --upnutri-brand-ink: #102f3a;
  --upnutri-brand-deep-teal: #007b78;
  --upnutri-brand-teal: #00a98f;
  --upnutri-brand-emerald: #12db9d;
  --upnutri-brand-white: #ffffff;
  --upnutri-brand-gradient: linear-gradient(135deg, var(--upnutri-brand-deep-teal) 0%, var(--upnutri-brand-teal) 54%, var(--upnutri-brand-emerald) 100%);
  --upnutri-brand-clear-space: 0.18em;
}

.upnutri-brand-image {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.upnutri-brand-image[data-upnutri-logo="horizontal"] {
  aspect-ratio: 15 / 4;
}

.upnutri-brand-image[data-upnutri-logo="compact"] {
  aspect-ratio: 24 / 5;
}

.upnutri-brand-image[data-upnutri-logo="stacked"] {
  aspect-ratio: 41 / 45;
}

.upnutri-brand-image[data-upnutri-logo="stacked-compact"] {
  aspect-ratio: 41 / 36;
}

.upnutri-brand-image[data-upnutri-logo="mark"] {
  aspect-ratio: 1;
}