.hs-content-library {
  --title-font-size: 1.5rem;

  /* Increase featured font size proportionally by 1/3 ex. 24px -> 32px  */
  --featured-title-font-size: calc(var(--title-font-size) * 1.33333333);
  --description-font-size: 1rem;

  /* Increase featured font size proportionally by 1/8 ex. 16px -> 18px  */
  --featured-description-font-size: calc(var(--description-font-size) * 1.125);
  --description-line-height: 1.375;

  /* Sets up calculations so grid elements wrap at a minimum size, and stretch to maintain column count */
  --grid-layout-gap: 32px;
  --grid-column-count: 3;
  --grid-item--min-width: 311px;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-gap: var(--grid-layout-gap);
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
}

.hs-content-library__card {
  box-sizing: border-box;
  min-height: 100px;
  padding: 16px;
  line-height: var(--description-line-height);
}

/* Modified section for image resizing */
.hs-content-library__image {
  box-sizing: border-box;
  padding: 24px;
  max-width: 100%; /* Added to limit image size */
}

.hs-content-library__image img,
.hs-content-library__image svg {
  height: auto;
  max-width: 100%; /* Ensures the image doesn't exceed its container's width */
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
  width: auto; /* Enables dynamic sizing */
}

.hs-content-library__title {
  margin: 0.5rem 0;
  font-size: var(--title-font-size);
}

.hs-content-library__description {
  font-size: var(--description-font-size);
}

.hs-content-library__image--custom {
  padding: 0;
}

.hs-content-library__image--custom img {
  -o-object-fit: cover;
  object-fit: cover;
}

.hs-content-library__card--featured {
  display: flex;
  max-width: initial;
  align-items: center;
  grid-column: 1/-1;
  gap: 16px;
}

.hs-content-library__card--featured .hs-content-library__image {
  flex: 1 1 50%;
  background-color: #ebe5e0;
}

.hs-content-library__card--featured .hs-content-library__image img,
.hs-content-library__card--featured .hs-content-library__image svg {
  aspect-ratio: 4/3;
}

.hs-content-library--cards .hs-content-library__card {
  border: 1px solid #ccc;
  background-color: #fff;
}

.hs-content-library--cards .hs-content-library__image {
  border: 1px solid #ccc;
}

.hs-content-library--tiles .hs-content-library__image {
  background-color: #fff;
}

.hs-content-library--tiles .hs-content-library__card:not(.hs-content-library__card--featured) {
  padding: 0;
}

.hs-content-library--minimal .hs-content-library__card:not(.hs-content-library__card--featured) {
  display: flex;
  padding: 0;
  flex: 4 1 calc(33% - var(--grid-layout-gap));
  background-color: transparent;
  gap: 16px;
}

.hs-content-library--minimal .hs-content-library__card:not(.hs-content-library__card--featured) .hs-content-library__image {
  padding: 0;
}

.hs-content-library--minimal .hs-content-library__card:not(.hs-content-library__card--featured) .hs-content-library__image img,
.hs-content-library--minimal .hs-content-library__card:not(.hs-content-library__card--featured) .hs-content-library__image svg {
  height: 72px;
  width: 72px;
  padding: 8px;
  margin-top: 6px;
  background-color: #fff;
}

.hs-content-library--minimal .hs-content-library__card:not(.hs-content-library__card--featured) .hs-content-library__title {
  margin-top: 0;
}

@media only screen and (max-width: 1025px) {
  .hs-content-library__card--featured {
    flex-basis: calc(100% - var(--grid-layout-gap));
  }

  .hs-content-library__card--featured .hs-content-library__image {
    flex: 1 1 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hs-content-library__image img,
  .hs-content-library__image svg {
    max-height: 200px;
  }

  .hs-content-library__title,
  .hs-content-library__description {
    margin: 0.5rem 0;
  }

  .hs-content-library__description {
    font-size: 0.875rem;
  }
}

/* Styles from here down are generated by a script with color shifts included */
.hs-default-svg-BABDCF-fill {
  --red-svg: calc(var(--red-svg-tertiary) + 51);
  --green-svg: calc(var(--green-svg-tertiary) + 49);
  --blue-svg: calc(var(--blue-svg-tertiary) + 36);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-516747-fill {
  fill: rgb(var(--red-svg-primary), var(--green-svg-primary), var(--blue-svg-primary));
}

.hs-default-svg-516747-stroke {
  stroke: rgb(var(--red-svg-primary), var(--green-svg-primary), var(--blue-svg-primary));
}

.hs-default-svg-D7D9E3-fill {
  --red-svg: calc(var(--red-svg-tertiary) + 80);
  --green-svg: calc(var(--green-svg-tertiary) + 77);
  --blue-svg: calc(var(--blue-svg-tertiary) + 56);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-D7D9E3-stroke {
  --red-svg: calc(var(--red-svg-tertiary) + 80);
  --green-svg: calc(var(--green-svg-tertiary) + 77);
  --blue-svg: calc(var(--blue-svg-tertiary) + 56);

  stroke: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-734E36-fill {
  fill: rgb(var(--red-svg-secondary), var(--green-svg-secondary), var(--blue-svg-secondary));
}

.hs-default-svg-734E36-stroke {
  stroke: rgb(var(--red-svg-secondary), var(--green-svg-secondary), var(--blue-svg-secondary));
}

.hs-default-svg-D7CBC1-fill {
  --red-svg: calc(var(--red-svg-secondary) + 100);
  --green-svg: calc(var(--green-svg-secondary) + 125);
  --blue-svg: calc(var(--blue-svg-secondary) + 139);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-D7CBC1-stroke {
  --red-svg: calc(var(--red-svg-secondary) + 100);
  --green-svg: calc(var(--green-svg-secondary) + 125);
  --blue-svg: calc(var(--blue-svg-secondary) + 139);

  stroke: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-F4F0EC-fill {
  --red-svg: calc(var(--red-svg-secondary) + 129);
  --green-svg: calc(var(--green-svg-secondary) + 162);
  --blue-svg: calc(var(--blue-svg-secondary) + 182);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-68855C-fill {
  --red-svg: calc(var(--red-svg-primary) + 23);
  --green-svg: calc(var(--green-svg-primary) + 30);
  --blue-svg: calc(var(--blue-svg-primary) + 21);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-878CAB-fill {
  fill: rgb(var(--red-svg-tertiary), var(--green-svg-tertiary), var(--blue-svg-tertiary));
}

.hs-default-svg-C9CCD9-fill {
  --red-svg: calc(var(--red-svg-tertiary) + 66);
  --green-svg: calc(var(--green-svg-tertiary) + 64);
  --blue-svg: calc(var(--blue-svg-tertiary) + 46);

  fill: rgb(var(--red-svg), var(--green-svg), var(--blue-svg));
}

.hs-default-svg-E7E8ED-fill {
  --red-svg: calc(var(--red-svg-tertiary) + 96);
  --green-svg: calc(var(--green-svg-tertiary) + 92);
  --blue