:root {
  --sans: "Barlow", sans-serif;
  --serif: "Alfa Slab One", serif;
  --midnight-shield-190: #04040a;
  --midnight-shield-180: #070913;
  --midnight-shield-160: #0e1227;
  --midnight-shield-140: #161b3a;
  --midnight-shield-120: #1d244e;
  --midnight-shield-110: #202957;
  --midnight-shield: #242d61;
  --midnight-shield-90: #3a4271;
  --midnight-shield-80: #505781;
  --midnight-shield-60: #7c81a0;
  --midnight-shield-40: #a7abc0;
  --midnight-shield-20: #d3d5df;
  --midnight-shield-10: #e9eaef;
  --digital-emerald: #65d78d;
  --data-breeze: #69e3ee;
  --cyber-sky: #236df6;
  --neon-vault: #e44b83;
  --secure-amethyst: #9541dc;
  --amber-guard: #fa9414;
  --platinum-defense: #d4d6d1;
  --black: #000000;
  --white: #ffffff;
  --dark: var(--midnight-shield);
  --primary: var(--secure-amethyst);
  --heading: var(--midnight-shield);
  --body: var(--black);
  --body-alt: var(--midnight-shield-80);
  --background: var(--white);
  --background-alt: var(--midnight-shield-10);
  --body-inverse: var(--midnight-shield-20);
  --body-alt-inverse: var(--midnight-shield-40);
  --heading-inverse: var(--white);
  --background-inverse: var(--midnight-shield);
  --border: var(--midnight-shield-60);
  --border-alt: var(--midnight-shield-20);
  --danger: var(--neon-vault);
  --warning: var(--amber-guard);
  --success: var(--digital-emerald);
  --info: var(--data-breeze);
  --header: var(--white);
  --header-background: var(--midnight-shield);
  --accent: var(--cyber-sky);
  /*@media (prefers-color-scheme: dark) {
      --primary: var(--digital-emerald);
      --body: var(--midnight-shield-20);
      --body-alt: var(--midnight-shield-40);
      --background: var(--midnight-shield-180);
      --background-alt: var(--midnight-shield-160);
      --heading: var(--white);
      --border: var(--midnight-shield-60);
      --border-alt: var(--midnight-shield-140);
      --accent: var(--data-breeze);
      --body-inverse: var(--black);
      --body-alt-inverse: var(--midnight-shield-80);
      --heading-inverse: var(--midnight-shield);
      --background-inverse: var(--white);
  }*/
}

.stretched-link, .webpage-item, .page-content .adv-download,
.page-intro .adv-download, .content-item, .our-bloggers .blogger-list .blogger {
  position: relative;
}
.stretched-link a:not(.content-badge):after, .webpage-item a:not(.content-badge):after, .page-content .adv-download a:not(.content-badge):after,
.page-intro .adv-download a:not(.content-badge):after, .content-item a:not(.content-badge):after, .our-bloggers .blogger-list .blogger a:not(.content-badge):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stretched-link a:not(.content-badge):focus, .webpage-item a:not(.content-badge):focus, .page-content .adv-download a:not(.content-badge):focus,
.page-intro .adv-download a:not(.content-badge):focus, .content-item a:not(.content-badge):focus, .our-bloggers .blogger-list .blogger a:not(.content-badge):focus {
  outline: none;
}
a:focus, input:focus,
button:focus,
select:focus, .stretched-link a:not(.content-badge):focus:after, .webpage-item a:not(.content-badge):focus:after, .page-content .adv-download a:not(.content-badge):focus:after,
.page-intro .adv-download a:not(.content-badge):focus:after, .content-item a:not(.content-badge):focus:after, .our-bloggers .blogger-list .blogger a:not(.content-badge):focus:after {
  outline: 0.125rem solid var(--primary);
  outline-offset: 0.125rem;
}

