@layer components {
  .logo--default {
    --svg: url("/assets/mc/logos/default-99b9810c.svg");
    aspect-ratio: 130/28;
  }

  .logo--one-feeds-two {
    --svg: url("/assets/mc/onefeedstwo_logo_web-f4c5c5b8.png");
    aspect-ratio: 1/1;
  }

  .logo--b-corp {
    --svg: url("/assets/mc/bcorp_url_badge_v-4ecd0b99.png");
    aspect-ratio: 781/1153;
  }

  .logo--b-corp-wide {
    --svg: url("/assets/mc/bcorp_url_badge_h-ca9b66ca.png");
    aspect-ratio: 1406/884;
  }

  .logo--b-corp,
  .logo--b-corp-wide {
    color: var(--color-black);
  }

  .logo--kings-award {
    --svg: url("/assets/mc/kingsaward_logo_web-9a9cae9c.svg");
    aspect-ratio: 1/1;
  }
}