/* <  375px */ /* From tailwind --lg = 60em =  < 960px */ /* >= 960px */ /* 960px - 1168px */ /* Values from Tailwind Config */ /* 500px */ /* 499px */ /* 720px */ /* 719px */ /* 960px */ /* 1200px */ /* 1280px */ :root {
  --mobile-logo-height: 41px;
  --mobile-logo-width: 126px;
  --mobile-header-height: 70px;
  --mobile-header-button-height: 40px;
  --ecomm-header-logo-height: 33px;
  --ecomm-desktop-header-logo-width: 213px;
  --ecomm-mobile-header-logo-width: 105px;
  --desktop-utility-height: 3.5rem;  /* 56px */
  --desktop-header-height: 5.25rem;  /* 84px */
  --desktop-logo-height: 2.75rem;    /* 44px */
  --desktop-logo-width: 8.75rem;     /* 140px */
  --desktop-logo-tight-scale-factor: 0.85;
  --desktop-search-height: 2.5rem;   /* 40px */
  --desktop-search-width: 23.75rem;  /* 380px */
  --max-content-width: 75rem;        /* 1200px */
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --white: #fff;
  --depths: #012345;
  --caribbean-reef: #327ABD;
  --driftwood: #D5C6B4;
  --river-stone-grey: #757777;
  --kelp: #004225;
  --chlorophyll: #008666;
  --green: #51E172;
  --medium-gray: #C7C6C6;
  --dark-gray: #383736;
  --black-8: rgba(0,0,0,0.08);
  --black-22: rgba(0,0,0,0.22);
  --height-target: 2.75rem;
} /*
 * media queries below based on a container with the following utility classes:
 * md:w-2/3 md:pr-20 lg:pr-40 xl:w-3/4
 */ /* 520 - 660 */ /* 660 - 720 */ /* 720 - 820 */ /* 820 - 1000 */ /* 1000 - 1200 */ /* 1200 */ .circle-grid__item {
  width: calc(100% / 3);
} .circle-grid__item img {
    width: 100%;
  } @media (min-width: 32.5em) and (max-width: 41.249em) { .circle-grid__item {
    width: 25%
}
  } @media (min-width: 41.25em) and (max-width: 44.999em) { .circle-grid__item {
    max-width: 20%
}
  } @media (min-width: 45em) and (max-width: 51.249em) { .circle-grid__item {
    max-width: calc(100% / 3)
}
  } @media (min-width: 51.25em) and (max-width: 62.499em) { .circle-grid__item {
    max-width: 25%
}
  } @media (min-width: 62.5em) and (max-width: 74.999em) { .circle-grid__item {
    max-width: 20%
}
  } @media (min-width: 75em) { .circle-grid__item {
    max-width: calc(100% / 6)
}
  } /* display only 4 circles */ @media (min-width: 32.5em) and (max-width: 41.249em) {
    .circle-grid.-truncated .circle-grid__item:nth-child(4),
    .circle-grid.-truncated .circle-grid__item:nth-child(5) {
      display: none;
    }
  } /* display only 5 circles */ @media (min-width: 41.25em) and (max-width: 44.999em) {
    .circle-grid.-truncated .circle-grid__item:nth-child(5) {
      display: none;
    }
  } /* display only 3 circles */ @media (min-width: 45em) and (max-width: 51.249em) {
    .circle-grid.-truncated .circle-grid__item:nth-child(3),
    .circle-grid.-truncated .circle-grid__item:nth-child(4),
    .circle-grid.-truncated .circle-grid__item:nth-child(5) {
      display: none;
    }
  } /* display only 4 circles */ @media (min-width: 51.25em) and (max-width: 62.499em) {
    .circle-grid.-truncated .circle-grid__item:nth-child(4),
    .circle-grid.-truncated .circle-grid__item:nth-child(5) {
      display: none;
    }
  } /* display only 5 circles */ @media (min-width: 62.5em) and (max-width: 74.999em) {
    .circle-grid.-truncated .circle-grid__item:nth-child(5) {
      display: none;
    }
  }


/*# sourceMappingURL=circle-grid-ea2c4676.css.map*/