.author {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.author .author-image {
  width: 4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  flex: 0 0;
  filter: grayscale(100%);
  object-fit: contain;
  align-self: flex-start;
}
.author .author-info {
  display: flex;
  flex-direction: column;
}
.author .author-info .author-name {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.author .author-info .author-name a {
  /*color: $body;*/
  position: relative;
}
.author .author-info .author-title {
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 400;
  margin: 0.25rem 0 0;
  color: var(--body-alt);
}
.author .author-info .author-contacts {
  margin: 0.5rem 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.author .author-info .author-contacts li {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1.25;
}
.author .author-info .author-contacts li a {
  position: relative;
  color: var(--body);
}

.breadcrumb {
  margin: 0;
  padding: 1rem 0;
  background: var(--midnight-shield-120);
  font-size: 0.8rem;
  line-height: 1.25;
  color: var(--white);
}
.breadcrumb a {
  color: var(--digital-emerald);
}

.our-bloggers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.our-bloggers .our-bloggers-title {
  margin: 0;
}
.our-bloggers .blogger-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.our-bloggers .blogger-list .blogger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.our-bloggers .blogger-list .blogger .blogger-img {
  width: 2.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  flex: 0 0;
}
.our-bloggers .blogger-list .blogger .blogger-name {
  flex: 1 0;
  margin: 0;
}
.our-bloggers .blogger-list .blogger .blogger-name a {
  color: var(--body);
}

.content-badge {
  padding: 0.25rem 0.5rem;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  background: var(--primary);
  color: var(--background);
  position: relative;
  text-decoration: none;
  border-radius: 0.25rem;
}
.content-badge.content-badge-news {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-badge.content-badge-news:focus {
  outline-color: var(--midnight-shield);
}
.content-badge.content-badge-topics {
  background: var(--data-breeze);
  color: var(--black);
}
.content-badge.content-badge-topics:focus {
  outline-color: var(--data-breeze);
}
.content-badge.content-badge-features {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-badge.content-badge-features:focus {
  outline-color: var(--cyber-sky);
}
.content-badge.content-badge-webinars {
  background: var(--digital-emerald);
  color: var(--black);
}
.content-badge.content-badge-webinars:focus {
  outline-color: var(--digital-emerald);
}
.content-badge.content-badge-whitepapers {
  background: var(--data-breeze);
  color: var(--black);
}
.content-badge.content-badge-whitepapers:focus {
  outline-color: var(--data-breeze);
}
.content-badge.content-badge-events {
  background: var(--digital-emerald);
  color: var(--black);
}
.content-badge.content-badge-events:focus {
  outline-color: var(--digital-emerald);
}
.content-badge.content-badge-directory {
  background: var(--platinum-defense);
  color: var(--black);
}
.content-badge.content-badge-directory:focus {
  outline-color: var(--platinum-defense);
}
.content-badge.content-badge-profiles {
  background: var(--secure-amethyst);
  color: var(--white);
}
.content-badge.content-badge-profiles:focus {
  outline-color: var(--secure-amethyst);
}
.content-badge.content-badge-digital-editions {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-badge.content-badge-digital-editions:focus {
  outline-color: var(--midnight-shield);
}
.content-badge.content-badge-podcasts {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-badge.content-badge-podcasts:focus {
  outline-color: var(--cyber-sky);
}
.content-badge.content-badge-infosec {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-badge.content-badge-infosec:focus {
  outline-color: var(--midnight-shield);
}
.content-badge.content-badge-nextgen {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-badge.content-badge-nextgen:focus {
  outline-color: var(--cyber-sky);
}

.content-item {
  background: var(--background);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  /*&.content-blank {
      background: $background;
      align-items: start;

      .content-thumb,
      .content-ranking,
      .content-calendar {
          align-self: start;
      }

      .content-info {
          //padding: 0 1rem;
      }

      .content-teaser {
          //padding: 0 1rem;
      }

      &.content-sm {
          .content-info {
              padding: 0 1rem;
          }

          .content-teaser {
              padding: 0;
          }
      }
  }*/
}
.content-item .content-thumb {
  display: block;
  width: 100%;
  background: var(--background);
  object-fit: cover;
  aspect-ratio: 16/9;
  flex: 0 0 auto;
}
.content-item .calendar-date {
  display: none;
}
.content-item .content-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-right: auto;
}
.content-item .content-info .content-meta {
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  align-items: center;
  gap: 0.5rem;
  color: var(--body-alt);
  order: 0;
  flex-wrap: wrap;
}
.content-item .content-info .content-meta .content-badge {
  order: 0;
}
.content-item .content-info .content-meta :empty {
  display: none;
}
.content-item .content-info .content-headline {
  margin: 0;
  font-size: 1.5625rem;
  color: var(--heading);
  order: 1;
}
.content-item .content-info .content-headline a {
  color: inherit;
  /*&:hover, &:focus {
      color: $primary;
  }*/
}
.content-item .content-info .content-headline a:hover {
  text-decoration: underline;
}
.content-item .content-info + .content-teaser {
  padding-top: 0;
}
.content-item .content-teaser {
  margin: 0;
  font-size: 1rem;
  margin-right: auto;
  order: 2;
}
.content-item.content-md .content-headline {
  font-size: 1rem;
}
.content-item.content-sm {
  flex-direction: row-reverse;
  align-items: start;
}
.content-item.content-sm .content-info .content-headline {
  font-size: 1rem;
}
.content-item.content-sm .content-thumb {
  width: 7.5rem;
  flex: 0 0 7.5rem;
  align-self: stretch;
  aspect-ratio: 1/1;
}
.content-item.content-sm .content-calendar {
  display: flex;
  width: 7.5rem;
  flex: 0 0 7.5rem;
  align-self: stretch;
  flex-direction: column;
  background: var(--background);
  border: 1px solid var(--background-alt);
  align-items: center;
  justify-content: center;
  line-height: 1;
  gap: 0.25rem;
  aspect-ratio: 1/1;
}
.content-item.content-sm .content-calendar .content-calendar-day {
  font-size: 2.44140625rem;
  color: var(--primary);
  font-weight: 700;
  padding: 0 1rem;
}
.content-item.content-sm .content-calendar .content-calendar-month {
  font-size: 1rem;
  font-weight: 600;
  padding: 0 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.content-item.content-sm .content-ranking {
  display: flex;
  width: 6rem;
  flex: 0 0 6rem;
  align-self: stretch;
  flex-direction: column;
  background: var(--background);
  border: 1px solid var(--border-alt);
  align-items: center;
  justify-content: center;
  line-height: 1;
  aspect-ratio: 1/1;
  font-family: var(--serif);
  font-size: 3.0517578125rem;
  color: var(--primary);
  font-weight: 400;
}
.content-item.content-sm .content-teaser {
  padding: 0;
}
.content-item.content-outline {
  border: 1px solid var(--border-alt);
  background: var(--background);
  gap: 0;
}
.content-item.content-outline.content-outline-news {
  border-color: var(--midnight-shield);
}
.content-item.content-outline.content-outline-topics {
  border-color: var(--data-breeze);
}
.content-item.content-outline.content-outline-features {
  border-color: var(--cyber-sky);
}
.content-item.content-outline.content-outline-webinars {
  border-color: var(--digital-emerald);
}
.content-item.content-outline.content-outline-whitepapers {
  border-color: var(--data-breeze);
}
.content-item.content-outline.content-outline-events {
  border-color: var(--digital-emerald);
}
.content-item.content-outline.content-outline-directory {
  border-color: var(--platinum-defense);
}
.content-item.content-outline.content-outline-profiles {
  border-color: var(--secure-amethyst);
}
.content-item.content-outline.content-outline-digital-editions {
  border-color: var(--midnight-shield);
}
.content-item.content-outline.content-outline-podcasts {
  border-color: var(--cyber-sky);
}
.content-item.content-outline.content-outline-infosec {
  border-color: var(--midnight-shield);
}
.content-item.content-outline.content-outline-nextgen {
  border-color: var(--cyber-sky);
}
.content-item.content-outline .content-info,
.content-item.content-outline .content-teaser {
  padding: 1rem;
}
.content-item.content-outline.content-sm .content-teaser {
  display: none;
}
.content-item.content-reverse .content-thumb {
  order: 0;
}
.content-item.content-reverse .content-info {
  order: 1;
}
.content-item.content-reverse .content-teaser {
  order: 2;
  padding-top: 0;
}
.content-item.content-feature {
  background: var(--background-inverse);
  color: var(--body-inverse);
  gap: 0;
}
.content-item.content-feature .content-info,
.content-item.content-feature .content-teaser {
  padding: 1rem;
}
.content-item.content-feature .content-info .content-meta {
  color: var(--body-alt-inverse);
}
.content-item.content-feature .content-info .content-headline a {
  color: var(--heading-inverse);
}
.content-item.content-feature.content-feature-news {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-item.content-feature.content-feature-news .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-news .content-info .content-meta .content-badge {
  color: var(--midnight-shield);
  background: var(--white);
}
.content-item.content-feature.content-feature-news .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-topics {
  background: var(--data-breeze);
  color: var(--black);
}
.content-item.content-feature.content-feature-topics .content-info .content-meta {
  color: var(--black);
}
.content-item.content-feature.content-feature-topics .content-info .content-meta .content-badge {
  color: var(--data-breeze);
  background: var(--black);
}
.content-item.content-feature.content-feature-topics .content-info .content-headline a {
  color: var(--black);
}
.content-item.content-feature.content-feature-features {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-item.content-feature.content-feature-features .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-features .content-info .content-meta .content-badge {
  color: var(--cyber-sky);
  background: var(--white);
}
.content-item.content-feature.content-feature-features .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-webinars {
  background: var(--digital-emerald);
  color: var(--black);
}
.content-item.content-feature.content-feature-webinars .content-info .content-meta {
  color: var(--black);
}
.content-item.content-feature.content-feature-webinars .content-info .content-meta .content-badge {
  color: var(--digital-emerald);
  background: var(--black);
}
.content-item.content-feature.content-feature-webinars .content-info .content-headline a {
  color: var(--black);
}
.content-item.content-feature.content-feature-whitepapers {
  background: var(--data-breeze);
  color: var(--black);
}
.content-item.content-feature.content-feature-whitepapers .content-info .content-meta {
  color: var(--black);
}
.content-item.content-feature.content-feature-whitepapers .content-info .content-meta .content-badge {
  color: var(--data-breeze);
  background: var(--black);
}
.content-item.content-feature.content-feature-whitepapers .content-info .content-headline a {
  color: var(--black);
}
.content-item.content-feature.content-feature-events {
  background: var(--digital-emerald);
  color: var(--black);
}
.content-item.content-feature.content-feature-events .content-info .content-meta {
  color: var(--black);
}
.content-item.content-feature.content-feature-events .content-info .content-meta .content-badge {
  color: var(--digital-emerald);
  background: var(--black);
}
.content-item.content-feature.content-feature-events .content-info .content-headline a {
  color: var(--black);
}
.content-item.content-feature.content-feature-directory {
  background: var(--platinum-defense);
  color: var(--black);
}
.content-item.content-feature.content-feature-directory .content-info .content-meta {
  color: var(--black);
}
.content-item.content-feature.content-feature-directory .content-info .content-meta .content-badge {
  color: var(--platinum-defense);
  background: var(--black);
}
.content-item.content-feature.content-feature-directory .content-info .content-headline a {
  color: var(--black);
}
.content-item.content-feature.content-feature-profiles {
  background: var(--secure-amethyst);
  color: var(--white);
}
.content-item.content-feature.content-feature-profiles .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-profiles .content-info .content-meta .content-badge {
  color: var(--secure-amethyst);
  background: var(--white);
}
.content-item.content-feature.content-feature-profiles .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-digital-editions {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-item.content-feature.content-feature-digital-editions .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-digital-editions .content-info .content-meta .content-badge {
  color: var(--midnight-shield);
  background: var(--white);
}
.content-item.content-feature.content-feature-digital-editions .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-podcasts {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-item.content-feature.content-feature-podcasts .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-podcasts .content-info .content-meta .content-badge {
  color: var(--cyber-sky);
  background: var(--white);
}
.content-item.content-feature.content-feature-podcasts .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-infosec {
  background: var(--midnight-shield);
  color: var(--white);
}
.content-item.content-feature.content-feature-infosec .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-infosec .content-info .content-meta .content-badge {
  color: var(--midnight-shield);
  background: var(--white);
}
.content-item.content-feature.content-feature-infosec .content-info .content-headline a {
  color: var(--white);
}
.content-item.content-feature.content-feature-nextgen {
  background: var(--cyber-sky);
  color: var(--white);
}
.content-item.content-feature.content-feature-nextgen .content-info .content-meta {
  color: var(--white);
}
.content-item.content-feature.content-feature-nextgen .content-info .content-meta .content-badge {
  color: var(--cyber-sky);
  background: var(--white);
}
.content-item.content-feature.content-feature-nextgen .content-info .content-headline a {
  color: var(--white);
}

.content-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.content-grid ol {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-grid ol li {
  display: block;
  margin: 0;
  padding: 0;
}
.content-grid ol li .content-item {
  height: 100%;
}
.content-grid.content-grid-1 ol {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 0) {
  .content-grid.content-grid-xxs-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 24.75rem) {
  .content-grid.content-grid-xs-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .content-grid.content-grid-sm-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 51.5rem) {
  .content-grid.content-grid-md-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) {
  .content-grid.content-grid-lg-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 76.25rem) {
  .content-grid.content-grid-xl-1 ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.content-grid.content-grid-2 ol {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 0) {
  .content-grid.content-grid-xxs-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 24.75rem) {
  .content-grid.content-grid-xs-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .content-grid.content-grid-sm-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 51.5rem) {
  .content-grid.content-grid-md-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) {
  .content-grid.content-grid-lg-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 76.25rem) {
  .content-grid.content-grid-xl-2 ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.content-grid.content-grid-3 ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 0) {
  .content-grid.content-grid-xxs-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 24.75rem) {
  .content-grid.content-grid-xs-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .content-grid.content-grid-sm-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 51.5rem) {
  .content-grid.content-grid-md-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) {
  .content-grid.content-grid-lg-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 76.25rem) {
  .content-grid.content-grid-xl-3 ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.content-grid.content-grid-4 ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 0) {
  .content-grid.content-grid-xxs-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 24.75rem) {
  .content-grid.content-grid-xs-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 48rem) {
  .content-grid.content-grid-sm-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 51.5rem) {
  .content-grid.content-grid-md-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) {
  .content-grid.content-grid-lg-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 76.25rem) {
  .content-grid.content-grid-xl-4 ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.content-grid.content-grid-reduced-gap ol {
  gap: 0.5rem;
}

.cpe-panel {
  background: var(--background);
  border: 1px solid var(--border-alt);
}
.cpe-panel .heading {
  padding: 1rem;
  border-bottom: 1px solid var(--border-alt);
}
.cpe-panel .cpe-partner {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--border-alt);
}
.cpe-panel .cpe-partner .cpe-partner-logo {
  width: 6rem;
  max-width: 50%;
  aspect-ratio: 16/9;
  flex: 0 0 auto;
}
.cpe-panel .cpe-partner .cpe-partner-logo svg {
  width: 100%;
  aspect-ratio: 16/9;
}
.cpe-panel .cpe-partner .cpe-partner-credits {
  margin-left: auto;
  font-size: 1.953125rem;
}

.dfp {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--background-alt);
}
@media (min-width: 0) {
  .dfp {
    padding-bottom: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .dfp {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 48rem) {
  .dfp {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .dfp {
    padding-bottom: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .dfp {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .dfp {
    padding-bottom: 2rem;
  }
}
.dfp:before {
  content: "Advertisement";
  text-transform: uppercase;
  padding: 0 0 0.25rem;
  font-size: 0.64rem;
  width: 100%;
  color: var(--body-alt);
  background: var(--background);
}
@media (min-width: 0) {
  .dfp:before {
    margin-bottom: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .dfp:before {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 48rem) {
  .dfp:before {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .dfp:before {
    margin-bottom: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .dfp:before {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .dfp:before {
    margin-bottom: 2rem;
  }
}
.dfp .slot {
  position: relative;
}
.dfp .slot:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "Advertise here";
  font-size: 2.44140625rem;
  color: var(--background);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  z-index: 0;
  speak: none;
}
.dfp .slot[data-ad-sizes="[300,250]"] {
  width: 300px;
  height: 250px;
}
.dfp .slot[data-ad-sizes="[300,600]"] {
  width: 300px;
  height: 600px;
}
.dfp .slot[data-ad-sizes="[728,90]"] {
  min-width: 300px;
  min-height: 50px;
  max-width: 728px;
  max-height: 90px;
}
.dfp .slot[data-ad-sizes="[728,90]"]:before {
  font-size: 1rem;
  color: var(--background-alt);
}
.dfp .slot div {
  position: relative;
  z-index: 1;
}

.footer-ad-row {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  justify-content: center;
  position: sticky;
  bottom: 0;
  z-index: 5000001;
  background: var(--midnight-shield-120);
}
.footer-ad-row .leaderboard {
  padding-bottom: 0;
  flex: 0 0 auto;
  background: none;
}
.footer-ad-row .leaderboard:before {
  display: none;
}

.footer {
  background: var(--midnight-shield);
  color: var(--white);
}
.footer a {
  color: var(--digital-emerald);
  outline-color: var(--digital-emerald);
}
.footer .footer-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer .footer-links > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer .footer-links ul li {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0.8rem;
}
.footer .footer-social-links {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.5rem;
  list-style: none;
  justify-content: center;
}
@media (min-width: 48rem) {
  .footer .footer-social-links {
    justify-content: end;
  }
}
@media (min-width: 71.25rem) {
  .footer .footer-social-links {
    justify-content: start;
  }
}
.footer .footer-social-links li {
  display: block;
  margin: 0;
  padding: 0;
}
.footer .footer-social-links li a {
  border: 1px solid var(--secure-amethyst);
  background: var(--secure-amethyst);
  padding: 1rem;
  display: block;
  width: 4rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  border-radius: 0.25rem;
  outline-color: var(--secure-amethyst);
}
.footer .footer-social-links li a svg {
  width: 100%;
  display: block;
  fill: var(--white);
}
.footer .footer-social-links li a:hover {
  background: var(--white);
}
.footer .footer-social-links li a:hover svg {
  fill: var(--secure-amethyst);
}
.footer .footer-social-links li a.share-other svg {
  fill: none;
  stroke: var(--white);
}
.footer .footer-social-links li a.share-other:hover svg {
  fill: none;
  stroke: var(--secure-amethyst);
}
.footer .footer-logos {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.footer .footer-magazine-logo svg {
  fill: var(--white);
  height: 3rem;
  padding-top: 0.375rem;
}
.footer .footer-magazine-logo:hover svg .logo-lock {
  fill: var(--digital-emerald);
}
.footer .footer-business-logo {
  margin: 0 1rem;
}
@media (min-width: 48rem) {
  .footer .footer-business-logo {
    margin: 0 auto;
  }
}
.footer .footer-business-logo svg {
  fill: var(--white);
  height: 1.75rem;
}
.footer .footer-business-logo:hover svg .logo-lock {
  fill: #ff5f00;
}
.footer .footer-group-logo svg {
  fill: var(--white);
  height: 1.75rem;
}
.footer .footer-group-logo:hover svg .logo-lock {
  fill: #ff8200;
}
.footer .legal-footer {
  border-top: 2px solid var(--midnight-shield-120);
}
@media (min-width: 0) {
  .footer .legal-footer {
    padding-top: 0.75rem;
    margin-bottom: -0.25rem;
  }
}
@media (min-width: 24.75rem) {
  .footer .legal-footer {
    padding-top: 1.125rem;
    margin-bottom: -0.375rem;
  }
}
@media (min-width: 48rem) {
  .footer .legal-footer {
    padding-top: 1.125rem;
    margin-bottom: -0.375rem;
  }
}
@media (min-width: 51.5rem) {
  .footer .legal-footer {
    padding-top: 1.5rem;
    margin-bottom: -0.5rem;
  }
}
@media (min-width: 71.25rem) {
  .footer .legal-footer {
    padding-top: 1.125rem;
    margin-bottom: -0.375rem;
  }
}
@media (min-width: 76.25rem) {
  .footer .legal-footer {
    padding-top: 1.5rem;
    margin-bottom: -0.5rem;
  }
}
.footer .legal-footer ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: row;
  /*@include media-breakpoint-up(xs) {
  }*/
}
.footer .legal-footer ul li {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}
.footer .legal-footer ul li.copyright-info {
  width: 100%;
}
@media (min-width: 71.25rem) {
  .footer .legal-footer ul li.copyright-info {
    width: auto;
  }
}
.footer .legal-footer ul li #ot-sdk-btn.ot-sdk-show-settings {
  border: none;
  padding: 0;
  font-size: 0.8rem;
  color: var(--digital-emerald);
  background: none;
  display: inline;
}
.footer .legal-footer ul li #ot-sdk-btn.ot-sdk-show-settings:hover {
  color: var(--digital-emerald);
  background: none;
  text-decoration: underline;
}

button {
  cursor: pointer;
  font-family: inherit;
  background: none;
  border: none;
  padding: 0;
}

.form-control {
  border: 1px solid var(--border);
  background: var(--background);
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1;
  color: var(--body);
  font-family: inherit;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.25rem;
}

.form-button {
  border: 1px solid var(--primary);
  background: var(--primary);
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1;
  color: var(--background);
  font-family: inherit;
  font-weight: 600;
  flex: 0 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.form-button:hover {
  background: var(--background);
  color: var(--primary);
  text-decoration: none;
}
.form-button.with-icon {
  padding: 0.5rem;
  display: inline-block;
  font-size: 0;
  line-height: 1;
}
.form-button.with-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--background);
}
.form-button.with-icon:hover svg {
  stroke: var(--primary);
}
p .form-button {
  display: inline-block;
}
.form-button.form-button-outline {
  background: var(--background);
  color: var(--primary);
}
.form-button.form-button-outline:hover {
  background: var(--primary);
  color: var(--background);
}
.form-button.form-button-primary {
  background: var(--secure-amethyst);
  border-color: var(--secure-amethyst);
  color: var(--white);
  border-color: var(--secure-amethyst);
  outline-color: var(--secure-amethyst);
}
.form-button.form-button-primary:hover {
  background: var(--white);
  color: var(--secure-amethyst);
}
.form-button.form-button-primary.form-button-outline {
  background: var(--white);
  color: var(--secure-amethyst);
}
.form-button.form-button-primary.form-button-outline:hover {
  background: var(--secure-amethyst);
  color: var(--white);
}
.form-button.form-button-secondary {
  background: var(--neon-vault);
  color: var(--black);
  border-color: var(--neon-vault);
  outline-color: var(--neon-vault);
}
.form-button.form-button-secondary:hover {
  background: var(--black);
  color: var(--neon-vault);
}
.form-button.form-button-secondary.form-button-outline {
  background: var(--black);
  color: var(--neon-vault);
}
.form-button.form-button-secondary.form-button-outline:hover {
  background: var(--neon-vault);
  color: var(--black);
}

.form-panels {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.form-panel {
  background: var(--background-alt);
  border: none;
  padding: 1rem;
  margin: 0;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
}
.form-panel legend {
  margin: 0 0 0 -1rem;
  padding: 1rem 1rem 0;
  display: table;
  width: 100%;
  background: var(--background-alt);
}
.form-panel .form-buttons {
  padding-top: 1rem;
}
.form-panel .validation-summary {
  color: var(--primary);
  font-family: 700;
}
.form-panel.black-form-panel {
  background: var(--primary);
  color: var(--background);
}
.form-panel.black-form-panel a {
  color: var(--background);
}
.form-panel.black-form-panel legend {
  background: var(--primary);
  color: var(--background);
}
.form-panel.black-form-panel .validation-summary {
  color: var(--background);
}
.form-panel.black-form-panel .form-button {
  border-color: var(--background);
}
.form-panel.black-form-panel *:focus {
  outline-color: var(--background);
}

.control-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 71.25rem) {
  .control-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.control-group .control-field {
  grid-column: span 2;
}
.control-group .control-field.control-field-split {
  grid-column: span 1;
}

.control-field .control-label {
  display: block;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.control-field .help-text {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.5;
}
.control-field .help-text p {
  margin: 0.5rem 0 0;
  font-size: inherit;
  line-height: inherit;
}
.control-field .help-text ul {
  margin: 0.5rem 0 0 -1.5rem;
  font-size: inherit;
  line-height: inherit;
}
.control-field.has-error input, .control-field.has-error select, .control-field.has-preval input, .control-field.has-preval select {
  border-color: var(--primary);
}
.control-field.has-error .error-message,
.control-field.has-error .preval-message, .control-field.has-preval .error-message,
.control-field.has-preval .preval-message {
  display: block;
  margin: 0.5rem 0 0;
  color: var(--primary);
  font-size: 0.8rem;
  font-weight: 600;
}

ol.radio-button-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}
@media (min-width: 71.25rem) {
  ol.radio-button-list.radio-button-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}
ol.radio-button-list li {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  flex: 1;
}
ol.radio-button-list li input {
  width: 2rem;
  height: 2rem;
  margin: 0;
  flex: 0 0 2rem;
  align-self: start;
  border-radius: 0.25rem;
  border: 1px solid var(--border);
  background: var(--background);
  appearance: none;
}
ol.radio-button-list li input[type=radio] {
  border-radius: 50%;
}
ol.radio-button-list li input:checked {
  border-color: var(--primary);
  background-color: var(--primary);
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10.2426 16.2426L18.727 7.75732" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
ol.radio-button-list li label {
  line-height: 1.5;
}

.container {
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 0) {
  .container {
    padding: 0 1rem;
  }
}
@media (min-width: 24.75rem) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 48rem) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .container {
    padding: 0 2rem;
  }
}
@media (min-width: 71.25rem) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .container {
    padding: 0 2rem;
  }
}
@media (min-width: 0) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 24.75rem) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 48rem) {
  .container {
    max-width: 48rem;
  }
}
@media (min-width: 51.5rem) {
  .container {
    max-width: 51.5rem;
  }
}
@media (min-width: 71.25rem) {
  .container {
    max-width: 71.25rem;
  }
}
@media (min-width: 76.25rem) {
  .container {
    max-width: 76.25rem;
  }
}
.container.container-fluid {
  max-width: 100%;
}
.container .grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 0) {
  .container .grid {
    gap: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .container .grid {
    gap: 1.5rem;
  }
}
@media (min-width: 48rem) {
  .container .grid {
    gap: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .container .grid {
    gap: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .container .grid {
    gap: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .container .grid {
    gap: 2rem;
  }
}
@media (min-width: 48rem) {
  .container .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) {
  .container .grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.container .grid [class*=col-] {
  display: flex;
  flex-direction: column;
}
.container .grid [class*=col-] > * {
  flex: 0;
}
@media (min-width: 0) {
  .container .grid [class*=col-] {
    gap: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .container .grid [class*=col-] {
    gap: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .container .grid [class*=col-] {
    gap: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .container .grid [class*=col-] {
    gap: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .container .grid [class*=col-] {
    gap: 2rem;
  }
}
.container .grid .col-1 {
  grid-column: span 1;
}
@media (min-width: 48rem) {
  .container .grid .col-1 {
    grid-column: span 2;
  }
}
@media (min-width: 71.25rem) {
  .container .grid .col-1 {
    grid-column: span 6;
  }
}
.container .grid .col-1-2 {
  grid-column: span 1;
}
@media (min-width: 71.25rem) {
  .container .grid .col-1-2 {
    grid-column: span 3;
  }
}
.container .grid .col-1-3 {
  grid-column: span 1;
}
@media (min-width: 71.25rem) {
  .container .grid .col-1-3 {
    grid-column: span 2;
  }
}
.container .grid .col-2-3 {
  grid-column: span 1;
}
.container .grid .col-2-3 .grid {
  grid-template-columns: 1fr;
}
@media (min-width: 71.25rem) {
  .container .grid .col-2-3 {
    grid-column: span 4;
  }
  .container .grid .col-2-3 .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 71.25rem) and (min-width: 48rem) {
  .container .grid .col-2-3 .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.grid-list {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 0) {
  .grid-list {
    gap: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .grid-list {
    gap: 1.5rem;
  }
}
@media (min-width: 48rem) {
  .grid-list {
    gap: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .grid-list {
    gap: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .grid-list {
    gap: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .grid-list {
    gap: 2rem;
  }
}

.section {
  width: 100%;
}
@media (min-width: 0) {
  .section {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 24.75rem) {
  .section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 48rem) {
  .section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 51.5rem) {
  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 71.25rem) {
  .section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 76.25rem) {
  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.section:has(.features-scroller) {
  overflow: hidden;
}
.section.section-no-pad {
  padding-top: 0;
  padding-bottom: 0;
}
.section.section-no-pad-top {
  padding-top: 0;
}
.section.section-no-pad-bottom {
  padding-bottom: 0;
}

.header-ad-row {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  justify-content: center;
  position: relative;
  z-index: 5000001;
  background: var(--midnight-shield-120);
}
.header-ad-row .leaderboard {
  padding-bottom: 0;
  flex: 0 0 auto;
  background: none;
}
.header-ad-row .leaderboard:before {
  display: none;
}

header {
  position: sticky;
  top: 0;
  padding: 1rem 0;
  z-index: 5000000;
  background: var(--midnight-shield);
  border-bottom: 2px solid var(--midnight-shield-120);
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 51.5rem) {
  header {
    /*padding: 2rem 0;*/
    box-shadow: none;
    position: relative;
  }
}
header .header-logo-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .header-logo-row .menu-controls {
  display: block;
  order: 3;
  /*@include media-breakpoint-up(sm) {
      width: 25%;
  }*/
}
@media (min-width: 51.5rem) {
  header .header-logo-row .menu-controls {
    display: none;
  }
}
header .header-logo-row .menu-controls .pullout-open {
  width: 2rem;
  height: 2rem;
  padding: 0;
  overflow: hidden;
  display: block;
  border: none;
  background: none;
  cursor: pointer;
  outline-color: var(--digital-emerald);
}
header .header-logo-row .menu-controls .pullout-open svg {
  width: 100%;
  height: 100%;
  stroke: var(--white);
}
header .header-logo-row .menu-controls .pullout-open:hover svg {
  stroke: var(--digital-emerald);
}
header .header-logo-row .infosec-logo {
  display: block;
  order: 0;
  margin-right: auto;
  /*margin-left: -2rem;*/
  outline-color: var(--digital-emerald);
  /*@include media-breakpoint-up(md) {
      margin-left: 0;
  }*/
}
header .header-logo-row .infosec-logo svg {
  display: block;
  height: 3rem;
  padding-top: 0.375rem;
  fill: var(--white);
  /*@include media-breakpoint-up(sm) {
      height: 4rem;
      padding-top: .125 * 4rem;
  }*/
}
@media (min-width: 51.5rem) {
  header .header-logo-row .infosec-logo svg {
    height: 4rem;
    padding-top: 0.5rem;
  }
}
@media (min-width: 71.25rem) {
  header .header-logo-row .infosec-logo svg {
    height: 6rem;
    padding-top: 0.75rem;
  }
}
header .header-logo-row .infosec-logo:hover svg .logo-lock {
  fill: var(--digital-emerald);
}
header .header-logo-row .sec-menu {
  display: none;
}
@media (min-width: 51.5rem) {
  header .header-logo-row .sec-menu {
    display: block;
    /*width: 30%;*/
    order: 2;
  }
  header .header-logo-row .sec-menu .profile-links {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    gap: 0.5rem;
  }
  header .header-logo-row .sec-menu .profile-links li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*a {
        display: inline-block;
        color: $background;
        background: $primary;
        padding: .5rem .75rem;
        border: 1px solid $primary;
        text-decoration: none;
        font-size: $fs-sm;

        @include media-breakpoint-up(md) {
            font-size: $fs-md;
            padding: .75rem 1rem;
        }

        &:hover,
        &:focus {
            background: $background;
            color: $primary;
        }
    }*/
  }
}

nav {
  display: none;
}
@media (min-width: 51.5rem) {
  nav {
    margin: 0 auto;
    display: block;
    background: var(--dark);
    position: sticky;
    top: 0;
    z-index: 5000000;
  }
  nav .nav-row {
    position: relative;
  }
  nav .nav-row ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
  }
  nav .nav-row ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  nav .nav-row ul li.nav-home a, nav .nav-row ul li.nav-home button, nav .nav-row ul li.nav-search a, nav .nav-row ul li.nav-search button {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: block;
    padding: 0.5rem;
    box-sizing: content-box;
  }
  nav .nav-row ul li.nav-home a svg, nav .nav-row ul li.nav-home button svg, nav .nav-row ul li.nav-search a svg, nav .nav-row ul li.nav-search button svg {
    width: 100%;
    height: 100%;
    stroke: var(--white);
  }
  nav .nav-row ul li.nav-home a:hover, nav .nav-row ul li.nav-home a.active, nav .nav-row ul li.nav-home button:hover, nav .nav-row ul li.nav-home button.active, nav .nav-row ul li.nav-search a:hover, nav .nav-row ul li.nav-search a.active, nav .nav-row ul li.nav-search button:hover, nav .nav-row ul li.nav-search button.active {
    background: var(--white);
  }
  nav .nav-row ul li.nav-home a:hover svg, nav .nav-row ul li.nav-home a.active svg, nav .nav-row ul li.nav-home button:hover svg, nav .nav-row ul li.nav-home button.active svg, nav .nav-row ul li.nav-search a:hover svg, nav .nav-row ul li.nav-search a.active svg, nav .nav-row ul li.nav-search button:hover svg, nav .nav-row ul li.nav-search button.active svg {
    stroke: var(--midnight-shield);
  }
  nav .nav-row ul li.nav-home a:focus, nav .nav-row ul li.nav-home button:focus, nav .nav-row ul li.nav-search a:focus, nav .nav-row ul li.nav-search button:focus {
    outline-color: var(--white);
  }
  nav .nav-row ul li.nav-home {
    display: none;
  }
}
@media (min-width: 51.5rem) and (min-width: 71.25rem) {
  nav .nav-row ul li.nav-home {
    display: block;
  }
}
@media (min-width: 51.5rem) {
  nav .nav-row ul li.nav-search {
    display: block;
    margin-left: auto;
  }
  nav .nav-row ul li .nav-bar-link {
    display: block;
    padding: 0;
    color: var(--white);
    position: relative;
    background: none;
    border: none;
    font-size: 1rem;
    padding: 1.5rem 0.5rem;
    height: 100%;
    line-height: 1;
  }
}
@media (min-width: 51.5rem) and (min-width: 71.25rem) {
  nav .nav-row ul li .nav-bar-link {
    padding: 1.5rem 0.75rem;
  }
}
@media (min-width: 51.5rem) {
  nav .nav-row ul li .nav-bar-link:before {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    height: 0.25rem;
    width: calc(100% - 0.5rem * 2);
    display: none;
    background: var(--white);
  }
}
@media (min-width: 51.5rem) and (min-width: 71.25rem) {
  nav .nav-row ul li .nav-bar-link:before {
    width: calc(100% - 0.75rem * 2);
  }
}
@media (min-width: 51.5rem) {
  nav .nav-row ul li .nav-bar-link:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid var(--background-alt);
    content: "";
    display: none;
    transition: all 0.3s linear;
  }
  nav .nav-row ul li .nav-bar-link.nav-highlight:not(:hover, :focus, .active):before {
    display: block;
    background: var(--white);
    bottom: 1rem;
  }
  nav .nav-row ul li .nav-bar-link:hover, nav .nav-row ul li .nav-bar-link:focus, nav .nav-row ul li .nav-bar-link.active {
    text-decoration: none;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link:hover:before, nav .nav-row ul li .nav-bar-link:focus:before, nav .nav-row ul li .nav-bar-link.active:before {
    display: block;
  }
  nav .nav-row ul li .nav-bar-link:focus {
    /*outline-color: $header;
    outline-offset: 0;*/
    outline: none;
  }
  nav .nav-row ul li .nav-bar-link.active {
    background: var(--white);
    color: var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link.active:after {
    display: block;
  }
  nav .nav-row ul li .nav-bar-link:hover {
    background: var(--white);
    color: var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-news:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-news.active:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-topics:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-topics.active:before {
    background: var(--data-breeze);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-features:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-features.active:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-webinars:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-webinars.active:before {
    background: var(--digital-emerald);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-whitepapers:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-whitepapers.active:before {
    background: var(--data-breeze);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-events:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-events.active:before {
    background: var(--digital-emerald);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-directory:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-directory.active:before {
    background: var(--platinum-defense);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-profiles:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-profiles.active:before {
    background: var(--secure-amethyst);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-digital-editions:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-digital-editions.active:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-podcasts:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-podcasts.active:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-infosec:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-infosec.active:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .nav-bar-link.nav-bar-link-nextgen:hover:before, nav .nav-row ul li .nav-bar-link.nav-bar-link-nextgen.active:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .mega-drop {
    background: var(--background-alt);
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    /*box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.75);*/
    z-index: 5000000;
    color: var(--body);
    padding: 1.5rem;
    font-size: 0.8rem;
    display: none;
    opacity: 0;
    box-sizing: border-box;
    grid-gap: 1rem;
    transition: opacity 0.5s linear;
  }
  nav .nav-row ul li .mega-drop li {
    display: block;
  }
  nav .nav-row ul li .mega-drop li .main-link {
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 600;
    position: relative;
    padding-left: 1rem;
    color: var(--heading);
    display: block;
    margin-bottom: 1rem;
    /*&:hover,
    &:focus {
        color: $header;
    }*/
  }
  nav .nav-row ul li .mega-drop li .main-link:before {
    content: "";
    display: block;
    width: 0.5rem;
    height: 100%;
    background: var(--heading);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s linear;
    z-index: -1;
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-news:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-topics:before {
    background: var(--data-breeze);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-features:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-webinars:before {
    background: var(--digital-emerald);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-whitepapers:before {
    background: var(--data-breeze);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-events:before {
    background: var(--digital-emerald);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-directory:before {
    background: var(--platinum-defense);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-profiles:before {
    background: var(--secure-amethyst);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-digital-editions:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-podcasts:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-infosec:before {
    background: var(--midnight-shield);
  }
  nav .nav-row ul li .mega-drop li .main-link.main-link-nextgen:before {
    background: var(--cyber-sky);
  }
  nav .nav-row ul li .mega-drop li .more-link {
    font-size: 0.8rem;
    line-height: 1.25;
    margin-top: 1rem;
    display: none;
    color: var(--primary);
  }
  nav .nav-row ul li .mega-drop li .nav-item {
    display: flex;
    background: var(--background);
    position: relative;
    align-items: center;
    margin-top: 0.5rem;
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-thumb {
    width: 50px;
    min-height: 50px;
    flex: 0 0 auto;
    object-fit: cover;
    background: var(--background-alt);
    align-self: stretch;
  }
  nav .nav-row ul li .mega-drop li .nav-item.nav-item-block {
    flex-direction: column;
  }
  nav .nav-row ul li .mega-drop li .nav-item.nav-item-block .nav-thumb {
    width: 100%;
    min-height: auto;
    aspect-ratio: 16/9;
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-item-content {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    line-height: 1.25;
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-date {
    font-size: 0.64rem;
    color: var(--body-alt);
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-headline {
    color: var(--heading);
    /*&:hover, &:focus {
        color: $primary;
    }*/
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-headline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-headline:focus {
    outline: none;
  }
  nav .nav-row ul li .mega-drop li .nav-item .nav-headline:focus:after {
    outline: 0.125rem solid var(--primary);
    outline-offset: 0.125rem;
  }
  nav .nav-row ul li .mega-drop.mega-drop-topics {
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
  }
  nav .nav-row ul li .mega-drop.mega-drop-topics li a {
    display: flex;
    height: 100%;
    background: var(--background);
    padding: 1rem;
    align-items: center;
    box-sizing: border-box;
    color: var(--heading);
    /*&:hover, &:focus {
        color: $primary;
    }*/
  }
  nav .nav-row ul li .mega-drop.mega-drop-topics li a:focus {
    outline: 0.125rem solid var(--primary);
    outline-offset: 0.125rem;
  }
  nav .nav-row ul li .mega-drop.mega-drop-features {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
  }
  nav .nav-row ul li .mega-drop.mega-drop-search form {
    display: flex;
    gap: 0.5rem;
  }
  nav .nav-row ul li .active + .mega-drop {
    display: grid;
    opacity: 1;
  }
}

body:has(.active + .mega-drop):after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(0.5rem);
  z-index: 10;
}

@media (max-width: 51.4999rem) {
  body:has(.pullout-menu.open) {
    overflow: hidden;
  }
}
.pullout-menu {
  width: 100%;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: auto;
  z-index: 5000002;
  font-size: 1rem;
  line-height: 1.25;
  display: none;
}
.pullout-menu:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--body);
  opacity: 0.85;
  content: "";
  z-index: 0;
}
.pullout-menu.open {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 51.5rem) {
  .pullout-menu {
    display: none;
  }
}
.pullout-menu .pullout-close {
  position: fixed;
  top: 1rem;
  right: 17rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.pullout-menu .pullout-close svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke: var(--background);
}
.pullout-menu .pullout-close:hover svg {
  stroke: var(--primary);
}
.pullout-menu ul {
  margin: 0;
  padding: 0;
  width: 16rem;
  background: var(--background);
  position: relative;
  list-style: none;
}
.pullout-menu ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--background-alt);
}
.pullout-menu ul li a {
  display: block;
  padding: 1rem;
  color: var(--body);
  position: relative;
}
.pullout-menu ul li a:hover {
  color: var(--primary);
}
.pullout-menu ul li a:focus {
  outline-offset: -0.25rem;
}
.pullout-menu ul li a:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: calc(100% - 1rem);
  width: 0.25rem;
}
.pullout-menu ul li a.colour-news:after {
  background: var(--midnight-shield);
}
.pullout-menu ul li a.colour-topics:after {
  background: var(--data-breeze);
}
.pullout-menu ul li a.colour-features:after {
  background: var(--cyber-sky);
}
.pullout-menu ul li a.colour-webinars:after {
  background: var(--digital-emerald);
}
.pullout-menu ul li a.colour-whitepapers:after {
  background: var(--data-breeze);
}
.pullout-menu ul li a.colour-events:after {
  background: var(--digital-emerald);
}
.pullout-menu ul li a.colour-directory:after {
  background: var(--platinum-defense);
}
.pullout-menu ul li a.colour-profiles:after {
  background: var(--secure-amethyst);
}
.pullout-menu ul li a.colour-digital-editions:after {
  background: var(--midnight-shield);
}
.pullout-menu ul li a.colour-podcasts:after {
  background: var(--cyber-sky);
}
.pullout-menu ul li a.colour-infosec:after {
  background: var(--midnight-shield);
}
.pullout-menu ul li a.colour-nextgen:after {
  background: var(--cyber-sky);
}
.pullout-menu .profile-links .form-button {
  border-radius: 0;
}
.pullout-menu .profile-links:before,
.pullout-menu .search-box:before,
.pullout-menu .section-links:before,
.pullout-menu .topic-links:before {
  display: block;
  background: var(--primary);
  padding: 1rem;
  color: var(--background);
  font-weight: 600;
}
.pullout-menu .search-box li {
  padding: 1rem;
}
.pullout-menu .search-box li form {
  display: flex;
  gap: 0.5rem;
}
.pullout-menu .profile-links {
  display: flex;
}
.pullout-menu .profile-links li {
  flex: auto;
  border-bottom: 0;
}
.pullout-menu .profile-links:before {
  display: none;
}
.pullout-menu .search-box:before {
  content: "Search";
}
.pullout-menu .section-links:before {
  content: "Sections";
}
.pullout-menu .topic-links:before {
  content: "Topics";
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content .h1, .page-content .h2, .page-content .h3, .page-content .h4, .page-content .h5, .page-content p,
.page-intro h1,
.page-intro h2,
.page-intro h3,
.page-intro h4,
.page-intro h5,
.page-intro .h1,
.page-intro .h2,
.page-intro .h3,
.page-intro .h4,
.page-intro .h5,
.page-intro p {
  margin-bottom: 1rem;
}
.page-content h1:empty, .page-content h1:blank, .page-content h2:empty, .page-content h2:blank, .page-content h3:empty, .page-content h3:blank, .page-content h4:empty, .page-content h4:blank, .page-content h5:empty, .page-content h5:blank, .page-content .h1:empty, .page-content .h1:blank, .page-content .h2:empty, .page-content .h2:blank, .page-content .h3:empty, .page-content .h3:blank, .page-content .h4:empty, .page-content .h4:blank, .page-content .h5:empty, .page-content .h5:blank, .page-content p:empty, .page-content p:blank,
.page-intro h1:empty,
.page-intro h1:blank,
.page-intro h2:empty,
.page-intro h2:blank,
.page-intro h3:empty,
.page-intro h3:blank,
.page-intro h4:empty,
.page-intro h4:blank,
.page-intro h5:empty,
.page-intro h5:blank,
.page-intro .h1:empty,
.page-intro .h1:blank,
.page-intro .h2:empty,
.page-intro .h2:blank,
.page-intro .h3:empty,
.page-intro .h3:blank,
.page-intro .h4:empty,
.page-intro .h4:blank,
.page-intro .h5:empty,
.page-intro .h5:blank,
.page-intro p:empty,
.page-intro p:blank {
  display: none;
}
.page-content hr,
.page-intro hr {
  border: none;
  height: 1px;
  overflow: hidden;
  clear: both;
  background: var(--border);
  margin: 0 0 1rem;
}
.page-content table,
.page-intro table {
  border-collapse: collapse;
  min-width: 100%;
}
.page-content table th,
.page-intro table th {
  padding: 1rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.2em;
  background: var(--background);
  text-align: center;
  border: 1px solid var(--border);
}
.page-content table td,
.page-intro table td {
  padding: 1rem;
  border: 1px solid var(--border);
}
.page-content .table-wrapper,
.page-intro .table-wrapper {
  overflow: auto;
  width: 100%;
  margin-bottom: 1rem;
}
.page-content .blockquote,
.page-intro .blockquote {
  margin: 0 0 1rem;
  padding: 2rem 2rem 1rem;
  display: block;
  box-sizing: border-box;
}
.page-content .blockquote blockquote,
.page-intro .blockquote blockquote {
  padding: 0 0.5rem 0 0;
  margin: 0;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.5;
}
@media (min-width: 71.25rem) {
  .page-content .blockquote blockquote,
  .page-intro .blockquote blockquote {
    font-size: 1.953125rem;
  }
}
.page-content .blockquote blockquote p,
.page-intro .blockquote blockquote p {
  display: inline;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--background);
  background-color: var(--accent);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 0.5rem;
}
.page-content .blockquote cite,
.page-intro .blockquote cite {
  font-family: var(--sans);
  font-size: 1rem;
  font-style: normal;
  display: block;
  color: var(--body-alt);
  margin-top: 0.25rem;
}
@media (min-width: 71.25rem) {
  .page-content .blockquote.blockquote-left,
  .page-intro .blockquote.blockquote-left {
    width: 50%;
    margin: 0 0.5rem 0 0;
    padding: 2rem 0.5rem 2rem 0;
    float: left;
  }
  .page-content .blockquote.blockquote-left blockquote,
  .page-intro .blockquote.blockquote-left blockquote {
    font-size: 1.5625rem;
  }
  .page-content .blockquote.blockquote-right,
  .page-intro .blockquote.blockquote-right {
    width: 50%;
    margin: 0 0 1rem 0.5rem;
    padding: 1rem 0 1rem 0.5rem;
    float: left;
  }
}
.page-content ul,
.page-intro ul {
  margin: 0 0 1rem;
  padding: 0;
  counter-reset: li;
  display: flex;
  flex-direction: column;
  list-style: none;
  border-bottom: 1px solid var(--border-alt);
}
.page-content ul li,
.page-intro ul li {
  margin: 0;
  padding: 1rem 0 1rem 1.75rem;
  border-top: 1px solid var(--border-alt);
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  display: block;
}
.page-content ul li:before,
.page-intro ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-top: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-left: 0.75rem solid var(--primary);
}
.page-content ul li > :last-child,
.page-intro ul li > :last-child {
  margin: 0;
}
.page-content ol,
.page-intro ol {
  margin: 0 0 1rem;
  padding: 0;
  counter-reset: li;
  display: flex;
  flex-direction: column;
  list-style: none;
  border-bottom: 1px solid var(--border-alt);
}
.page-content ol li,
.page-intro ol li {
  margin: 0;
  padding: 1rem 0 1rem 3.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-top: 1px solid var(--border-alt);
  position: relative;
  display: block;
}
.page-content ol li:before,
.page-intro ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-increment: li;
  content: counter(li) ".";
  color: var(--primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.page-content ol li > :last-child,
.page-intro ol li > :last-child {
  margin: 0;
}
.page-content a,
.page-intro a {
  text-decoration: underline;
}
.page-content .embeds,
.page-intro .embeds {
  position: relative;
}
.page-content .embeds iframe,
.page-intro .embeds iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.page-content .webinar-embed,
.page-intro .webinar-embed {
  margin: 0 0 1rem;
  height: 0;
  padding-bottom: 100%;
  clear: left;
  position: relative;
}
.page-content .webinar-embed object,
.page-content .webinar-embed iframe,
.page-intro .webinar-embed object,
.page-intro .webinar-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-content .adv-download,
.page-intro .adv-download {
  display: flex;
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
  flex-direction: column;
  margin: 0 0 1rem;
}
@media (min-width: 71.25rem) {
  .page-content .adv-download,
  .page-intro .adv-download {
    align-items: center;
    flex-direction: row;
  }
}
.page-content .adv-download .adv-download-img,
.page-intro .adv-download .adv-download-img {
  width: 12rem;
  flex: 0;
}
.page-content .adv-download .adv-download-name,
.page-intro .adv-download .adv-download-name {
  flex: 1;
  padding: 1rem;
  font-weight: 600;
}
.page-content .adv-download .adv-download-name a,
.page-intro .adv-download .adv-download-name a {
  text-decoration: none;
}
.page-content .adv-download:hover,
.page-intro .adv-download:hover {
  background: var(--primary);
  color: var(--background);
}
.page-content .adv-download:hover a,
.page-intro .adv-download:hover a {
  color: var(--background);
}
.page-content .media,
.page-intro .media {
  margin: 0 0 1rem 0;
  clear: left;
}
.page-content .media img,
.page-intro .media img {
  display: block;
  width: 100%;
}
.page-content .media.media-left,
.page-intro .media.media-left {
  box-sizing: border-box;
}
@media (min-width: 24.75rem) {
  .page-content .media.media-left,
  .page-intro .media.media-left {
    width: 50%;
    margin: 0 0.5rem 1rem 0;
    padding-right: 0.5rem;
    float: left;
  }
}
@media (min-width: 48rem) {
  .page-content .media.media-left,
  .page-intro .media.media-left {
    width: 100%;
    margin: 0 0 1rem 0;
    padding-right: 0;
    float: none;
  }
}
@media (min-width: 71.25rem) {
  .page-content .media.media-left,
  .page-intro .media.media-left {
    width: 50%;
    margin: 0 0.5rem 1rem 0;
    padding-right: 0.5rem;
    float: left;
  }
}
.page-content .media .media-caption,
.page-intro .media .media-caption {
  padding: 1rem;
  background: var(--background-alt);
  line-height: 1.5;
}
.page-content > :last-child,
.page-intro > :last-child {
  margin-bottom: 0;
}
.page-content .content-module:last-child > :last-child,
.page-intro .content-module:last-child > :last-child {
  margin-bottom: 0;
}

.pagination {
  padding: 0;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
}

h1, h2, h3, h4, p {
  margin: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-weight: 600;
  line-height: 1.25;
}

h1, .h1 {
  font-size: 2.44140625rem;
  font-weight: 400;
  font-family: var(--serif);
  color: var(--heading);
}
@media (min-width: 51.5rem) {
  h1, .h1 {
    font-size: 3.0517578125rem;
  }
}

h2, .h2 {
  font-size: 1.953125rem;
  font-weight: 700;
}

h3, .h3 {
  font-size: 1.5625rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1rem;
}

p {
  line-height: 1.5;
}

.small {
  font-size: 0.8rem;
  line-height: 1.5;
}

.x-small {
  font-size: 0.64rem;
  line-height: 1.5;
}

.intro {
  font-family: var(--serif);
  font-size: 1.25rem;
  line-height: 1.25;
}

a {
  text-decoration: none;
  color: var(--primary);
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}

.webpage-item {
  display: flex;
  width: 100%;
  align-items: start;
  gap: 1rem;
  padding: 1rem 1rem 1rem 0;
  margin: 0;
  border-top: 1px solid var(--border-alt);
  box-sizing: border-box;
  /*&:before {
      content: '';
      width: 100%;
      background: $border-alt;
      height: 1px;
      top: calc(-1rem - 1px);
      position: absolute;
  }*/
}
.webpage-item:last-child {
  border-bottom: 1px solid var(--border-alt);
  /*margin-bottom: calc(1rem + 1px);

  &:after {
      content: '';
      width: 100%;
      background: $border-alt;
      height: 1px;
      bottom: calc(-1rem - 1px);
      position: absolute;
  }*/
}
.webpage-item .webpage-thumb {
  display: none;
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  object-fit: cover;
  align-self: start;
}
@media (min-width: 71.25rem) {
  .webpage-item .webpage-thumb {
    display: block;
    width: 7.5rem;
  }
}
.webpage-item .webpage-thumb.cover-thumb {
  aspect-ratio: 3/4;
}
.webpage-item .webpage-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.webpage-item .webpage-info .webpage-meta {
  display: block;
  color: var(--body-alt);
  font-size: 0.8rem;
  order: 0;
}
.webpage-item .webpage-info .webpage-title {
  margin: 0;
  order: 1;
}
.webpage-item .webpage-info .webpage-title a {
  color: var(--heading);
}
.webpage-item .webpage-info .webpage-summary {
  margin: 0;
  order: 2;
}
.webpage-item .webpage-info .webpage-sponsors {
  order: 4;
  margin-top: 0.5rem;
}
.webpage-item .webpage-info .webpage-sponsors:before {
  content: "Brought to you by";
  font-size: 0.8rem;
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.webpage-item .webpage-info .webpage-sponsors ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.webpage-item .webpage-info .webpage-sponsors li {
  padding: 0;
  margin: 0;
}
.webpage-item .webpage-info .webpage-sponsors a {
  position: relative;
  z-index: 10;
  font-weight: 600;
}
.webpage-item .webpage-info .webpage-authors {
  order: 3;
}
.webpage-item .webpage-info .webpage-authors:before {
  content: "Written by";
  font-size: 0.8rem;
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.webpage-item .webpage-info .webpage-authors ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
}
@media (min-width: 71.25rem) {
  .webpage-item .webpage-info .webpage-authors ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.webpage-item .webpage-info .webpage-authors li {
  padding: 0;
  margin: 0;
}
@media (min-width: 71.25rem) {
  .webpage-item .webpage-info .webpage-authors li:only-child {
    grid-column: span 2;
  }
}

.webpages-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.whats-hot .whats-hot-heading {
  padding: 1rem 1rem 0;
  background: var(--midnight-shield);
}
.whats-hot .whats-hot-heading h2 {
  color: var(--white);
}
.whats-hot .whats-hot-tabs {
  display: flex;
  padding: 1rem 1rem 0;
  margin: 0;
  background: var(--midnight-shield);
  list-style: none;
  gap: 0.25rem;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
@media (min-width: 71.25rem) {
  .col-2-3 .whats-hot .whats-hot-tabs {
    gap: 0.5rem;
  }
}
.whats-hot .whats-hot-tabs button {
  padding: 0.5rem;
  border: 1px solid var(--secure-amethyst);
  border-bottom: none;
  outline-color: var(--secure-amethyst);
  background: var(--secure-amethyst);
  color: var(--white);
  font-size: 0.8rem;
  width: 100%;
  box-sizing: border-box;
  border-start-start-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
}
.whats-hot .whats-hot-tabs button:hover {
  background: var(--white);
  color: var(--secure-amethyst);
}
@media (min-width: 71.25rem) {
  .col-2-3 .whats-hot .whats-hot-tabs button {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}
.whats-hot .whats-hot-tabs button.active {
  background: var(--background);
  border-color: var(--background);
  color: var(--heading);
  font-weight: 600;
  outline-color: var(--background);
}
.whats-hot .whats-hot-tabs button.active:hover {
  color: var(--primary);
}
.whats-hot .whats-hot-stories {
  padding-top: 0.5rem;
}
@media (min-width: 71.25rem) {
  .col-2-3 .whats-hot .whats-hot-stories {
    padding-top: 1rem;
  }
}
.whats-hot .whats-hot-stories .tab-panel {
  display: none;
}
.whats-hot .whats-hot-stories .tab-panel.active {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 71.25rem) {
  .col-2-3 .whats-hot .whats-hot-stories .tab-panel.active {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline {
  display: inline !important;
}

@media (min-width: 0) {
  .d-xxs-none {
    display: none !important;
  }
  .d-xxs-block {
    display: block !important;
  }
  .d-xxs-inline-block {
    display: inline-block !important;
  }
  .d-xxs-flex {
    display: flex !important;
  }
  .d-xxs-inline {
    display: inline !important;
  }
}
@media (min-width: 24.75rem) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 51.5rem) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
}
@media (min-width: 71.25rem) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 76.25rem) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
}
.order-0 {
  order: 0 !important;
}

@media (min-width: 0) {
  .order-xxs-0 {
    order: 0 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-0 {
    order: 0 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-0 {
    order: 0 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-0 {
    order: 0 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-0 {
    order: 0 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-0 {
    order: 0 !important;
  }
}
.order-1 {
  order: 1 !important;
}

@media (min-width: 0) {
  .order-xxs-1 {
    order: 1 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-1 {
    order: 1 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-1 {
    order: 1 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-1 {
    order: 1 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-1 {
    order: 1 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-1 {
    order: 1 !important;
  }
}
.order-2 {
  order: 2 !important;
}

@media (min-width: 0) {
  .order-xxs-2 {
    order: 2 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-2 {
    order: 2 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-2 {
    order: 2 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-2 {
    order: 2 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-2 {
    order: 2 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-2 {
    order: 2 !important;
  }
}
.order-3 {
  order: 3 !important;
}

@media (min-width: 0) {
  .order-xxs-3 {
    order: 3 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-3 {
    order: 3 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-3 {
    order: 3 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-3 {
    order: 3 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-3 {
    order: 3 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-3 {
    order: 3 !important;
  }
}
.order-4 {
  order: 4 !important;
}

@media (min-width: 0) {
  .order-xxs-4 {
    order: 4 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-4 {
    order: 4 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-4 {
    order: 4 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-4 {
    order: 4 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-4 {
    order: 4 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-4 {
    order: 4 !important;
  }
}
.order-5 {
  order: 5 !important;
}

@media (min-width: 0) {
  .order-xxs-5 {
    order: 5 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-5 {
    order: 5 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-5 {
    order: 5 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-5 {
    order: 5 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-5 {
    order: 5 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-5 {
    order: 5 !important;
  }
}
.order-6 {
  order: 6 !important;
}

@media (min-width: 0) {
  .order-xxs-6 {
    order: 6 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-6 {
    order: 6 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-6 {
    order: 6 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-6 {
    order: 6 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-6 {
    order: 6 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-6 {
    order: 6 !important;
  }
}
.order-7 {
  order: 7 !important;
}

@media (min-width: 0) {
  .order-xxs-7 {
    order: 7 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-7 {
    order: 7 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-7 {
    order: 7 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-7 {
    order: 7 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-7 {
    order: 7 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-7 {
    order: 7 !important;
  }
}
.order-8 {
  order: 8 !important;
}

@media (min-width: 0) {
  .order-xxs-8 {
    order: 8 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-8 {
    order: 8 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-8 {
    order: 8 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-8 {
    order: 8 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-8 {
    order: 8 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-8 {
    order: 8 !important;
  }
}
.order-9 {
  order: 9 !important;
}

@media (min-width: 0) {
  .order-xxs-9 {
    order: 9 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-9 {
    order: 9 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-9 {
    order: 9 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-9 {
    order: 9 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-9 {
    order: 9 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-9 {
    order: 9 !important;
  }
}
.order-10 {
  order: 10 !important;
}

@media (min-width: 0) {
  .order-xxs-10 {
    order: 10 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-10 {
    order: 10 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-10 {
    order: 10 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-10 {
    order: 10 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-10 {
    order: 10 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-10 {
    order: 10 !important;
  }
}
.order-11 {
  order: 11 !important;
}

@media (min-width: 0) {
  .order-xxs-11 {
    order: 11 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-11 {
    order: 11 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-11 {
    order: 11 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-11 {
    order: 11 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-11 {
    order: 11 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-11 {
    order: 11 !important;
  }
}
.order-12 {
  order: 12 !important;
}

@media (min-width: 0) {
  .order-xxs-12 {
    order: 12 !important;
  }
}
@media (min-width: 24.75rem) {
  .order-xs-12 {
    order: 12 !important;
  }
}
@media (min-width: 48rem) {
  .order-sm-12 {
    order: 12 !important;
  }
}
@media (min-width: 51.5rem) {
  .order-md-12 {
    order: 12 !important;
  }
}
@media (min-width: 71.25rem) {
  .order-lg-12 {
    order: 12 !important;
  }
}
@media (min-width: 76.25rem) {
  .order-xl-12 {
    order: 12 !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

body {
  margin: 0 auto;
  padding: 0;
  background: var(--background);
  font-family: var(--sans);
  color: var(--body);
  font-size: 1rem;
}

.whiteout {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: red;
  z-index: 20000;
  display: none;
}

.global-header {
  display: none;
}

.launch-auditorium {
  padding: 2.75rem 2rem;
  margin: 1rem 0;
  background: #DF362F;
}
@media screen and (max-width: 550px) {
  .launch-auditorium {
    padding: 1.5rem 1.5rem;
    position: relative;
  }
}
.launch-auditorium a {
  font-size: 2.5rem;
  color: white;
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .launch-auditorium a {
    font-size: 1.75rem;
    margin-right: 2rem;
  }
}
.launch-auditorium .launch-auditorium-icon {
  width: 2.5rem;
  margin-left: 1rem;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .launch-auditorium .launch-auditorium-icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.7rem;
    width: 1.75rem;
  }
}
.launch-auditorium .launch-auditorium-logo {
  margin-top: -1.5rem;
  float: right;
  display: inline-block;
}
@media only screen and (max-width: 964px) {
  .launch-auditorium .launch-auditorium-logo {
    display: none;
  }
}

.interstitial {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  z-index: 6000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.interstitial[aria-hidden=true] {
  opacity: 0;
  z-index: -1;
}
.interstitial .interstitial-content {
  position: relative;
  margin: 0 auto;
}
.interstitial .interstitial-content .interstitial-close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.interstitial .interstitial-content .interstitial-close svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke: var(--white);
}
.interstitial .interstitial-content .interstitial-close:hover svg {
  stroke: var(--primary);
}

.gsc-control-cse {
  padding: 0 !important;
  font-family: var(--sans) !important;
  background: none !important;
  border: none !important;
}
.gsc-control-cse .gsc-input-box {
  border: 1px solid var(--border) !important;
  border-radius: 0.25rem !important;
}
.gsc-control-cse .gsc-input-box .gsib_a {
  padding: 0.75rem 1rem !important;
}
.gsc-control-cse .gsc-input-box .gsib_a input {
  font-family: inherit !important;
}
.gsc-control-cse .gsc-input-box .gscb_a {
  color: var(--body-alt) !important;
}
.gsc-control-cse .gsc-input-box .gscb_a:hover {
  color: var(--primary) !important;
}
.gsc-control-cse button.gsc-search-button {
  padding: 0.75rem 1rem !important;
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  border-radius: 0.25rem;
}
.gsc-control-cse button.gsc-search-button svg {
  width: 1rem !important;
  height: 1rem !important;
  fill: var(--background) !important;
  border: 1px solid var(--primary) !important;
}
.gsc-control-cse button.gsc-search-button:hover {
  background: var(--background) !important;
}
.gsc-control-cse button.gsc-search-button:hover svg {
  fill: var(--primary) !important;
  border: 1px solid var(--background) !important;
}
.gsc-control-cse .gsc-adBlock {
  display: none;
}
.gsc-control-cse .gsc-results {
  border-top: 1px solid var(--border-alt) !important;
  width: 100% !important;
  padding: 0 !important;
}
.gsc-control-cse .gsc-results .gsc-result {
  padding: 1rem 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--border-alt) !important;
  position: relative;
}
.gsc-control-cse .gsc-above-wrapper-area {
  border: none !important;
}
.gsc-control-cse .gsc-above-wrapper-area .gsc-result-info {
  font-size: 1rem !important;
  color: var(--body-alt);
  padding: 1rem 0 !important;
}
.gsc-control-cse .gsc-cursor-box {
  font-family: var(--sans) !important;
  font-size: 1.25rem !important;
  text-align: center;
  margin: 1rem !important;
}
.gsc-control-cse .gsc-cursor-box .gsc-cursor-page {
  color: var(--primary) !important;
}
.gsc-control-cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  color: var(--body) !important;
}
.gsc-control-cse .gs-result {
  padding: 0 !important;
}
.gsc-control-cse .gs-result .gsc-thumbnail-inside {
  padding: 0 !important;
}
.gsc-control-cse .gs-result .gsc-url-top {
  font-size: 0.8rem !important;
  color: var(--body-alt) !important;
  padding: 0 !important;
  margin-top: 0.5rem !important;
}
.gsc-control-cse .gs-result .gsc-url-top * {
  color: inherit !important;
}
.gsc-control-cse .gs-result .gsc-table-result {
  padding: 0 !important;
  margin-top: 0.5rem !important;
}
.gsc-control-cse .gs-result .gs-image {
  display: block;
  border: 1px solid var(--border-alt);
}
.gsc-control-cse .gs-result .gs-image > img {
  border: none !important;
}
.gsc-control-cse .gs-result .gs-title {
  overflow: visible;
}
.gsc-control-cse .gs-result .gs-title * {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
.gsc-control-cse .gs-result .gs-title a {
  color: var(--heading) !important;
  display: block !important;
}
.gsc-control-cse .gs-result .gs-title a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.gsc-control-cse .gs-result .gs-title a:hover {
  text-decoration: underline !important;
}
.gsc-control-cse .gs-result .gs-title a b {
  color: var(--primary);
  /*background: $heading;*/
}
.gsc-control-cse .gs-result .gs-snippet {
  font-family: var(--sans) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: var(--body);
}
.gsc-control-cse .gcsc-find-more-on-google {
  color: var(--primary) !important;
}
.gsc-control-cse .gcsc-find-more-on-google .gcsc-find-more-on-google-magnifier {
  fill: var(--primary) !important;
}