.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;

  /* Grid layout */
  --grid-layout-gap: 32px;

  display: grid;
  gap: var(--grid-layout-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

.hs-content-library__image {
  box-sizing: border-box;
  padding: 24px;
}

.hs-content-library__image img,
.hs-content-library__image svg {
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
}

.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;
}

/* Cards layout – no borders */
.hs-content-library--cards .hs-content-library__card {
  border: none;
  background-color: #fff;
}

.hs-content-library--cards .hs-content-library__image {
  border: none;
}

.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;
  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 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .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 {
    grid-template-columns: 1fr;
  }

  .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-svg: calc(var(--blue-svg-tertiary) + 66);

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

.hs-default-svg-C3B1A2-fill {
  --red-svg: calc(var(--red-svg-secondary) + 80);
  --green-svg: calc(var(--green-svg-secondary) + 99);
  --blue-svg: calc(var(--blue-svg-secondary) + 108);

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

.hs-default-svg-829F74-fill {
  --red-svg: calc(var(--red-svg-primary) + 49);
  --green-svg: calc(var(--green-svg-primary) + 56);
  --blue-svg: calc(var(--blue-svg-primary) + 45);

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

.hs-default-svg-9DB492-fill {
  --red-svg: calc(var(--red-svg-primary) + 76);
  --green-svg: calc(var(--green-svg-primary) + 77);
  --blue-svg: calc(var(--blue-svg-primary) + 75);

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

.hs-default-svg-B8C9B1-fill {
  --red-svg: calc(var(--red-svg-primary) + 103);
  --green-svg: calc(var(--green-svg-primary) + 98);
  --blue-svg: calc(var(--blue-svg-primary) + 106);

  fill: r