/**
 * Mixin for fluid type.
 * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:host {
  display: block;
}
.hy-link-list {
  margin-bottom: 32px;
}
.hy-link-list__links {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 30rem) {
  .hy-link-list__links--grid {
    gap: 16px 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 60rem) {
  .without-sidebar .hy-link-list__links--grid.col-3 {
    gap: 16px 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 75.0625rem) {
  .without-sidebar .hy-link-list__links--grid.col-3 {
    gap: 16px 32px;
  }
}
@media (min-width: 60rem) {
  .without-sidebar .hy-link-list__links--grid.col-4 {
    gap: 16px 24px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 75.0625rem) {
  .without-sidebar .hy-link-list__links--grid.col-4 {
    gap: 16px 32px;
  }
}
@media (min-width: 75.0625rem) {
  .with-sidebar .hy-link-list__links--grid.col-3 {
    gap: 16px 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1601px) {
  .with-sidebar .hy-link-list__links--grid.col-3 {
    gap: 16px 32px;
  }
}
@media (min-width: 75.0625rem) {
  .with-sidebar .hy-link-list__links--grid.col-4 {
    gap: 16px 24px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1601px) {
  .with-sidebar .hy-link-list__links--grid.col-4 {
    gap: 16px 32px;
  }
}
.hy-link-list__title {
  font-weight: 700;
  font-family: var(--main-font-family);
  margin: 0 0 32px;
  color: var(--brand-main-nearly-black);
}
.is-content-page h2.hy-link-list__title {
  font-size: 1.625rem;
  line-height: 32px;
  letter-spacing: -0.82px;
}
@media (min-width: 30rem) {
  .is-content-page h2.hy-link-list__title {
    font-size: 1.875rem;
    line-height: 36px;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 75.0625rem) {
  .without-sidebar .is-content-page h2.hy-link-list__title {
    font-size: 2.125rem;
    line-height: 40px;
    letter-spacing: -0.68px;
  }
}
@media (min-width: 1601px) {
  .with-sidebar .is-content-page h2.hy-link-list__title {
    font-size: 2.125rem;
    line-height: 40px;
    letter-spacing: -0.68px;
  }
}
.is-front-page h2.hy-link-list__title, .is-landing-page h2.hy-link-list__title {
  font-size: 1.75rem;
  line-height: 32px;
  letter-spacing: -0.7px;
}
@media (min-width: 30rem) {
  .is-front-page h2.hy-link-list__title, .is-landing-page h2.hy-link-list__title {
    font-size: 2.125rem;
    line-height: 40px;
    letter-spacing: -0.85px;
  }
}
@media (min-width: 75.0625rem) {
  .without-sidebar .is-front-page h2.hy-link-list__title, .without-sidebar .is-landing-page h2.hy-link-list__title {
    font-size: 2.625rem;
    line-height: 48px;
    letter-spacing: -1.05px;
  }
}
@media (min-width: 1601px) {
  .with-sidebar .is-front-page h2.hy-link-list__title, .with-sidebar .is-landing-page h2.hy-link-list__title {
    font-size: 2.625rem;
    line-height: 48px;
    letter-spacing: -1.05px;
  }
}
.hy-two-columns h2.hy-link-list__title {
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -0.45px;
  margin-bottom: 16px;
  text-transform: none;
}
@media (min-width: 75.0625rem) {
  .without-sidebar .hy-two-columns h2.hy-link-list__title {
    font-size: 1.25rem;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1601px) {
  .with-sidebar .hy-two-columns h2.hy-link-list__title {
    font-size: 1.25rem;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
.is-content-page h3.hy-link-list__title {
  color: var(--ds-palette-black-95);
  font-family: var(--ds-fontFamily-heading);
  font-size: var(--ds-fontSize-20);
  font-weight: var(--ds-fontWeight-semiboldPlus);
  letter-spacing: var(--ds-letterSpacing-normal);
  line-height: 28px;
  -ms-hyphens: auto;
  hyphens: auto;
  text-transform: none;
  text-wrap: balance;
}
@media (min-width: 60rem) {
  .is-content-page h3.hy-link-list__title {
    font-size: var(--ds-fontSize-24);
    line-height: 24px;
  }
}
.is-front-page h3.hy-link-list__title, .is-landing-page h3.hy-link-list__title {
  color: var(--ds-palette-black-95);
  font-family: var(--ds-fontFamily-heading);
  font-size: var(--ds-fontSize-24);
  font-weight: var(--ds-fontWeight-bold);
  letter-spacing: var(--ds-letterSpacing-normal);
  line-height: 28px;
  -ms-hyphens: auto;
  hyphens: auto;
  text-transform: none;
  text-wrap: balance;
  /* TODO: Find out if sidebar should still be taken into account */
  /* .without-sidebar & {
    @include breakpoint($extrawide) {
      @include font-size(34px, 40px);
      letter-spacing: -0.68px;
    }
  }

  .with-sidebar & {
    @include breakpoint($xlarge) {
      @include font-size(34px, 40px);
      letter-spacing: -0.68px;
    }
  } */
}
@media (min-width: 60rem) {
  .is-front-page h3.hy-link-list__title, .is-landing-page h3.hy-link-list__title {
    font-size: var(--ds-fontSize-32);
    font-weight: var(--ds-fontWeight-semiboldPlus);
    letter-spacing: var(--ds-letterSpacing-tight);
    line-height: 36px;
  }
}
.hy-two-columns h3.hy-link-list__title {
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -0.45px;
  margin-bottom: 16px;
  text-transform: none;
}
@media (min-width: 75.0625rem) {
  .without-sidebar .hy-two-columns h3.hy-link-list__title {
    font-size: 1.25rem;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1601px) {
  .with-sidebar .hy-two-columns h3.hy-link-list__title {
    font-size: 1.25rem;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}