/*
 * TODO: better color names. some colors are repeated for ookla and speedtest,
 *       might  want to have a base colors less file and then have ookla and speedtest extend from that.
 */
[disabled] {
  opacity: 0.25;
  pointer-events: none;
}
[disabled]:hover {
  pointer-events: none;
}
.visually-hidden:not(:focus):not(:active):not(:focus-within) {
  height: 1px;
  overflow: hidden;
  width: 1px;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
.u-img-shadow {
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.33)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.33));
}
.u-img-glow {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.33)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.33));
}
.u-caps {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.u-uncaps {
  text-transform: none;
  letter-spacing: normal;
}
[style*="uppercase"] {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.u-number-giant {
  margin: 1rem 0;
}
.u-gap-wp {
  --wp--style--block-gap: var(--gap-wp);
}
.u-gap-sm {
  --wp--style--block-gap: var(--gap-sm);
}
.u-gap-md {
  --wp--style--block-gap: var(--gap-md);
}
.u-gap-wide {
  --wp--style--block-gap: var(--gap-wide);
}
.u-gap-big,
.u-gap-lg {
  --wp--style--block-gap: var(--gap-lg);
}
.u-gap-xl {
  --wp--style--block-gap: var(--gap-xl);
}
.u-gap-xxl {
  --wp--style--block-gap: var(--gap-xxl);
}
.u-subdued {
  color: var(--theme-fg-subdued);
}
.u-subtitle {
  margin-block-start: 0;
}
.u-inline-block {
  display: inline-block;
}
.u-panel {
  padding: 2rem 3.2rem;
  margin-bottom: var(--gap-lg);
  --panel-border-radius: var(--border-radius);
  border-radius: var(--panel-border-radius);
}
.u-panel-padded {
  padding: 3rem 4rem;
}
@media screen and (min-width: 48em) {
  .u-panel-padded {
    padding: 6rem 8rem;
  }
}
.u-panel-big {
  margin-top: var(--gap-lg);
  --panel-border-radius: calc(var(--font-base) * 2);
}
.u-panel-very-big {
  margin-top: var(--gap-lg);
  --panel-border-radius: calc(var(--font-base) * 4);
}
.u-shadow {
  --u-shadow-color: var(--ookla-black-black-rgb);
  box-shadow: 0 0 0.14rem rgba(var(--u-shadow-color), 0.021), 0 0 0.38rem rgba(var(--u-shadow-color), 0.03), 0 0 0.9rem rgba(var(--u-shadow-color), 0.039), 0 0 3rem rgba(var(--u-shadow-color), 0.06);
}
.u-panel-shadow {
  --u-shadow-color: var(--ookla-black-black-rgb);
  box-shadow: 0 0 0.14rem rgba(var(--u-shadow-color), 0.021), 0 0 0.38rem rgba(var(--u-shadow-color), 0.03), 0 0 0.9rem rgba(var(--u-shadow-color), 0.039), 0 0 3rem rgba(var(--u-shadow-color), 0.06);
  border-radius: var(--panel-border-radius);
  background-color: var(--theme-bg);
}
.u-panel-shadow-right {
  border-radius: var(--panel-border-radius);
  background-color: var(--theme-bg);
  position: relative;
  padding-left: 0.5rem;
  box-shadow: none;
}
.u-panel-shadow-right::after {
  content: "";
  --u-shadow-color: var(--ookla-black-black-rgb);
  box-shadow: 0 0 0.14rem rgba(var(--u-shadow-color), 0.021), 0 0 0.38rem rgba(var(--u-shadow-color), 0.03), 0 0 0.9rem rgba(var(--u-shadow-color), 0.039), 0 0 3rem rgba(var(--u-shadow-color), 0.06);
  border-radius: var(--panel-border-radius);
  background-color: var(--theme-bg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3rem;
  right: 0;
  z-index: -1;
}
.u-column-width-auto {
  flex-basis: auto;
  flex-grow: 1;
}
.u-no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.u-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.u-buttons-small {
  font-size: var(--theme-button-font-size, 1.2rem);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-radius: 10em;
}
.u-rounded {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.u-rounded-md {
  border-radius: calc(var(--font-base));
  overflow: hidden;
}
.u-rounded-lg {
  border-radius: calc(var(--font-base) * 2);
  overflow: hidden;
}
@media screen and (min-width: 35.5em) {
  .u-hide-sm {
    display: none;
  }
}
@media screen and (max-width: 35.5em) {
  .u-hide-sm-reverse {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  .u-hide-md {
    display: none !important;
  }
}
@media screen and (max-width: 48em) {
  .u-hide-md-reverse {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .u-hide-lg {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .u-hide-xl {
    display: none;
  }
}
@media screen and (min-width: 120em) {
  .u-hide-xxl {
    display: none;
  }
}
.u-nowrap-columns {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 48em) {
  .u-nowrap-columns-md {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 48em) {
  .u-wrap-columns-md {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 64em) {
  .u-nowrap-columns-lg {
    flex-wrap: nowrap !important;
  }
}
.u-section-xs > .wp-block-group__inner-container {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media screen and (min-width: 48em) {
  .u-section-xs > .wp-block-group__inner-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.u-section-sm > .wp-block-group__inner-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 48em) {
  .u-section-sm > .wp-block-group__inner-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.u-card > .wp-block-group__inner-container {
  padding: 38px 24px;
}
.u-section-2xl > .wp-block-group__inner-container {
  padding: 45px 120px;
}
.u-section-report {
  margin-bottom: 0;
}
.u-section-report > .wp-block-group__inner-container {
  padding-block: 2.5rem;
  padding: 2.5rem;
}
@media screen and (min-width: 48em) {
  .u-section-report > .wp-block-group__inner-container {
    padding-block: 4rem;
    padding: 2rem calc(var(--site-padding, 0) + 7.2rem);
  }
}
.u-section-report > .wp-block-group__inner-container > .wp-block-heading {
  margin-block-start: 4rem;
}
.u-section-report > .wp-block-group__inner-container > .wp-block-heading + p {
  margin-block-start: 2.2em;
}
.u-section-table > .wp-block-group__inner-container {
  max-width: calc(var(--site-width) + 90px);
  padding: 2rem 0;
}
@media screen and (min-width: 48em) {
  .u-section-table > .wp-block-group__inner-container {
    padding: 2rem 0;
  }
}
.u-panel-padded-short {
  --theme-fg: var(--ookla-darker-gray, #363636);
  --theme-header: var(--ookla-darker-gray, #363636);
}
@media screen and (min-width: 35.5em) {
  .u-panel-padded-short {
    max-width: calc(var(--site-width) * 0.5451);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media screen and (max-width: 35.5em) {
  .u-text-left--mobile {
    text-align: left !important;
  }
}
@media screen and (max-width: 35.5em) {
  .u-text-right--mobile {
    text-align: right !important;
  }
}
/* Text gradients. */
/* TODO: Confirm working ok on all blocks. */
:where(.u-text-gradient-fun):not(.wp-block-button) {
  background: var(--text-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--webkit-text-fill-color, transparent);
  --text-gradient: var(--ookla-gradient-fun);
}
:where(.u-text-gradient-light-fun):not(.wp-block-button) {
  background: var(--text-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--webkit-text-fill-color, transparent);
  --text-gradient: var(--ookla-gradient-light-fun);
}
:where(.u-text-gradient-company):not(.wp-block-button) {
  background: var(--text-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--webkit-text-fill-color, transparent);
  --text-gradient: var(--theme-gradient-company);
}
.u-gradient-text {
  background: var(--text-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--webkit-text-fill-color, transparent);
}
.content-img {
  display: block;
  padding: 2rem 3.2rem;
  margin-bottom: var(--gap-lg);
  --panel-border-radius: var(--border-radius);
  --u-shadow-color: var(--ookla-black-black-rgb);
  box-shadow: 0 0 0.14rem rgba(var(--u-shadow-color), 0.021), 0 0 0.38rem rgba(var(--u-shadow-color), 0.03), 0 0 0.9rem rgba(var(--u-shadow-color), 0.039), 0 0 3rem rgba(var(--u-shadow-color), 0.06);
  border-radius: var(--panel-border-radius);
  background-color: var(--theme-bg);
  padding: 2.5rem;
}
.content-img:not(.alignleft, .alignright, .aligncenter) {
  margin-top: 3em;
  margin-bottom: 3em;
}
.content-img.no-frame {
  padding: 0;
  border-radius: 0;
}
.content-img.no-shadow {
  box-shadow: none;
}
.content-img.no-background {
  background-color: transparent;
}
.content-img.plain {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
:where(.entry-content) > .wp-block-group {
  padding-block: 1rem;
}
@media screen and (min-width: 48em) {
  :where(.entry-content) > .wp-block-group {
    padding-block: 2rem;
  }
}
:where(.entry-content) > .wp-block-group-big {
  padding-block: 4rem;
}
@media screen and (min-width: 48em) {
  :where(.entry-content) > .wp-block-group-big {
    padding-block: 8rem;
  }
}
:where(.entry-content) > .wp-block-group:last-child {
  padding-bottom: 4rem;
}
@media screen and (min-width: 48em) {
  :where(.entry-content) > .wp-block-group:last-child {
    padding-bottom: 8rem;
  }
}
.wp-block-group-no {
  padding-block: 0;
}
.wp-block-group-sm {
  padding-block: 0.5rem;
}
.wp-block-group-md,
.wp-block-group-default {
  padding-block: 1rem;
}
.wp-block-group-lg {
  padding-block: 1.5rem;
}
.wp-block-group-xl {
  padding-block: 2.5rem;
}
.wp-block-group-xxl,
.wp-block-group-big {
  padding-block: 4rem;
}
.wp-block-group-xxxl {
  padding-block: 6.5rem;
}
@media screen and (min-width: 48em) {
  .wp-block-group-sm {
    padding-block: 1rem;
  }
  .wp-block-group-md,
  .wp-block-group-default {
    padding-block: 2rem;
  }
  .wp-block-group-lg {
    padding-block: 3rem;
  }
  .wp-block-group-xl {
    padding-block: 5rem;
  }
  .wp-block-group-xxl,
  .wp-block-group-big {
    padding-block: 8rem;
  }
  .wp-block-group-xxxl {
    padding-block: 13rem;
  }
}
.wp-block-group-no-bottom {
  padding-bottom: 0;
}
.wp-block-group-no-top {
  padding-top: 0;
}
.wp-block-group-sm-bottom {
  padding-bottom: 0.5rem;
}
.wp-block-group-sm-top {
  padding-top: 0.5rem;
}
.wp-block-group-default-bottom,
.wp-block-group-md-bottom {
  padding-bottom: 1rem;
}
.wp-block-group-default-top,
.wp-block-group-md-top {
  padding-top: 1rem;
}
.wp-block-group-lg-bottom {
  padding-bottom: 1.5rem;
}
.wp-block-group-lg-top {
  padding-top: 1.5rem;
}
.wp-block-group-xl-bottom {
  padding-bottom: 2.5rem;
}
.wp-block-group-xl-top {
  padding-top: 2.5rem;
}
.wp-block-group-big-bottom,
.wp-block-group-xxl-bottom {
  padding-bottom: 4rem;
}
.wp-block-group-big-top,
.wp-block-group-xxl-top {
  padding-top: 4rem;
}
.wp-block-group-xxxl-bottom {
  padding-bottom: 6.5rem;
}
.wp-block-group-xxxl-top {
  padding-top: 6.5rem;
}
@media screen and (min-width: 48em) {
  .wp-block-group-sm-bottom {
    padding-bottom: 1rem;
  }
  .wp-block-group-sm-top {
    padding-top: 1rem;
  }
  .wp-block-group-default-bottom,
  .wp-block-group-md-bottom {
    padding-bottom: 2rem;
  }
  .wp-block-group-default-top,
  .wp-block-group-md-top {
    padding-top: 2rem;
  }
  .wp-block-group-lg-bottom {
    padding-bottom: 3rem;
  }
  .wp-block-group-lg-top {
    padding-top: 3rem;
  }
  .wp-block-group-xl-bottom {
    padding-bottom: 5rem;
  }
  .wp-block-group-xl-top {
    padding-top: 5rem;
  }
  .wp-block-group-big-bottom,
  .wp-block-group-xxl-bottom {
    padding-bottom: 8rem;
  }
  .wp-block-group-big-top,
  .wp-block-group-xxl-top {
    padding-top: 8rem;
  }
  .wp-block-group-xxxl-bottom {
    padding-bottom: 13rem;
  }
  .wp-block-group-xxxl-top {
    padding-top: 13rem;
  }
}
:where(.crop-bottom-sm) figure {
  overflow: hidden;
}
:where(.crop-bottom-sm) img {
  margin-bottom: -0.5rem;
}
:where(.crop-top-sm) figure {
  overflow: hidden;
}
:where(.crop-top-sm) img {
  margin-top: -0.5rem;
}
:where(.crop-bottom-md) figure {
  overflow: hidden;
}
:where(.crop-bottom-md) img {
  margin-bottom: -1rem;
}
:where(.crop-top-md) figure {
  overflow: hidden;
}
:where(.crop-top-md) img {
  margin-top: -1rem;
}
:where(.crop-bottom-lg) figure {
  overflow: hidden;
}
:where(.crop-bottom-lg) img {
  margin-bottom: -1.5rem;
}
:where(.crop-top-lg) figure {
  overflow: hidden;
}
:where(.crop-top-lg) img {
  margin-top: -1.5rem;
}
:where(.crop-bottom-xl) figure {
  overflow: hidden;
}
:where(.crop-bottom-xl) img {
  margin-bottom: -2.5rem;
}
:where(.crop-top-xl) figure {
  overflow: hidden;
}
:where(.crop-top-xl) img {
  margin-top: -2.5rem;
}
:where(.crop-bottom-xxl) figure {
  overflow: hidden;
}
:where(.crop-bottom-xxl) img {
  margin-bottom: -4rem;
}
:where(.crop-top-xxl) figure {
  overflow: hidden;
}
:where(.crop-top-xxl) img {
  margin-top: -4rem;
}
:where(.crop-bottom-xxxl) figure {
  overflow: hidden;
}
:where(.crop-bottom-xxxl) img {
  margin-bottom: -6.5rem;
}
:where(.crop-top-xxxl) figure {
  overflow: hidden;
}
:where(.crop-top-xxxl) img {
  margin-top: -6.5rem;
}
@media screen and (min-width: 48em) {
  :where(.crop-bottom-sm) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-sm) img {
    margin-bottom: -1rem;
  }
  :where(.crop-top-sm) figure {
    overflow: hidden;
  }
  :where(.crop-top-sm) img {
    margin-top: -1rem;
  }
  :where(.crop-bottom-md) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-md) img {
    margin-bottom: -2rem;
  }
  :where(.crop-top-md) figure {
    overflow: hidden;
  }
  :where(.crop-top-md) img {
    margin-top: -2rem;
  }
  :where(.crop-bottom-lg) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-lg) img {
    margin-bottom: -3rem;
  }
  :where(.crop-top-lg) figure {
    overflow: hidden;
  }
  :where(.crop-top-lg) img {
    margin-top: -3rem;
  }
  :where(.crop-bottom-xl) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-xl) img {
    margin-bottom: -5rem;
  }
  :where(.crop-top-xl) figure {
    overflow: hidden;
  }
  :where(.crop-top-xl) img {
    margin-top: -5rem;
  }
  :where(.crop-bottom-xxl) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-xxl) img {
    margin-bottom: -8rem;
  }
  :where(.crop-top-xxl) figure {
    overflow: hidden;
  }
  :where(.crop-top-xxl) img {
    margin-top: -8rem;
  }
  :where(.crop-bottom-xxxl) figure {
    overflow: hidden;
  }
  :where(.crop-bottom-xxxl) img {
    margin-bottom: -13rem;
  }
  :where(.crop-top-xxxl) figure {
    overflow: hidden;
  }
  :where(.crop-top-xxxl) img {
    margin-top: -13rem;
  }
}
.author-picture {
  object-fit: cover;
  margin-bottom: 1.5em;
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
}
@media screen and (min-width: 48em) {
  .author-picture {
    width: 8rem;
    height: 8rem;
    border-radius: 8rem;
  }
}
.author-picture-large {
  object-fit: cover;
  margin-bottom: 1.5em;
  width: 10rem;
  height: 10rem;
  border-radius: 10rem;
}
@media screen and (min-width: 35.5em) {
  .author-picture-large {
    width: 12rem;
    height: 12rem;
    border-radius: 12rem;
  }
}
@media screen and (min-width: 48em) {
  .author-picture-large {
    width: 16rem;
    height: 16rem;
    border-radius: 16rem;
  }
}
.has-normal-font-size,
.has-regular-font-size {
  font-size: var(--wp--preset--font-size--normal);
  line-height: var(--wp--preset--line-height--normal);
}
.has-huge-font-size {
  font-size: var(--wp--preset--font-size--huge);
  line-height: var(--wp--preset--line-height--huge);
}
.has-extrasmall-2-font-size {
  font-size: var(--wp--preset--font-size--extrasmall-2);
  line-height: var(--wp--preset--line-height--extrasmall-2);
}
.has-extrasmall-font-size {
  font-size: var(--wp--preset--font-size--extrasmall);
  line-height: var(--wp--preset--line-height--extrasmall);
}
.has-smaller-font-size {
  font-size: var(--wp--preset--font-size--smaller);
  line-height: var(--wp--preset--line-height--smaller);
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--preset--line-height--small);
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium);
  line-height: var(--wp--preset--line-height--medium);
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--preset--line-height--large);
}
.has-large-title-font-size {
  font-size: var(--wp--preset--font-size--large-title);
  line-height: var(--wp--preset--line-height--large-title);
}
.has-larger-font-size {
  font-size: var(--wp--preset--font-size--larger);
  line-height: var(--wp--preset--line-height--larger);
}
.has-extralarge-font-size {
  font-size: var(--wp--preset--font-size--extralarge);
  line-height: var(--wp--preset--line-height--extralarge);
}
.has-extralarge-2-font-size {
  font-size: var(--wp--preset--font-size--extralarge-2);
  line-height: var(--wp--preset--line-height--extralarge-2);
  letter-spacing: -0.01em;
}
.has-header-font-family {
  font-family: var(--wp--preset--font-family--header);
}
.has-base-font-family {
  font-family: var(--wp--preset--font-family--base);
}
.wp-block-ookla-subscribe-cta {
  padding: 8rem var(--gap);
  background-color: var(--theme-bg);
  color: var(--theme-fg);
  border-top: 1px solid var(--theme-border-color, transparent);
}
.wp-block-ookla-subscribe-cta__inner-container {
  max-width: fit-content;
  margin: auto;
  padding: 0 3rem;
}
@media screen and (min-width: 48em) {
  .wp-block-ookla-subscribe-cta__inner-container {
    max-width: 65rem;
  }
}
.wp-block-ookla-subscribe-cta .wp-block-heading {
  font-size: 3.4rem;
  line-height: 1.2352;
}
.wp-block-ookla-subscribe-cta .generic-form {
  margin: 0 auto;
  max-width: 51rem;
}
.wp-block-ookla-subscribe-cta .generic-form .hbspt-form .hs-form-private {
  display: flex;
  flex-direction: var(--form-direction);
  gap: var(--form-gap);
  align-items: center;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-form-field {
  width: 100%;
  margin: 0;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-form-field label {
  margin: 0;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-form-field input {
  border-radius: 0;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-form-field .input {
  height: 100%;
  border-radius: var(--theme-input-radius);
  overflow: hidden;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-form-field .hs-input {
  height: 5.3rem;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-submit {
  margin: 0;
  width: 100%;
}
.wp-block-ookla-subscribe-cta .generic-form .hs-submit input[type="submit"] {
  font-weight: 600;
  line-height: 1.7;
  border-color: var(--theme-button-border);
  padding: 0.8rem 2.6rem;
  min-width: var(--form-submit-size);
  border-radius: var(--theme-button-radius);
}

/*# sourceMappingURL=style.css.map */