@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  line-height: calc(0.5rem + 1em);
}

*,
::before,
::after {
  box-sizing: border-box;
}

*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  block-size: 100%;
  -webkit-text-size-adjust: none;
}

@media (prefers-reduced-motion: no-preference) {
  html,
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeSpeed;
  min-block-size: 100%;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

:where(img) {
  inline-size: 100%;
}

:where(svg) {
  stroke: none;
  fill: currentColor;
}

:where(svg):where(:not([fill])) {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
:where(ul, ol)[role=list] {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

:where(a[href], area, button, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

:where(:focus-visible) {
  outline-style: dotted;
  outline-width: 0.1875rem;
  outline-color: currentColor;
}

:where(:focus-visible):not(:active) {
  outline-offset: 0.125rem;
  transition-duration: 0.25s;
}

@media (prefers-reduced-motion: no-preference) {
  :where(:focus-visible) {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  text-align: center;
}

:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

:where(button) {
  background: none;
}

:root {
  --rtl: 1;
  --bg-main: rgb(0 10 26);
  --bg-main-rgb: 0 10 26;
  --bg-main-hover: rgb(0 18 40);
  --bg-inverse-rgb: 255 255 255;
  --bg-footer: rgb(0 5 13);
  --bg-menu: rgb(0 0 0);
  --bg-menu-mobile: rgb(0 0 0 / 0.5);
  --bg-popup: rgb(247 248 250 / 0.9);
  --bg-popup-opaque: rgb(247 248 250);
  --bg-soft: hsl(209deg 57% 14%);
  --bg-black: black;
  --bg-white: white;
  --grey-lightest: #f3f4f6;
  --grey-lighter: #e4e9eb;
  --grey-light: #cbd4d8;
  --grey-medium: #b3b9c8;
  --grey-dark: #919fa9;
  --grey-darker: #7d8a91;
  --text-white: white;
  --text-black: black;
  --text-subdued: var(--grey-dark);
  --text-dark: #444;
  --text-link-hover: var(--theme-light-blue);
  --text-link-visited: var(--theme-magenta);
  --cta-pressed: var(--grey-medium);
  --theme-blue: #22517b;
  --theme-blue-rgb: 37 81 123;
  --theme-grey: #919fa9;
  --theme-green: #00a082;
  --theme-orange: #ef9d0a;
  --theme-purple: #6d5ba3;
  --theme-magenta: #9d2c7c;
  --theme-alt-blue: #176ec7;
  --theme-dark-blue: #172b49;
  --theme-light-blue: #3396bc;
  --theme-light-green: #97c232;
  --theme-blue-darker: #12324f;
  --theme-green-darker: #008f74;
  --theme-dark-orange: #f86202;
  --theme-orange-darker: #de9109;
  --theme-purple-darker: #60508f;
  --theme-magenta-darker: #8c276f;
  --theme-alt-blue-darker: #12589e;
  --theme-dark-blue-darker: #0c192d;
  --theme-light-blue-darker: #318eb3;
  --theme-light-green-darker: #82b542;
  --theme-blue-lighter: #2a5e8a;
  --theme-green-lighter: #14c1a0;
  --theme-orange-lighter: #f8d402;
  --theme-purple-lighter: #8977c1;
  --theme-magenta-lighter: #9d2c7c;
  --theme-alt-blue-lighter: #1c82e7;
  --theme-dark-blue-lighter: #243d62;
  --theme-light-blue-lighter: #44a2c7;
  --theme-light-green-lighter: #b7e252;
  --theme: var(--theme-blue);
  --theme-lighter: var(--theme-blue-lighter);
  --theme-darker: var(--theme-blue-darker);
  --blue-gradient: linear-gradient(var(--angle), var(--theme-light-blue) 0%, var(--theme-dark-blue) 100%);
  --angle: 15deg;
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-dark-blue);
  --gradient-light-lighter: var(--theme-blue-lighter);
  --gradient-dark-lighter: var(--theme-blue);
  --filter-hue-rotate: 310deg;
  --filter-brightness: 0.8;
  --filter-pre-saturate: 40;
  --filter-post-saturate: 1.2;
  --max-container-width: 100rem;
  --container-padding: clamp(2rem, 3vw, 3rem);
  --inline-reverse-padding: clamp(
      var(--container-padding),
      var(--container-padding) + 0.5 * (100vw - var(--max-container-width)),
      2 * var(--gap-section)
  );
  --inline-reverse-margin: calc(-1 * var(--inline-reverse-padding));
  --inline-container-excess: MAX(var(--container-padding), (100vw - var(--max-container-width)) / 2 + 3rem);
  --text-size-h1-dynamic: clamp(2.8rem, 1.54rem + 3.16vw, 4.7rem);
  --text-size-h1: 4.7rem;
  --text-size-h2: clamp(1.85rem, 8vw, 2.5rem);
  --text-size-h3: 1.45rem;
  --text-size-h3-dynamic: clamp(1.25rem, 0.5rem + 1vw, 1.45rem);
  --text-size-tiny: 0.8rem;
  --text-size-small: 0.9rem;
  --text-size-standard: 1.0625rem;
  --text-size-larger: 1.1875rem;
  --text-size-large: clamp(1.5rem, 2vw, 1.85rem);
  --text-size-menu: 1rem;
  --text-size-label: 1rem;
  --text-size-tag: 0.75rem;
  --text-size-cta: 1.125rem;
  --text-size-icon: 1.125rem;
  --text-size-callout: clamp(2rem, 5vw, 5rem);
  --text-size-micro: 0.75rem;
  --text-size-lang: clamp(0.5rem, 0.75vw, 0.75rem);
  --max-text-width: 49rem;
  --text-weight-bold: 700;
  --text-weight-medium: 500;
  --text-weight-regular: 300;
  --gap-tiny: 0.5rem;
  --gap-small: 1rem;
  --gap: 2rem;
  --gap-large: 4rem;
  --gap-larger: 6rem;
  --gap-section: 8rem;
  --gap-dynamic: clamp(1rem, 3vw, 2rem);
  --gap-dynamic-large: clamp(1rem, 6vw, 4rem);
  --gap-section-collapsible: clamp(0rem, 8vw, 8rem);
  --box-padding: 1rem;
  --box-padding-shallow: 0.5rem 1rem;
  --box-padding-small: 0.5rem;
  --box-padding-large: clamp(1.25rem, 2.5vw, 2rem);
  --box-padding-xlarge: calc(2 * var(--box-padding-large));
  --btn-padding-block: 0.75rem;
  --btn-padding-inline: 1.5rem;
  --padding-ch: 0.35ch 1ch;
  --border-soft: 1px solid rgb(var(--bg-inverse-rgb) / 0.25);
  --border-medium: 1px solid rgb(var(--bg-inverse-rgb) / 0.5);
  --border-hard: 1px solid rgb(var(--bg-inverse-rgb) / 1);
  --border-blue-thick: 5px solid rgb(var(--theme-blue-rgb) / 0.5);
  --border-theme-hard: 1px solid var(--theme-not-blue, rgb(var(--bg-inverse-rgb) / 0.25));
  --border-theme-medium: 1px solid rgb(var(--theme-not-blue, var(--bg-inverse-rgb)) / 0.5);
  --border-theme-soft: 1px solid rgb(var(--theme-not-blue, var(--bg-inverse-rgb)) / 0.25);
  --arrow-width: 0.125rem;
  --arrow-width-large: 0.25rem;
  --border-width-tiny: 1px;
  --border-width-thin: 0.25rem;
  --border-width-thinner: 0.375rem;
  --border-width: 0.75rem;
  --border-width-large: 1.5rem;
  --border-width-testimonial: 0.1875rem;
  --border-width-button: 0.125rem;
  --icon-border-width: 0.25rem;
  --border-radius-small: 0.25rem;
  --border-radius-standard: 0.5rem;
  --border-radius-large: 1rem;
  --border-radius-huge: 2rem;
  --s: 0.25rem;
  --m: 0.5rem;
  --l: 0.75rem;
  --shadow-opacity: 0.05;
  --shadow-color: rgb(0 0 0 / 0.1);
  --shadow-outline: 0 0 var(--s) var(--shadow-color);
  --shadow-standard: var(--s) var(--s) var(--m) var(--shadow-color);
  --shadow-large: var(--m) var(--m) var(--l) var(--shadow-color);
  --shadow-extra-top: 0 -1px 0px rgb(0 0 0 / 0.3);
  --shadow-inset-light: inset 0 0 var(--s) var(--shadow-color);
  --shadow-emboss: inset 0px 1px 0px rgb(255 255 255 / 0.2), inset 0px -1px 0px rgb(0 0 0 / 0.5);
  --bg-white-glow: radial-gradient(ellipse at bottom center, rgb(255 255 255 / 0.8) 0%, rgb(255 255 255 / 0) 75%);
  --bg-blue-glow: radial-gradient(ellipse at bottom center, rgb(23 110 199 / 0.1) 0%, rgb(23 110 199 / 0) 75%);
  --icon-upper-header: clamp(1.25rem, 1.5vw, 1.5rem);
  --icon-size-tiny: 1.5rem;
  --icon-size-small: 2rem;
  --icon-size-standard: 4rem;
  --icon-size-larger: 6rem;
  --icon-size-large: 8rem;
  --icon-size-huge: 16rem;
  --transition-out-quadratic: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-out-quartic: cubic-bezier(0.165, 0.84, 0.44, 1);
  --transition-in-out-quadratic: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --transition-bounce: cubic-bezier(0.45, 0.04, 0.37, 1.74);
  --transition-elastic-in-out: cubic-bezier(0.5, -0.3, 0.1, 1.5);
  --transition-spring: linear(
      0,
      0.007,
      0.029 2.2%,
      0.118 4.7%,
      0.625 14.4%,
      0.826 19%,
      0.902,
      0.962,
      1.008 26.1%,
      1.041 28.7%,
      1.064 32.1%,
      1.07 36%,
      1.061 40.5%,
      1.015 53.4%,
      0.999 61.6%,
      0.995 71.2%,
      1
  );
  --transition-spring-bounce: linear(
      0,
      0.002,
      0.01 0.9%,
      0.038 1.8%,
      0.156,
      0.312 5.8%,
      0.789 11.1%,
      1.015 14.2%,
      1.096,
      1.157,
      1.199,
      1.224 20.3%,
      1.231,
      1.231,
      1.226,
      1.214 24.6%,
      1.176 26.9%,
      1.057 32.6%,
      1.007 35.5%,
      0.984,
      0.968,
      0.956,
      0.949 42%,
      0.946 44.1%,
      0.95 46.5%,
      0.998 57.2%,
      1.007,
      1.011 63.3%,
      1.012 68.3%,
      0.998 84%,
      1
  );
  --blur-small: 3px;
  --blur-medium: 6px;
  --blur-large: 15px;
  --blur-very-large: 25px;
  --blend-default: normal;
  --blur-underlay-opacity: 0.4;
  --scrollbar-width: 0.8rem;
  --bg-scrollbar-track: var(--theme-dark-blue-lighter);
  --bg-scrollbar-thumb: var(--theme-light-blue);
  --bg-scrollbar-thumb-outline: var(--theme-light-blue-lighter);
  --disabled-opacity: 0.24;
}

@supports (container-type: inline-size) {
  :root {
    --text-size-h3: clamp(1.25rem, 8cqi, 1.45rem);
    --text-size-large: clamp(1.5rem, 6cqi, 1.85rem);
  }
}
@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :root {
    --distance-x: calc(-2 * (var(--mouse-x, 0.5) - 0.5));
    --distance-y: calc(-2 * (var(--mouse-y, 0.25) - 0.5));
    --shadow-standard: calc(var(--distance-x) * var(--s)) calc(var(--distance-y) * var(--s)) var(--m) var(--shadow-color);
    --shadow-large: calc(var(--distance-x) * var(--m)) calc(var(--distance-y) * var(--m)) var(--l) var(--shadow-color);
  }
}
@media (prefers-contrast: more) {
  :root {
    --bg-main: black;
    --bg-main-rgb: 0 0 0;
    --bg-main-hover: rgb(0 18 40);
    --bg-inverse-rgb: 255 255 255;
    --bg-footer: black;
    --bg-menu: black;
    --bg-menu-mobile: black;
    --bg-menu-shade: 0 0 0;
    --bg-soft: transparent;
    --bg-popup: white;
    --bg-black: black;
    --bg-white: white;
    --grey-lightest: white;
    --grey-lighter: white;
    --grey-light: white;
    --grey-medium: white;
    --grey-dark: white;
    --grey-darker: white;
    --text-white: white;
    --text-black: black;
    --text-subdued: white;
    --text-dark: black;
    --blur-underlay-opacity: 0;
    --contrast: 50%;
  }
}
:root,
:where(.blue,
.blue-alt,
.blue-lighter,
.blue-green,
.green,
.orange,
.purple,
.magenta,
.call-to-action,
.news-showcase__cta,
.hero-container-image-wrapper,
.news-summary-categories > li) {
  --theme-gradient: linear-gradient(var(--angle), var(--gradient-dark) 0%, var(--gradient-light) 100%);
  --theme-gradient-lighter: linear-gradient(var(--angle), var(--gradient-dark-lighter) 0%, var(--gradient-light-lighter) 100%);
  --theme-gradient-triple: linear-gradient(
      var(--angle),
      var(--gradient-light) 0%,
      rgb(var(--bg-main-rgb) / 0) 45%,
      var(--gradient-light) 100%
  );
  --border-theme-hard: 1px solid var(--theme-not-blue, rgb(var(--bg-inverse-rgb) / 0.25));
  --border-theme-medium: 1px solid rgb(var(--theme-not-blue, var(--bg-inverse-rgb)) / 0.5);
  --border-theme-soft: 1px solid rgb(var(--theme-not-blue, var(--bg-inverse-rgb)) / 0.25);
  --gradient-border: linear-gradient(var(--bg-main-hover), var(--bg-main-hover)) padding-box, var(--theme-gradient) border-box;
}

:where(.shortHeader) {
  --blur-small: 3px;
}

body.light {
  --is-light: 0%;
  --bg-main: rgb(231 236 238);
  --bg-main-hover: rgb(255 255 255);
  --bg-main-rgb: 232 237 239;
  --bg-footer: #000a1a;
  --bg-menu: rgb(255 255 255);
  --bg-menu-mobile: rgb(255 255 255 / 0.85);
  --bg-soft: hsl(209deg 14% 90%);
  --bg-black: white;
  --bg-white: #000a1a;
  --bg-inverse-rgb: 0 0 0;
  --text-white: #444;
  --text-subdued: var(--grey-darker);
  --text-black: white;
  --bg-white-if-light: white;
  --bg-scrollbar-track: rgb(0 0 0 / 0.1);
  --bg-scrollbar-thumb: var(--theme-light-blue-lighter);
  --bg-scrollbar-thumb-outline: rgb(0 0 0 / 0.05);
  --border-soft: 1px solid rgb(var(--bg-inverse-rgb) / 0.25);
  --border-medium: 1px solid rgb(var(--bg-inverse-rgb) / 0.5);
  --border-hard: 1px solid rgb(var(--bg-inverse-rgb) / 1);
  --border-medium: 1px solid rgb(var(--bg-inverse-rgb) / 0.5);
  --border-blue-thick: 5px solid rgb(52 150 189 / 0.5);
  --bg-blue-glow: var(--bg-white-glow);
  --blur-underlay-opacity: 0.3;
}
body.light .lightswitch::after {
  margin-inline: 0.2rem 50%;
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
body.light :where(.feature-item__icon, .feature-item-v2) img[src*="_white.svg"] {
  filter: sepia(1) Saturate(var(--filter-pre-saturate)) hue-rotate(var(--filter-hue-rotate)) brightness(var(--filter-brightness, 1)) Saturate(var(--filter-post-saturate));
}

@media (prefers-contrast: more) {
  body.light {
    --bg-main: white;
    --bg-main-hover: white;
    --bg-main-rgb: 255 255 255;
    --bg-footer: black;
    --bg-menu: #ffffff;
    --bg-menu-mobile: white;
    --bg-menu-shade: 255 255 255;
    --bg-black: white;
    --bg-white: black;
    --bg-inverse-rgb: 0 0 0;
    --text-white: black;
    --text-black: white;
    --text-subdued: white;
    --bg-white-if-light: white;
    --bg-scrollbar-track: rgb(0 0 0 / 0.1);
  }
}
:root {
  --icon-down: polygon(16% 36%, 84% 36%, 50% 70%);
  --icon-arrow-down: polygon(44% 12%, 56% 12%, 56% 64%, 74% 46%, 83% 54%, 50% 88%, 16% 54%, 25% 46%, 44% 64%);
  --icon-cross: polygon(
      28% 19%,
      19% 28%,
      41% 50%,
      19% 71%,
      28% 81%,
      50% 59%,
      72% 81%,
      81% 72%,
      59% 50%,
      81% 28%,
      72% 19%,
      50% 41%
  );
  --icon-tick: polygon(13% 41%, 38% 66%, 88% 16%, 97% 25%, 38% 84%, 4% 50%);
  --icon-external: polygon(
      88% 11%,
      88% 43%,
      77% 43%,
      78% 29%,
      47% 60%,
      47% 60%,
      72% 53%,
      83% 53%,
      83% 84%,
      16% 84%,
      16% 17%,
      47% 17%,
      47% 27%,
      27% 27%,
      27% 73%,
      73% 73%,
      72% 53%,
      47% 60%,
      47% 60%,
      39% 53%,
      70% 22%,
      57% 22%,
      57% 12%
  );
  --icon-download: polygon(
      50% 74%,
      63% 62%,
      87% 61%,
      87% 85%,
      14% 85%,
      14% 62%,
      37% 61%,
      50% 74%,
      50% 68%,
      75% 43%,
      68% 37%,
      55% 51%,
      55% 12%,
      45% 12%,
      45% 50%,
      32% 37%,
      25% 44%,
      50% 68%
  );
  --icon-video: polygon(88% 50%, 20% 14%, 20% 86%);
  --icon-power-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='opacity:0.3' viewBox='0 0 512 512'%3E%3Cpath d='M280 264C280 277.3 269.3 288 256 288C242.7 288 232 277.3 232 264V24C232 10.75 242.7 0 256 0C269.3 0 280 10.75 280 24V264zM56 262C56 368 141.1 454 248 454C354 454 440 368 440 262C440 198.6 409.3 142.3 361.8 107.3C351.1 99.46 348.8 84.43 356.7 73.76C364.5 63.09 379.6 60.82 390.2 68.68C449.5 112.3 488 182.7 488 262C488 394.6 380.5 502 248 502C115.5 502 8 394.6 8 262C8 182.7 46.52 112.3 105.8 68.68C116.4 60.82 131.5 63.09 139.3 73.76C147.2 84.43 144.9 99.46 134.2 107.3C86.74 142.3 55.1 198.6 55.1 262H56z'/%3E%3C/svg%3E");
  --icon-power-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2300a082' d='M147.7 75.54C158.1 89.13 157.1 109.3 143.5 120.6C104.7 152.9 80 201.6 80 256C80 353.2 158.8 432 256 432C353.2 432 432 353.2 432 256C432 201.6 407.3 152.9 368.5 120.6C354.9 109.3 353 89.13 364.3 75.54C375.6 61.95 395.8 60.1 409.4 71.4C462.2 115.4 496 181.8 496 256C496 388.6 388.5 496 256 496C123.5 496 16 388.6 16 256C16 181.8 49.75 115.4 102.6 71.4C116.2 60.1 136.4 61.95 147.7 75.54V75.54z'/%3E%3Cpath fill='RGB(0,160,130,0.6)' d='M256 0C273.7 0 288 14.33 288 32V256C288 273.7 273.7 288 256 288C238.3 288 224 273.7 224 256V32C224 14.33 238.3 0 256 0z'/%3E%3C/svg%3E");
  --icon-magnify: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L486.6 441.4 509.3 464 464 509.3l-22.6-22.6L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3E%3C/svg%3E");
  --icon-email: polygon(
      19% 21%,
      18% 21%,
      15% 22%,
      13% 23%,
      12% 26%,
      12% 27%,
      12% 29%,
      13% 33%,
      14% 34%,
      50% 61%,
      86% 34%,
      87% 33%,
      89% 29%,
      88% 27%,
      88% 26%,
      87% 23%,
      85% 22%,
      82% 21%,
      81% 21%,
      19% 21%,
      19% 21%,
      11% 38%,
      11% 69%,
      12% 71%,
      13% 75%,
      16% 77%,
      19% 79%,
      21% 79%,
      79% 79%,
      81% 79%,
      84% 77%,
      87% 75%,
      88% 71%,
      89% 69%,
      89% 38%,
      50% 67%,
      11% 38%,
      11% 38%
  );
  --icon-phone: polygon(
      36.8% 13.4%,
      36.3% 12.4%,
      34.8% 10.9%,
      32.9% 9.9%,
      30.8% 9.7%,
      29.7% 9.9%,
      16.4% 13.6%,
      14.6% 14.4%,
      12.3% 17.4%,
      11.9% 19.4%,
      12.3% 26.3%,
      15% 39.5%,
      20.1% 51.6%,
      27.4% 62.4%,
      36.5% 71.5%,
      47.3% 78.8%,
      59.4% 83.9%,
      72.6% 86.6%,
      79.5% 87%,
      81.5% 86.6%,
      84.5% 84.3%,
      85.3% 82.5%,
      89% 69.2%,
      89.1% 68.1%,
      88.9% 66%,
      88% 64.1%,
      86.4% 62.6%,
      85.5% 62.1%,
      71% 56%,
      69.1% 55.6%,
      65.4% 56.5%,
      64% 57.8%,
      57.9% 65.2%,
      54% 63.2%,
      46.9% 58.2%,
      40.7% 52%,
      35.7% 44.9%,
      33.7% 41%,
      41.1% 34.9%,
      42.4% 33.5%,
      43.3% 29.8%,
      42.9% 27.9%,
      36.8% 13.5%,
      36.8% 13.4%,
      36.8% 13.4%,
      0% 0%
  );
  --icon-list: polygon(
      16% 22%,
      29% 22%,
      29% 24%,
      84% 24%,
      84% 33%,
      35% 33%,
      35% 24%,
      29% 24%,
      29% 42%,
      29% 35%,
      16% 35%,
      16% 30%,
      16% 43%,
      29% 43%,
      29% 45%,
      84% 45%,
      84% 54%,
      35% 54%,
      35% 45%,
      29% 45%,
      29% 63%,
      29% 56%,
      16% 56%,
      16% 64%,
      29% 64%,
      29% 66%,
      84% 66%,
      84% 75%,
      35% 75%,
      35% 66%,
      29% 66%,
      29% 84%,
      29% 77%,
      16% 77%
  );
}

.magnifying-glass {
  background-color: rgba(0, 0, 0, 0);
  display: grid;
  position: relative;
  aspect-ratio: 1;
}
.magnifying-glass::before {
  content: "";
  display: block;
  aspect-ratio: 1;
  inline-size: calc(var(--icon-size) - var(--thickness, 0.1875rem));
  block-size: calc(var(--icon-size) - var(--thickness, 0.1875rem));
  border-radius: 100vmax;
  border: var(--thickness, 0.1875rem) solid currentColor;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
  cursor: pointer;
}
.magnifying-glass::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-width: 0;
  background: currentColor;
  inline-size: clamp(var(--handle, 0.25rem) * 2, 0.1vw + var(--handle, 0.25rem) * 1.9, var(--handle, 0.25rem) * 2.3);
  height: var(--thickness, 0.1875rem);
  rotate: 53deg;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
  cursor: pointer;
}
.magnifying-glass:hover::before {
  scale: 1.25;
}
.magnifying-glass:hover::after {
  scale: 1.25;
  right: calc(var(--thickness, 0.1875rem) * -0.5);
  bottom: calc(var(--thickness, 0.1875rem) * -0.5);
}

@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Medium/Montserrat-Medium.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Medium/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Bold/Montserrat-Bold.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Bold/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Light/Montserrat-Light.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Light/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Light/Montserrat-LightItalic.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Light/Montserrat-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Bold/Montserrat-BoldItalic.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Bold/Montserrat-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Medium/Montserrat-MediumItalic.woff2") format("woff2"), url("/etc/designs/westcon-wcgcom/clientlib-site/assets/fonts/Montserrat%20Medium/Montserrat-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
:where(select, textarea, input:not([type=checkbox]):not([type=radio])) {
  color: black;
  border-radius: var(--border-radius-small);
  display: block;
  font-weight: var(--text-weight-medium);
  margin-block: var(--gap-tiny) var(--gap-small);
  padding: var(--padding-ch);
  text-overflow: ellipsis;
  box-shadow: var(--shadow-outline);
  inline-size: min(100%, 30ch);
  outline-width: 0.125rem;
  outline-color: RGB(var(--bg-inverse-rgb));
  border: var(--border-soft);
}
:where(select, textarea, input:not([type=checkbox]):not([type=radio]))::placeholder {
  font-weight: var(--text-weight-regular);
}

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  --arrow: 0.3125rem;
  --arrow-size: 1.25rem;
  --line: 1px;
  background-image: linear-gradient(45deg, transparent 50%, var(--text-dark) 50%), linear-gradient(135deg, var(--text-dark) 50%, transparent 50%), linear-gradient(to right, var(--grey-light), var(--grey-light));
  --select-start: 50% + 50% * var(--rtl, 1) - var(--rtl, 1) * var(--arrow-size);
  background-position: calc(var(--select-start)) 50%, calc(var(--select-start) + var(--arrow)) 50%, calc(var(--select-start) - var(--rtl, 1) * var(--arrow-size)) 0;
  background-size: var(--arrow) var(--arrow), var(--arrow) var(--arrow), var(--line) 100%;
  background-repeat: no-repeat;
}

input:where([type=checkbox], [type=radio]) {
  display: grid;
  place-items: center;
  grid-template-areas: "stack";
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1;
  position: relative;
  border: 1px solid currentColor;
  border-radius: var(--border-radius-small);
  vertical-align: middle;
  appearance: none;
  outline: none;
  color: var(--text-white);
  transition: background-color var(--speed-standard) var(--transition-in-out-quadratic);
}
input:where([type=checkbox], [type=radio]):where(:focus, :focus-visible) {
  outline-style: dotted;
}
input:where([type=checkbox], [type=radio]):where(:active, :hover, :focus, :focus-visible) {
  background-color: rgb(var(--bg-inverse-rgb)/0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input:where([type=checkbox], [type=radio]):where(:active) {
  background-color: rgb(var(--bg-inverse-rgb)/0.2);
}
input:where([type=checkbox], [type=radio])::after {
  grid-area: stack;
  background-color: currentColor;
  animation-timing-function: var(--transition-bounce);
  animation-duration: var(--speed-standard);
  animation-name: zoomIn;
  animation-fill-mode: both;
}
input:where([type=checkbox], [type=radio]):checked::after {
  content: "";
  clip-path: var(--icon-tick);
  width: 80%;
  height: 80%;
}

input[type=radio] {
  border-radius: 100vmax;
}
input[type=radio]:not(:checked):hover::before {
  clip-path: circle(50%);
  content: "";
  opacity: 0.5;
  width: 30%;
  height: 30%;
  grid-area: stack;
  background-color: currentColor;
  animation-timing-function: var(--transition-bounce);
  animation-duration: var(--speed-standard);
  animation-name: zoomIn;
  animation-fill-mode: both;
}
input[type=radio]:checked::after {
  content: "";
  clip-path: circle(50%);
  width: 70%;
  height: 70%;
}

select:has(button) {
  background-image: unset !important;
  background-color: white;
  padding: 0.75ch;
}
select:has(button), select:has(button)::picker(select) {
  appearance: base-select !important;
}
select:has(button)::picker(select) {
  transition: opacity var(--speed-fast) ease, transform var(--speed-fast) ease-out, display var(--speed-fast) allow-discrete, overlay var(--speed-fast) allow-discrete;
}
select:has(button)::picker-icon {
  display: none;
}
select:has(button):not(:open)::picker(select) {
  opacity: 0;
  transform: scale(0.95);
}
select:has(button):open::picker(select) {
  opacity: 1;
  transform: scale(1);
}
select:has(button) selectedcontent > * {
  transition: transform var(--speed-snail) var(--transition-spring-bounce), display var(--speed-snail) allow-discrete, opacity var(--speed-snail);
  opacity: 1;
}
@starting-style {
  select:has(button) selectedcontent > * {
    opacity: 0;
    transform: translateY(0.5lh);
  }
}
select:has(button) > button {
  --_text: var(--text-dark);
}
select:has(button) > button:focus-visible {
  outline-offset: -0.1875rem;
}
select:has(button) > button:has(selectedcontent) {
  align-items: start;
  inline-size: 100%;
  min-inline-size: 20ch;
  flex-direction: column;
}
select:has(button) > button > div {
  inline-size: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
select:has(button) > button svg {
  inline-size: 2ch;
  transition: transform var(--speed-standard) var(--transition-spring-bounce);
}
select:has(button):open > button svg {
  transform: rotate(0.5turn);
}
select:has(button)::picker(select) {
  background: var(--bg-popup-opaque);
  border-radius: var(--border-radius-standard);
  padding: 0;
  margin-block: 0.3125rem;
  box-shadow: var(--shadow-standard);
  scrollbar-width: thin;
  scrollbar-color: gray transparent;
}
@media (forced-colors: none) {
  select:has(button)::picker(select) {
    border: none;
  }
}
select:has(button) > div {
  min-inline-size: calc(anchor-size(self-inline) + 1rem);
  scroll-behavior: smooth;
}
select:has(button) > div.scrollable {
  max-block-size: 20lh;
}
select:has(button) > div hr {
  margin-block: var(--gap-small);
}
select:has(button) > div label {
  display: block;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #858a96;
  color: white;
  font-weight: var(--text-weight-bold);
  padding: var(--box-padding-shallow);
}
select:has(button) > div option {
  display: flex;
  align-items: center;
  gap: 1ch;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  cursor: pointer;
  outline-offset: 0px;
}
select:has(button) > div option::checkmark {
  font-weight: var(--text-weight-medium);
}
select:has(button) > div option:focus-visible {
  outline-offset: -2px;
}
select:has(button) > div option:is(:focus, :hover) {
  background-color: color-mix(in lab, currentcolor 10%, transparent);
  color: inherit;
}
select:has(button) > div option:checked {
  background: #91b2ff;
}
select:has(button) .custom-option {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
select:has(button) .custom-icon {
  overflow: hidden;
  block-size: 1.5cap;
  aspect-ratio: 1.5;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
select:has(button) .custom-icon img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.search-section {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "icon search reset";
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-small);
  padding-inline: 0.5ch;
  align-items: center;
  color: var(--text-dark);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.search-section .magnifying-glass {
  --icon-size: var(--icon-upper-header);
  grid-area: icon;
  margin: 0.1875rem;
  pointer-events: none;
  inline-size: var(--icon-upper-header);
}
.search-section input[type=search] {
  grid-area: search;
  inline-size: 100%;
  padding-block: var(--box-padding);
  padding-inline: 0.5ch;
  margin: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.search-section input[type=search]:focus::placeholder {
  color: transparent;
}
.search-section input[type=search]::placeholder {
  transition: color var(--speed-standard) var(--transition-out-quartic);
}
.search-section input[type=search]:focus-visible {
  color: #172b49;
  outline: 0;
}
.search-section input[type=search]:invalid + :is(input[type=reset], .reset) {
  opacity: 0;
  pointer-events: none;
}
.search-section input[type=search]::-webkit-search-cancel-button {
  appearance: none;
}
.search-section :is(input[type=reset], .reset) {
  grid-area: reset;
  height: 1.25rem;
  width: 1.25rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: opacity var(--speed-standard) var(--transition-out-quartic);
  background-color: currentColor;
  clip-path: var(--icon-cross);
}

.mktoForm {
  font-family: unset !important;
  font-size: unset !important;
  color: unset !important;
  width: unset !important;
  columns: 3 17.5rem;
  column-gap: var(--gap-large);
  padding-block: var(--gap);
  column-rule: var(--border-soft);
}
.mktoForm :where(select, textarea, input:not([type=checkbox]:not([type=radio]))) {
  margin-block-start: 0.125rem;
}

.mktoFormRow {
  break-inside: avoid;
  margin-block-end: var(--gap-small);
}
.mktoFormRow label {
  width: unset;
}

.mktoFieldWrap {
  position: relative;
  display: grid;
  max-inline-size: 100%;
}
.mktoFieldWrap :where(input, select, textarea, .mktoLogicalField, .mktoLabel, .mktoHasWidth) {
  width: unset !important;
}

select.mktoHasWidth {
  width: 100% !important;
}

.mktoRequiredField::before {
  content: "⊚";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -1.4ch;
  color: tomato;
}

:where(.mktoCheckboxList, .mktoRadioList) {
  margin-block-start: var(--gap-tiny);
  display: grid;
  grid-template-columns: 1.75rem 1fr;
  gap: var(--gap-tiny);
  align-items: start;
}

:is(.mktoOffset, .mktoClear, .mktoGutter, .mktoAsterix, .mktoRangeValueArrowWrap) {
  display: none;
}

.mktoFieldDescriptor {
  margin-bottom: unset !important;
}

.mktoRangeField {
  display: grid;
}

.mktoRangeValue {
  margin: unset !important;
}

.mktoRangeValueText {
  text-align: center;
}

.wistiaMarketoFormWrapper :is([type=radio], [type=checkbox]) {
  appearance: revert;
}
.wistiaMarketoFormWrapper .mktoLogicalField:has([name=adminGDPRConsentReceived]) {
  display: flex;
}
.wistiaMarketoFormWrapper .mktoLogicalField:has([name=adminGDPRConsentReceived]) label {
  margin: 0;
}

html {
  font-size: clamp(0.875rem, 0.875rem + 0.125 * (100vw - 37.5em) / 25, 1rem);
  scroll-padding-block-start: 1.25rem;
}

body:not([data-edit-mode]) :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, a):empty {
  display: none;
}

h1 {
  font-size: var(--text-size-h1);
  font-weight: var(--text-weight-bold);
  line-height: 1.1;
}

h2 {
  font-size: var(--text-size-h2);
  font-weight: var(--text-weight-bold);
  line-height: 1.2;
}

h3 {
  font-size: var(--text-size-h3);
  font-weight: var(--text-weight-bold);
  line-height: 1.3;
}
h3:is(.large, .larger) {
  font-size: var(--text-size-h2);
}

h4 {
  font-size: var(--text-size-h4);
  font-weight: var(--text-weight-bold);
  line-height: 1.7;
}

p,
li {
  line-height: 1.7;
  max-width: var(--max-text-width);
}

:where(h1, h2, h3, h4, h5, h6, .visual-h3, .visual-h3, .large, .larger) {
  text-wrap: pretty;
}

[data-no-balancing] :where(h1, h2, h3, h4, h5, h6) {
  text-wrap: revert;
}

.unbalance-lines {
  overflow-wrap: normal;
}

:where(p, h1, h2, h3, h4, h5, h6) + :where(p, ul, ol, img, h4, h5, h6) {
  margin-block-start: var(--gap-small);
}

:where(p, ul, ol) + :where(h1, h2, h3) {
  margin-block-start: var(--gap);
}

:where(.sub-heading) + :where(h2, h3, h4, h5, h6) {
  margin-block-start: unset;
}

:where(a) {
  color: inherit;
}
:where(a):where(:hover, :focus-visible) {
  text-decoration-color: var(--text-link-hover);
  text-decoration-thickness: 2px;
}
:where(a):visited {
  text-decoration-color: var(--text-link-visited);
}

p:has(img[style*=float]) {
  max-width: unset;
}

p:is(.large, .visual-h3) {
  font-size: var(--text-size-h3);
  line-height: 1.3;
}
p:is(.larger, .visual-h2) {
  font-size: var(--text-size-h2);
  line-height: 1.2;
}
p:is(.bold, .visual-h2, .visual-h3) {
  font-weight: var(--text-weight-bold);
}

.size1 {
  font-size: clamp(1.063rem, 1.9vw, 1.186rem);
}

.size2 {
  font-size: clamp(1.125rem, 2.04vw, 1.275rem);
}

.size3 {
  font-size: clamp(1.188rem, 2.19vw, 1.366rem);
}

.size4 {
  font-size: clamp(1.25rem, 2.33vw, 1.458rem);
}

.size5 {
  font-size: clamp(1.313rem, 2.49vw, 1.553rem);
}

.size6 {
  font-size: clamp(1.375rem, 2.64vw, 1.65rem);
}

.size7 {
  font-size: clamp(1.438rem, 2.8vw, 1.749rem);
}

.size8 {
  font-size: clamp(1.5rem, 2.96vw, 1.85rem);
}

.size9 {
  font-size: clamp(1.563rem, 3.13vw, 1.953rem);
}

.size10 {
  font-size: clamp(1.625rem, 3.29vw, 2.058rem);
}

.size11 {
  font-size: clamp(1.688rem, 3.47vw, 2.166rem);
}

.size12 {
  font-size: clamp(1.75rem, 3.64vw, 2.275rem);
}

.size13 {
  font-size: clamp(1.813rem, 3.82vw, 2.386rem);
}

.size14 {
  font-size: clamp(1.875rem, 4vw, 2.5rem);
}

:where(.text-content,
.text-container,
.feature-item__text,
.news-showcase__content,
.text,
.accordion,
.featuresv2,
.blog-our-picks__sidebar,
.blogcontent,
.contentcarouselslide) :where(ul, ol) {
  padding-inline-start: 2ch;
}
:where(.text-content,
.text-container,
.feature-item__text,
.news-showcase__content,
.text,
.accordion,
.featuresv2,
.blog-our-picks__sidebar,
.blogcontent,
.contentcarouselslide) :where(ul, ol) li {
  padding-inline-start: 0.5ch;
  padding-block-end: 1ch;
}

:where(blockquote) {
  padding: var(--gap-small) var(--gap);
  margin: var(--gap) 0;
  border-inline-start: 0.3rem solid var(--theme);
}

span[style*="font-weight: normal"] {
  font-weight: inherit !important;
}

details[open] summary {
  border-block-end: var(--border-soft);
  margin-block-end: var(--gap-tiny);
}

.object-fit-cover {
  overflow: hidden;
}
.object-fit-cover > * {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}

.hidden-overflow {
  overflow: hidden;
}

.scroll-y {
  overflow-y: scroll;
}

.text-flow-circle {
  shape-outside: circle(50%);
}

.text-flow-polygon {
  shape-outside: polygon(var(--polygon));
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.ribbon {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  --angle: 90deg;
  background-image: var(--theme-gradient);
}

.ribbon-heading {
  margin-block-end: var(--gap);
  color: white;
  line-height: 165%;
}
.ribbon-heading span {
  background: var(--theme-gradient);
  pointer-events: none;
  padding: 0.2ch 0.5ch;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.ribbon-heading-inverse {
  line-height: 165%;
  margin-block-start: var(--border-width);
  margin-block-end: var(--gap);
  filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.1));
}
.ribbon-heading-inverse > span {
  background: white;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.2ch 0.5ch;
}
.ribbon-heading-inverse > span span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: var(--theme-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  background-size: 100%;
  background-repeat: repeat;
}

.float-right {
  max-inline-size: unset;
}
.float-right img {
  float: right;
  float: inline-end;
  margin-inline-start: var(--gap);
  inline-size: clamp(250px, 50vw, 40rem);
}
.float-right + * {
  margin-block-start: unset;
}

@container (max-width: 50rem) {
  .float-right img {
    float: unset;
    margin-inline: unset;
    margin-block-end: var(--gap);
    inline-size: 100%;
  }
}
:where(span.quotes)::before {
  content: open-quote;
}
:where(span.quotes)::after {
  content: close-quote;
}

.allow-full-width {
  max-width: unset;
}

:where(.limit-width) {
  max-inline-size: var(--max-text-width);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

:where(.medium) {
  font-weight: var(--text-weight-medium);
}

:where(.bold) {
  font-weight: var(--text-weight-bold);
}

.balance-lines {
  text-wrap: balance;
}

:where(.sub-heading) {
  text-transform: uppercase;
  font-size: var(--text-size-small);
}

.compact-list li {
  padding-block: 0;
}

.line-clamp {
  --lines: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines, 3);
  text-overflow: ellipsis;
  overflow: hidden;
}

.clamp-2 {
  --lines: 2;
}

.clamp-4 {
  --lines: 4;
}

.clamp-5 {
  --lines: 5;
}

.multi-column {
  columns: auto 27rem;
  column-gap: var(--gap-large);
}

.no-break :where(h3, li, ol, p) {
  break-inside: avoid-column;
}

:where(.flex) {
  display: flex;
}

:where(.space-evenly) {
  justify-content: space-evenly;
}

:where(.space-around) {
  justify-content: space-around;
}

:where(.space-between) {
  justify-content: space-between;
}

:where(.margin-top) {
  margin-block-start: var(--gap-small);
}

:where(.margin-bottom) {
  margin-block-end: var(--gap-small);
}

:where(.margin-top-large) {
  margin-block-start: var(--gap);
}

:where(.margin-bottom-large) {
  margin-block-end: var(--gap);
}

.margin-section-bottom {
  margin-block-end: var(--gap-section);
}

:where(.padding-small) {
  padding: var(--gap-tiny);
}

:where(.padding-standard) {
  padding: var(--gap-small);
}

:where(.padding-bottom) {
  padding-block-end: var(--gap-small);
}

:where(.block-padding) {
  padding-block: var(--box-padding);
}
:where(.block-padding):where(.large) {
  padding-block: var(--box-padding-large);
}

:where(.grid) {
  display: grid;
  --cols: 1;
  gap: var(--gap);
  grid-template-columns: repeat(var(--cols), 1fr);
}

:where(.grid-auto-columns) {
  display: grid;
  grid-auto-flow: column;
}

:where(.grid-fixed-columns) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--col-width, 25rem), 1fr));
}

:where(.gap) {
  gap: var(--gap);
}

:where(.nogap) {
  gap: unset;
}

.col2 {
  --cols: 2;
}

.col3 {
  --cols: 3;
}

.col-fixed-7 {
  --col-width: 8rem;
}

.col-fixed-6 {
  --col-width: 9rem;
}

.col-fixed-5 {
  --col-width: 12rem;
}

.col-fixed-4 {
  --col-width: 15rem;
}

.col-fixed-3 {
  --col-width: 20rem;
}

:where(.fit-content, .fit-width) {
  width: fit-content;
}

.use-bg {
  background-image: var(--bg-img);
}

:where(.bg-img-cover) {
  background-size: cover;
}

.vendor-logo-sizing img {
  max-inline-size: 10rem;
}
.vendor-logo-sizing.grid-auto-columns img {
  margin-inline: auto;
}

.mini-features > * {
  background-color: var(--bg-white-if-light, rgb(var(--bg-inverse-rgb)/0.08));
  border: var(--is-light, var(--border-theme-hard));
  padding: var(--box-padding);
  border-radius: var(--border-radius-large);
  box-shadow: var(--shadow-standard);
}

:where(.border-soft) {
  border: var(--border-soft);
}

:where(.border-medium) {
  border: var(--border-medium);
}

:where(.border-hard) {
  border: var(--border-hard);
}

:where(.border-separator) {
  border-block-end: var(--border-medium);
}

.alternating-rows tr:nth-child(even) {
  background-color: var(--bg-white-if-light, rgb(var(--bg-inverse-rgb)/0.08));
}
.alternating-rows.extended {
  margin: 0 -0.5rem;
}

.padded-cells td,
.padded-cells th {
  padding: 0.3rem 0.5rem;
}

.vertical-align-top,
.vertical-align-top :where(td, th) {
  vertical-align: top;
}

.vertical-align-middle,
.vertical-align-middle :where(td, th) {
  vertical-align: middle;
}

.vertical-align-bottom,
.vertical-align-bottom :where(td, th) {
  vertical-align: bottom;
}

.vertical-align-middle,
.vertical-align-middle :where(td, th) {
  vertical-align: middle;
}

.table-padding-standard,
.table-padding-standard :where(td, th) {
  padding: var(--gap-tiny);
}

.table-left-headings th {
  text-align: left;
}

.ghost {
  display: none;
}

[data-edit-mode] .ghost {
  display: unset;
}

img[data-error=true] {
  visibility: hidden;
}

.blue {
  --theme: var(--theme-blue);
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-dark-blue);
  --gradient-light-lighter: #5a96ce;
  --gradient-dark-lighter: var(--theme-blue);
  --filter-hue-rotate: 174deg;
  --filter-brightness: 0.4;
  --filter-post-saturate: 4;
}

.blue-alt {
  --theme: var(--theme-blue-lighter);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-blue);
  --gradient-light-lighter: var(--theme-light-blue-lighter);
  --gradient-dark-lighter: var(--theme-blue-lighter);
  --filter-hue-rotate: 174deg;
  --filter-brightness: 0.55;
  --filter-post-saturate: 4;
}

.blue-lighter {
  --theme: var(--theme-blue-lighter);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-light-blue-lighter);
  --gradient-dark: var(--theme-light-blue);
  --gradient-light-lighter: #69d5ff;
  --gradient-dark-lighter: #209cce;
  --filter-hue-rotate: 168deg;
  --filter-brightness: 0.6;
  --filter-post-saturate: 4;
}

.blue-green {
  --theme: var(--theme-light-blue);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-green);
  --gradient-light-lighter: var(--theme-light-blue-lighter);
  --gradient-dark-lighter: var(--theme-green-lighter);
  --filter-hue-rotate: 158deg;
  --filter-brightness: 0.55;
  --filter-post-saturate: 3;
}

.green {
  --theme: var(--theme-green);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-light-green);
  --gradient-dark: var(--theme-green);
  --gradient-light-lighter: var(--theme-light-green-lighter);
  --gradient-dark-lighter: var(--theme-green-lighter);
  --filter-hue-rotate: 16deg;
  --filter-brightness: 0.52;
  --filter-post-saturate: 2;
}

.orange {
  --theme: var(--theme-orange);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-orange-lighter);
  --gradient-dark: var(--theme-dark-orange);
  --gradient-light-lighter: var(--theme-orange-lighter);
  --gradient-dark-lighter: var(--theme-orange);
  --filter-hue-rotate: 310deg;
  --filter-brightness: 0.83;
  --filter-post-saturate: 1.7;
}

.purple {
  --theme: var(--theme-purple);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-purple);
  --gradient-dark: var(--theme-dark-blue-lighter);
  --gradient-light-lighter: var(--theme-purple-lighter);
  --gradient-dark-lighter: var(--theme-dark-blue-darker);
  --gradient-dark-lighter: var(--theme-purple);
  --filter-hue-rotate: 180deg;
  --filter-brightness: 0.35;
  --filter-post-saturate: 4;
}

.magenta {
  --theme: var(--theme-magenta);
  --theme-not-blue: var(--theme);
  --gradient-light: var(--theme-magenta);
  --gradient-dark: var(--theme-purple);
  --gradient-light-lighter: var(--theme-magenta-lighter);
  --gradient-dark-lighter: var(--theme-magenta);
  --filter-hue-rotate: 190deg;
  --filter-brightness: 0.35;
  --filter-post-saturate: 4;
}

:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a) {
  display: inline-block;
  position: relative;
  background: var(--gradient-border);
  border: var(--border-width-button) solid transparent;
  border-radius: 100vmax;
  color: var(--text-white);
  font-weight: var(--text-weight-bold);
  padding: var(--btn-padding-block) var(--btn-padding-inline);
  appearance: none;
  text-decoration: none;
  text-transform: none;
  user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  word-break: keep-all;
  z-index: 0;
  transition: all var(--speed-slow) var(--transition-out-quadratic);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a).primary-link {
  filter: brightness(1.4);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a):not(:is(.primary-link, .secondary-link)) {
  box-shadow: 0px 0px 0px 1px var(--theme);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a):hover:not(:disabled) {
  scale: 1.025;
  filter: brightness(1.2);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a):active:not(:disabled) {
  color: var(--cta-pressed);
  box-shadow: 0 0 1rem RGB(255 255 255/0.2);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a):disabled {
  cursor: default;
  opacity: var(--disabled-opacity);
}
:where(.call-to-action, .news-showcase__cta, .partnerCentralLink a) br {
  display: none;
}

:where(.call-to-action.reduced-padding) {
  padding-block: calc(0.5 * var(--btn-padding-block));
}

.primary-link {
  --text-white: white;
  --bg-main-hover: transparent;
  outline-color: rgb(var(--bg-inverse-rgb));
  text-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5), 0px 0px 0.25rem rgba(0, 0, 0, 0.5);
}

.secondary-link {
  background: unset;
  color: inherit;
  border-color: currentColor;
}

:where(.icon-video, .icon-external, .icon-download, .icon-email, .icon-phone, .icon-down) {
  display: grid;
  grid-template: "a b"/24px 1fr;
  align-items: center;
  padding-left: calc(var(--btn-padding-inline) - 12px);
  gap: 1ch;
  inline-size: fit-content;
}
:where(.icon-video, .icon-external, .icon-download, .icon-email, .icon-phone, .icon-down)::before {
  grid-area: a;
  content: "";
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 100vmax;
}
:where(.icon-video, .icon-external, .icon-download, .icon-email, .icon-phone, .icon-down)::after {
  grid-area: a;
  content: "";
  background-color: currentColor;
  width: 60%;
  aspect-ratio: 1;
  margin: auto;
  clip-path: var(--icon);
}

.icon-video {
  --icon: var(--icon-video);
}

.icon-external {
  --icon: var(--icon-external);
}

.icon-download {
  --icon: var(--icon-download);
}

.icon-email {
  --icon: var(--icon-email);
}

.icon-phone {
  --icon: var(--icon-phone);
}

.icon-down {
  --icon: var(--icon-down);
}

p:has(:is(.call-to-action, .news-showcase__cta):nth-child(2)) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-small) var(--gap);
}

p > :is(.call-to-action, .news-showcase__cta) {
  margin-block-start: var(--gap-small) var(--gap);
}

.carousel-slide__cta a:not(.news-showcase__cta) {
  border-radius: 100vmax;
  background: none;
  color: white;
  border: var(--border-width-button) solid currentColor;
  font-weight: var(--text-weight-bold);
  padding: var(--btn-padding-block) var(--btn-padding-inline);
  text-decoration: none;
  text-transform: none;
  user-select: none;
  touch-action: manipulation;
  display: inline-block;
  transition: all var(--speed-slow) var(--transition-out-quadratic);
}
.carousel-slide__cta a:not(.news-showcase__cta):hover {
  scale: 1.025;
  background-color: rgba(255, 255, 255, 0.1);
}

:where(.popup, .search-ux-list) {
  position: absolute;
  color: var(--text-dark);
  font-weight: var(--text-weight-medium);
  top: calc(var(--icon-upper-header) + var(--gap-small));
  inset-inline-end: var(--menu-shift-right, calc(-1 * var(--box-padding) - var(--border-radius-standard)));
  inset-inline-start: var(--menu-shift-left, auto);
  border-radius: var(--border-radius-standard);
  padding: var(--box-padding);
  background: var(--bg-popup);
  border: var(--border-soft);
  flex-direction: column;
  transform-origin: top right;
  animation-name: zoomIn, fadeIn;
  animation-duration: var(--speed-standard);
  animation-fill-mode: forwards;
  animation-timing-function: var(--transition-out-quadratic);
  filter: drop-shadow(var(--shadow-large));
}
:where(.popup, .search-ux-list)::before {
  --triangle: calc(0.5 * var(--icon-upper-header));
  content: "";
  position: absolute;
  inset-inline-end: var(--menu-shift-right, calc(var(--box-padding) + var(--border-radius-standard)));
  inset-inline-start: var(--menu-shift-left-triangle, auto);
  top: calc(-1 * var(--triangle));
  inline-size: 0;
  height: 0;
  border-left: var(--triangle) solid transparent;
  border-right: var(--triangle) solid transparent;
  border-bottom: var(--triangle) solid var(--bg-popup);
  filter: drop-shadow(var(--shadow-extra-top));
}
:where(.popup, .search-ux-list) :is(select, textarea, input) {
  color: var(--text-dark);
  outline-color: currentColor;
}

dialog {
  padding: var(--box-padding-large);
  inline-size: calc(100vw - 2 * var(--container-padding));
  position: fixed;
  margin: auto;
  border: var(--border-hard);
  background: var(--bg-main);
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
}
dialog iframe {
  inline-size: 100%;
}
dialog .close-dialog {
  width: 1.25rem;
  height: 1.25rem;
  translate: -50% 50%;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  cursor: pointer;
  background-color: rgb(var(--bg-inverse-rgb));
  clip-path: var(--icon-cross);
}

@media screen and (prefers-reduced-motion: no-preference) {
  :root {
    --speed-gradual: 3s;
    --speed-snail: 1s;
    --speed-slower: 0.75s;
    --speed-slow: 0.5s;
    --speed-standard: 0.25s;
    --speed-fast: 0.1s;
    --pending: fadeIn var(--speed-slow) var(--transition-bounce) infinite alternate-reverse;
  }
  body.animations :where(.intro,
  .quick-links__list > .link,
  .blog-entry-header.intro :where(.blog-entry-header__title, .blog-entry-header__image, .blog-entry-header__text > div)) {
    animation-name: fadeIn, zoomIn;
    animation-fill-mode: both;
    animation-duration: var(--speed-snail);
    animation-delay: var(--intro-delay, 0s);
    animation-timing-function: ease-out;
  }
  body.animations .scroller .intro {
    animation-name: fadeIn;
  }
  body.animations :where([data-intro]:not(.intro), .intro__quick-links > .link) {
    opacity: 0;
    --intro-delay: 0.05s;
  }
  body.animations .carousel-slides {
    animation-name: fadeIn;
  }
  body.animations [data-intro] :where([data-intro-from-left], [data-intro-from-right]) {
    animation-fill-mode: both;
    animation-duration: var(--speed-snail);
    animation-delay: var(--intro-delay, 0s);
    animation-timing-function: var(--transition-out-quartic);
  }
  body.animations [data-intro]:not(.intro) [data-intro-from-left] {
    transform: translateX(-4rem);
  }
  body.animations [data-intro]:not(.intro) [data-intro-from-right] {
    transform: translateX(4rem);
  }
  body.animations [data-intro].intro [data-intro-from-left] {
    animation-name: fadeIn, slideRight;
  }
  body.animations [data-intro].intro [data-intro-from-right] {
    animation-name: fadeIn, slideLeft;
  }
  body.animations .quick-links__list > .link:nth-child(2n) {
    --intro-delay: 0.3s;
  }
  body.animations .quick-links__list > .link:nth-child(3n) {
    --intro-delay: 0.45s;
  }
  body.animations .quick-links__list > .link:nth-child(4n) {
    --intro-delay: 0.6s;
  }
  body.animations .quick-links__list > .link:nth-child(5n) {
    --intro-delay: 0.75s;
  }
  body.animations .quick-links__list > .link:nth-child(6n) {
    --intro-delay: 0.9s;
  }
  body.animations .quick-links__list > .link:nth-child(7n) {
    --intro-delay: 1.05s;
  }
  body.animations .quick-links__list > .link:nth-child(8n) {
    --intro-delay: 1.2s;
  }
  body.animations .quick-links__list > .link:nth-child(9n) {
    --intro-delay: 1.35s;
  }
  body.animations .quick-links__list > .link:nth-child(10n) {
    --intro-delay: 1.5s;
  }
  :where([data-max-items="2"], [data-max-items="3"], [data-max-items="4"]) > *:nth-child(2) {
    --intro-delay: 0.15s;
  }
  :where([data-max-items="3"], [data-max-items="4"]) > *:nth-child(3) {
    --intro-delay: 0.3s;
  }
  [data-max-items="4"] > *:nth-child(4) {
    --intro-delay: 0.45s;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInShallow {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes riseUp {
  from {
    translate: 0% 100%;
  }
  to {
    translate: 0% 0%;
  }
}
@keyframes zoomIn {
  from {
    scale: 0.8;
  }
  to {
    scale: 1;
  }
}
@keyframes zoomInShallow {
  from {
    scale: 0.95;
    opacity: 0.7;
  }
}
@keyframes slideRight {
  from {
    transform: translateX(-4rem);
  }
  to {
    transform: translateX(0rem);
  }
}
@keyframes slideLeft {
  from {
    transform: translateX(4rem);
  }
  to {
    transform: translateX(0rem);
  }
}
@keyframes menuOpensUp {
  from {
    opacity: 0;
    scale: 0.5 0.9;
  }
  to {
    opacity: 1;
    scale: 1 1;
  }
}
@keyframes caretPulsingDown {
  from {
    translate: 0rem -0.125rem;
  }
  to {
    translate: 0rem 0rem;
  }
}
@keyframes placeHolderShimmer {
  from {
    background-position: -30rem 0;
  }
  to {
    background-position: 30rem 0;
  }
}
@keyframes card-slide-in {
  0% {
    transform: translate(-100cqi) scale(0.75);
  }
}
body {
  color: var(--text-white);
  font-family: "Montserrat", sans-serif;
  font-size: var(--text-size-standard);
  font-weight: var(--text-weight-regular);
  letter-spacing: -0.0125em;
  overflow-x: clip;
  max-width: 100vw;
}
body::-webkit-scrollbar {
  width: 14px;
}
body::-webkit-scrollbar-track {
  background-color: rgb(var(--bg-inverse-rgb));
}
body::-webkit-scrollbar-thumb {
  height: clamp(50px, 20vh, 300px);
  border: 1px solid rgb(var(--bg-inverse-rgb)/0.5);
  background-color: var(--bg-main);
  border-radius: 6px;
}
body::before {
  content: "";
  inset: 0;
  position: fixed;
  background: var(--bg-main);
}
body.menu-open {
  overflow-y: hidden;
  margin-right: 14px;
}

@media screen and (pointer: fine) {
  body::before {
    will-change: background;
    background: var(--bg-main) radial-gradient(at calc(var(--mouse-x, 0.5) * 100%) calc(var(--mouse-y, 0.25) * 100%), var(--bg-main-hover), var(--bg-main)) no-repeat 0 0;
  }
}
.mainContainer {
  inline-size: min(100%, var(--max-container-width));
  padding-inline: var(--container-padding);
  padding-top: 1rem;
  margin: 0 auto;
  position: relative;
  background-image: url("/content/dam/wcgcom/site-assets/main-bg-dark-1x.png");
  background-image: -webkit-image-set(url("/content/dam/wcgcom/site-assets/main-bg-dark-1x.png") 1x, url("/content/dam/wcgcom/site-assets/main-bg-dark-2x.png") 2x);
  background-image: image-set(url("/content/dam/wcgcom/site-assets/main-bg-dark-1x.png") 1x, url("/content/dam/wcgcom/site-assets/main-bg-dark-2x.png") 2x);
  background-position: 100% 0%;
  background-size: auto min(90vmin, 60rem);
  background-repeat: no-repeat;
}

body.light .mainContainer {
  background-image: url("/content/dam/wcgcom/site-assets/main-bg-light-1x.png");
  background-image: -webkit-image-set(url("/content/dam/wcgcom/site-assets/main-bg-light-1x.png") 1x, url("/content/dam/wcgcom/site-assets/main-bg-light-2x.png") 2x);
  background-image: image-set(url("/content/dam/wcgcom/site-assets/main-bg-light-1x.png") 1x, url("/content/dam/wcgcom/site-assets/main-bg-light-2x.png") 2x);
}

@media (prefers-reduced-data: reduced), (prefers-contrast: more) {
  .mainContainer {
    background-image: unset !important;
  }
}
body[dir=rtl] {
  --rtl: -1;
}
body[dir=rtl] .mainContainer {
  background-position: 0% 0%;
}
body[dir=rtl] .carousel-slide__content-container::before, body[dir=rtl] .carousel-slide__content-container::after {
  display: none;
}

.skip-nav-link {
  position: absolute;
  transform: translateY(-120%);
  transition: transform var(--speed-standard) ease;
  background: var(--bg-main);
  color: var(--text-white);
  padding: 2ch;
  left: 0.5rem;
  z-index: 10;
}
.skip-nav-link:focus-visible {
  transform: translateY(0);
}

body.dark {
  --is-dark: 0%;
  /* prettier-ignore */
}
body.dark .vendor-showcase__item-container {
  opacity: 0.7;
}
body.dark :where(.header-logo, img[src*="dynamic.svg"], [src*="vendors/logo"]:not([src*="inversed.svg"]),
:where(.vendor-showcase__item,
.vendors-list__item-image,
.vendors-list-of-vendors,
.component-brand-logo,
.feature-item__icon,
.feature-item-v2) [src*=".svg"]:not([src*="_white.svg"]):not([src*="static.svg"]):not([src*=flag])) {
  filter: invert(1) grayscale(1) brightness(3);
}

.heading-ruled {
  margin-block-end: var(--gap-dynamic-large);
  padding-block-end: var(--gap-small);
  border-block-end: var(--border-blue-thick);
  background: var(--bg-blue-glow);
}

[data-no-results] > p {
  text-align: center;
  font-size: var(--text-size-h2);
}

[data-option-selected] {
  position: relative;
}
[data-option-selected]::before {
  content: "";
  position: absolute;
  translate: -1.25ch 0.5ch;
  clip-path: var(--icon-tick);
  background: var(--theme-green);
  width: 1ch;
  height: 1ch;
  display: block;
}

:is(.vendors-list-of-vendors, .vendor-showcase__item-container) img[data-ready=false] {
  filter: unset;
  background: radial-gradient(hsla(224, 16%, 60%, 0.5) 0%, hsla(224, 16%, 60%, 0) 70%);
  animation: var(--pending);
  inline-size: 100%;
  aspect-ratio: 19/8;
}

.scrollbar-h::-webkit-scrollbar {
  height: var(--scrollbar-width);
}
.scrollbar-h::-webkit-scrollbar-track {
  background: var(--bg-scrollbar-track);
  border-radius: var(--scrollbar-width);
  box-shadow: inset 0 0 0.25rem rgba(255, 255, 255, 0.2);
}
.scrollbar-h::-webkit-scrollbar-thumb {
  background-color: var(--bg-scrollbar-thumb);
  border-radius: 6px;
  border: 3px solid var(--bg-scrollbar-thumb-outline);
}
.scrollbar-h::-webkit-scrollbar-thumb:active {
  box-shadow: 0 0 1rem rgba(255, 255, 255, 0.3);
}

.pagination-container {
  margin-block: var(--gap-large);
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: var(--gap-small);
  touch-action: none;
}

.pagination a {
  display: grid;
  place-items: center;
  block-size: 100%;
  aspect-ratio: 1;
  border: var(--border-medium);
  text-decoration: none;
  transition: background-color var(--speed-standard) ease;
  border-radius: var(--border-radius-small);
  touch-action: none;
}
.pagination a:hover {
  background-color: var(--theme);
  color: white;
}
.pagination a:hover::after {
  border-color: white;
}
.pagination .selected {
  border-color: var(--theme-green);
  border-width: 2px;
  font-weight: var(--text-weight-bold);
}
.pagination :where(.next, .last, .prev) {
  background-color: rgb(var(--bg-inverse-rgb)/0.08);
}
.pagination :where(.next, .last, .prev) button {
  border-color: rgb(var(--bg-inverse-rgb)/0.25);
}

:where(.pagination-next, .pagination-previous)::after {
  position: relative;
  content: "";
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border: solid var(--text-subdued);
  border-width: 0 0.125rem 0.125rem 0;
  padding: 0.125rem;
  transform: rotate(-45deg) translate(-0.1rem, -0.1rem);
}

.pagination-previous::after {
  transform: rotate(135deg) translate(-0.1rem, -0.1rem);
}

.disabled {
  opacity: var(--disabled-opacity);
}

a.cta-with-arrow {
  display: block;
  text-decoration: none;
}

.cta-with-arrow {
  position: relative;
}
.cta-with-arrow::after {
  display: block;
  position: absolute;
  content: "";
  inline-size: 0.5rem;
  block-size: 0.5rem;
  bottom: 0;
  right: 0;
  border: solid currentColor;
  border-width: 0 var(--arrow-width, 0.125rem) var(--arrow-width, 0.125rem) 0;
  transform: translate(0, -100%) rotate(-45deg);
  transition: transform var(--speed-standard) var(--transition-out-quadratic);
}
.cta-with-arrow:is(:hover, :focus-visible) span {
  background-size: 100% var(--arrow-width, 0.125rem);
}
.cta-with-arrow:is(:hover, :focus-visible)::after {
  transform: translate(0.25rem, -100%) rotate(-45deg);
}
.cta-with-arrow span {
  background-size: 0% var(--arrow-width, 0.125rem);
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) var(--transition-out-quadratic);
}

.search-ux {
  -wekbit-backdrop-filter: invert(0.1) blur(var(--blur-medium));
  backdrop-filter: invert(0.1) blur(var(--blur-medium));
  margin-block: var(--gap-large);
  position: relative;
  z-index: 1;
}

.menu-open .search-ux {
  z-index: unset;
}

.search-ux > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
  padding: var(--box-padding-large) var(--box-padding);
}
.search-ux > div:has(.search-ux-clear:hover) :is([data-filter] span, input) {
  text-decoration: line-through;
}

.search-ux-search {
  display: flex;
  gap: var(--gap-tiny);
  inline-size: clamp(20ch, 100%, 35ch);
}
.search-ux-search input {
  flex-grow: 1;
  margin: 0;
}

.search-ux-button {
  height: var(--icon-size);
  width: var(--icon-size);
  --icon-size: 1.75rem;
  --handle: 0.3rem;
}
.search-ux-button svg {
  display: none;
}

.search-ux-dropdown {
  z-index: 1;
  position: relative;
}

.search-ux-dropdown button {
  background: none;
  padding: var(--padding-ch);
  border-radius: var(--border-radius-standard);
  border: 1px solid transparent;
}
.search-ux-dropdown button:hover {
  border: var(--border-medium);
}
.search-ux-dropdown button[aria-expanded=true] + .search-ux-list {
  clip-path: unset;
}
.search-ux-dropdown button label {
  pointer-events: none;
}
.search-ux-dropdown button label span {
  margin-right: var(--gap-tiny);
}
.search-ux-dropdown button label::after {
  display: inline-block;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: solid currentColor;
  border-width: 0 0.125rem 0.125rem 0;
  padding: 0.125rem;
  transform: translateY(-0.1875rem) rotate(45deg);
}
.search-ux-dropdown button svg {
  display: none;
}

.search-ux-list {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  position: absolute;
  inset-inline: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  max-block-size: min(70dvh, 2 * var(--box-padding) + 11lh + var(--gap-small) * 10);
  overflow-y: auto;
}

.search-ux-filter {
  text-decoration: none;
  position: relative;
  display: block;
  inline-size: fit-content;
}
.search-ux-filter::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 0.125rem;
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) ease;
}
.search-ux-filter:where(:focus-visible, :hover)::after {
  background-size: 100% 0.125rem;
}

.search-ux-clear {
  background: none;
  margin-left: auto;
  display: flex;
  gap: var(--gap-tiny);
  align-items: center;
}
.search-ux-clear::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: rgb(var(--bg-inverse-rgb));
  clip-path: var(--icon-cross);
}

body:not([data-edit-mode]) .vendorPointers:not(:has(img)) {
  display: none;
}

.filter-close-tokens a {
  display: flex;
  align-items: center;
  padding: 1ch 2ch;
  gap: 1ch;
}
.filter-close-tokens .token {
  padding-inline-end: 1.5ch;
  background-color: var(--bg-soft);
  border-color: rgb(var(--bg-inverse-rgb)/0.3);
}
.filter-close-tokens .token:is(:hover, :focus-visible) {
  border-color: currentColor;
}
.filter-close-tokens .icon-cross {
  height: 1rem;
  width: 1rem;
  background-color: currentColor;
  clip-path: var(--icon-cross);
}
.filter-close-tokens:has(.reset:only-child) {
  display: none;
}
.blogCallToAction.callToAction:not(.cq-Editable-dom) {
  display: contents;
}

.blog-call-to-action {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: var(--gap) 1fr var(--gap);
  margin-block: var(--gap-large);
  align-items: center;
  color: white;
  max-inline-size: var(--max-text-width);
}
.blog-call-to-action::before {
  content: "";
  grid-column: 2/-1;
  grid-row: 1/-1;
  background: var(--theme-gradient);
  block-size: 100%;
}
.blog-call-to-action div {
  grid-column: 3/-1;
  grid-row: 2;
  padding: 0 var(--gap);
}
.blog-call-to-action img {
  display: block;
  grid-column: 1/3;
  grid-row: 2;
  border-radius: var(--border-radius-standard);
  box-shadow: var(--shadow-large);
  background-color: white;
  inline-size: 100%;
}
@charset "UTF-8";
.blog-featured-articles__top-link {
  align-self: flex-end;
}
.blog-featured-articles__top-link:after {
  content: " »";
}

.blog-featured-articles__main {
  /* first breakpoint*/
  --w1: 50em;
  --n: 3;
  /* second breakpoint*/
  --w2: 37em;
  --m: 2;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(100% / (var(--n) + 1) + 0.1%, (var(--w1) - 100vw) * 1000, 100% / (var(--m) + 1) + 0.1%), (var(--w2) - 100vw) * 1000, 100%), 1fr));
  gap: var(--gap);
}

.blog-featured-articles__super-featured {
  grid-column: span 2;
  grid-row: span 2;
}

@media only screen and (max-width: 38em) {
  .blog-featured-articles__super-featured {
    grid-column: 1/-1;
  }
}
.blog-featured-articles__featured-list {
  display: contents;
}

.blog-featured-articles__card-description {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-block-start: var(--gap-small);
}
.blog-our-picks__main {
  --w1: 55em;
  --n: 3;
  --m: 1;
  display: grid;
  align-items: start;
  gap: var(--gap);
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill, minmax(clamp(100% / (var(--n) + 1) + 0.1%, (var(--w1) - 100vw) * 1000, 100% / (var(--m) + 1) + 0.1%), 1fr));
}

.blog-our-picks__list {
  grid-column: 1/-2;
  display: grid;
  gap: var(--gap-small);
}

.blog-our-picks__card {
  display: flex;
  flex-direction: row;
  gap: var(--gap-small);
}
.blog-our-picks__card + .blog-our-picks__card {
  border-block-start: var(--border-soft);
  padding-block-start: var(--gap);
  margin-block-start: var(--gap-small);
}

.blog-our-picks__card-image-container {
  aspect-ratio: 2;
  inline-size: clamp(10rem, 28%, 20rem);
  flex-shrink: 0;
}

.blog-our-picks__card-details {
  margin-block-start: 0;
}

.blog-our-picks__sidebar {
  border-radius: var(--border-radius-large);
  background-color: RGB(var(--bg-inverse-rgb)/0.08);
  border: var(--border-soft);
  padding: var(--box-padding);
}

.blog-our-picks__sidebar-image {
  margin-block-end: var(--gap-small);
}

.blog-our-picks__sidebar-cta {
  margin-block-start: var(--gap);
}

@supports (container-type: inline-size) {
  .blog-our-picks__sidebar {
    container-type: inline-size;
    container-name: our-picks-sidecar;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@container our-picks-sidecar (min-width: 53ch) {
  .blog-our-picks__sidebar-image {
    inline-size: 40%;
  }
  .blog-our-picks__sidebar-rtf {
    padding-inline: var(--gap-small);
    inline-size: 40%;
  }
  .blog-our-picks__sidebar-cta {
    inline-size: 20%;
  }
}
.blog-entry-body figure {
  margin-block-end: var(--gap);
}
.blog-entry-body figcaption {
  margin-block-start: var(--gap-small);
  margin-block-end: var(--gap);
  font-size: var(--text-size-small);
}

.blogMagazineBody ~ .blogMagazineBody {
  margin-block-start: var(--gap);
}

@media only screen and (min-width: 44em) {
  .blog-entry-body figure {
    float: right;
    float: inline-end;
    margin-inline-start: var(--gap-dynamic-large);
    inline-size: clamp(25rem, 50%, (var(--max-container-width) - var(--container-padding)) / 2);
    display: grid;
    grid-template-columns: var(--gap) 1fr var(--gap-small);
    grid-template-rows: 1fr var(--gap) auto;
  }
  .blog-entry-body figure img {
    grid-column: 1/-1;
    grid-row: 1/-2;
  }
  .blog-entry-body figcaption {
    margin: 0;
    padding: var(--box-padding);
    grid-column: 2/-2;
    grid-row: 2/-1;
    background-color: RGB(var(--bg-main-rgb)/0.85);
    -webkit-backdrop-filter: blur(var(--blur-medium));
    backdrop-filter: blur(var(--blur-medium));
    border-block-end: var(--border-soft);
    border-inline-end: var(--border-soft);
  }
}
@charset "UTF-8";
:where(.blogRecentEntries, .blog-featured-articles, .blog-our-picks) {
  margin-block-end: var(--gap-section);
}

:where(.blog-recent-entries__top,
.related-blog-posts .angled-container__content > h3,
.blog-featured-articles__top,
.blog-our-picks__top-title) {
  margin-block-end: var(--gap-dynamic-large);
  padding-block-end: var(--gap-small);
  border-block-end: var(--border-blue-thick);
  background: var(--bg-blue-glow);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

:where(.blog h3, .blog-recent-entries__card-title, .blog-featured-articles__card-title, .blog-our-picks__card-title) {
  margin-block-start: 0;
}
:where(.blog h3, .blog-recent-entries__card-title, .blog-featured-articles__card-title, .blog-our-picks__card-title) span {
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) var(--transition-out-quadratic);
}

:where(.blog-recent-entries__list) {
  display: flex;
  flex-direction: row;
  gap: var(--gap);
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: var(--scrollbar-width);
  scrollbar-color: var(--bg-scrollbar-track) var(--bg-scrollbar-thumb);
}

:where(.blog-recent-entries__card, .blog-featured-articles__card, .blog-our-picks__card, .blog > a) {
  color: inherit;
  display: block;
  text-decoration: none;
  scroll-snap-align: start;
  --scroller-item-width: 100%;
  flex: 0 0 var(--scroller-item-width);
  transition: all var(--speed-slow) ease;
}

:where(.blog, .blog-recent-entries, .blog-featured-articles, .blog-our-picks__card) figure {
  aspect-ratio: 2;
  display: flex;
  overflow: hidden;
}
:where(.blog, .blog-recent-entries, .blog-featured-articles, .blog-our-picks__card) figure img {
  margin: 0;
  object-fit: cover;
  object-position: center;
  padding: 0;
  inline-size: 100%;
}
:where(.blog, .blog-recent-entries, .blog-featured-articles, .blog-our-picks__card) figure:not(:has(img[data-ready=true])) {
  animation-duration: var(--speed-snail);
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  will-change: background-position;
  background: rgb(var(--bg-inverse-rgb)/0.2);
  background: linear-gradient(to right, rgb(var(--bg-inverse-rgb)/0.1) 10%, rgb(var(--bg-inverse-rgb)/0.2) 18%, rgb(var(--bg-inverse-rgb)/0.1) 33%);
  background-size: 60rem 100%;
}

:where(.card-details, .blog-recent-entries__card-details, .blog-featured-articles__card-details, .blog-our-picks__card-details) {
  display: flex;
  margin: var(--gap-small) 0 var(--gap-tiny) 0;
}
:where(.card-details, .blog-recent-entries__card-details, .blog-featured-articles__card-details, .blog-our-picks__card-details) :where(span, time) {
  display: inline-block;
  color: var(--text-subdued);
  font-size: var(--text-size-tag);
  font-weight: var(--text-weight-bold);
  text-transform: uppercase;
}
:where(.card-details, .blog-recent-entries__card-details, .blog-featured-articles__card-details, .blog-our-picks__card-details) :where(span, time):not(:last-child):after {
  content: "•";
  margin-inline: var(--gap-tiny);
}

:where(.blog, .blog-recent-entries__card, .blog-featured-articles__card, .blog-our-picks__card):is(:hover, :focus-visible) h3 span {
  background-size: 100% 0.125rem;
}

@media only screen and (max-width: 44em) {
  :where(.blog-recent-entries__card, .blog > a) {
    --scroller-item-width: 100%;
  }
}
@media only screen and (max-width: 62.5em) {
  .blog-recent-entries__list {
    margin-block-end: var(--gap-large);
    padding-block: var(--gap);
    margin-inline: calc(-1 * var(--container-padding));
    padding-inline: var(--container-padding);
    scroll-padding-inline: var(--container-padding);
  }
}
@media only screen and (min-width: 44em) {
  :where(.blog-recent-entries__card, .blog > a) {
    --scroller-item-width: calc(50% - 0.5 * var(--gap));
  }
}
@media only screen and (min-width: 62.5em) {
  :where(.blog-recent-entries__card, .blog > a) {
    --scroller-item-width: calc(33.3333333% - 0.666666 * var(--gap));
  }
}
.blogTestimonial {
  margin-block-end: var(--gap);
}
.blogTestimonial blockquote {
  border: unset;
  padding: unset;
  margin: unset;
}
.blogTestimonial [data-no-author] {
  margin-block-end: var(--gap-large);
}

.blog-testimonial-content {
  margin-block: var(--gap);
  position: relative;
  border: var(--border-width-testimonial) solid var(--theme);
  border-radius: var(--border-radius-huge);
  font-size: var(--text-size-large);
  padding: var(--box-padding-large);
}
.blog-testimonial-content::before {
  content: "";
  position: absolute;
  border: calc(var(--border-width-testimonial) * 1.25) solid var(--bg-main);
  bottom: calc(-1 * var(--border-width-testimonial));
  left: 3rem;
  inline-size: 3.5rem;
  z-index: 2;
}
.blog-testimonial-content::after {
  content: "";
  position: absolute;
  border: var(--border-width-testimonial) solid var(--theme);
  border-block-end: none;
  border-inline-start: none;
  border-radius: 0 3rem 0 0;
  bottom: -3rem;
  inline-size: 3rem;
  block-size: 3rem;
  left: 3rem;
  z-index: 3;
}

.blog-testimonial-author {
  margin-inline-start: 8rem;
}
.blogcontent {
  margin-inline-start: var(--blog-indent, 0);
}
.blogcontent a {
  font-weight: var(--text-weight-medium);
}

.blog-entry-body :where(p, blockquote, ul, ol, .blogCallToAction, h2, h3, h4) {
  max-inline-size: var(--max-text-width);
}
.blog-entry-body .regular-body :is(blockquote, img, figure) {
  clear: both;
}
.blog-entry-body :where(h2, h3):not(blockquote > :where(h2, h3)) {
  margin-block-start: var(--gap-large);
  margin-block-end: var(--gap);
}
.blog-page .shortHeader {
  display: none;
}

.blog-entry-header.intro {
  animation-name: unset;
}
.blog-entry-header section,
.blog-entry-header .no-cover-image {
  display: contents;
}

.blog-entry-header__info {
  display: grid;
  grid-template-rows: var(--gap-section) auto 1fr auto auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-template-areas: "title  title title" "title  title title" "author img   img" "tokens img   img" "time   img   img";
  gap: var(--gap);
  margin-block-end: var(--gap-large);
}

.blog-entry-header__image {
  grid-column: 2/-1;
  grid-row: 2/-1;
  align-self: flex-end;
  display: grid;
  transform-origin: right;
}

.blog-entry-header__text {
  display: contents;
}
.blog-entry-header__text div {
  transform-origin: left;
}

.blog-entry-header__title {
  grid-area: title;
  margin-block-end: var(--gap-small);
  margin-inline-end: clamp(var(--gap), 1rem + 20 * (100vw - 50rem) / 50, 25rem);
  -webkit-backdrop-filter: blur(var(--blur-very-large));
  backdrop-filter: blur(var(--blur-very-large));
  padding-block: var(--box-padding-large);
  padding-inline-start: var(--box-padding-large);
  padding-inline-end: clamp(1rem, 12vw, 2 * var(--gap-large));
  font-size: var(--text-size-h1-dynamic);
  border-left-width: var(--border-width-large);
  border-left-style: solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
  clip-path: polygon(0% 0%, 100% 0, calc(100% - var(--gap-large)) 100%, 0% 100%);
  transform-origin: left;
  background-color: rgb(var(--bg-main-rgb)/0.8);
  position: relative;
}
.blog-entry-header__title::before {
  content: "";
  inset: 0;
  background: var(--theme-gradient);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  mix-blend-mode: var(--is-dark, color-dodge);
}

.blog-entry-header__author-container {
  grid-area: author;
  align-self: end;
}

.blog-entry-header__details {
  grid-area: time;
  display: flex;
  gap: var(--gap-small);
  height: fit-content;
}

.blog-entry-header__details-item {
  color: var(--text-subdued);
  display: inline-block;
  font-size: var(--text-size-tag);
  font-weight: var(--text-weight-medium);
  text-transform: uppercase;
}
.blog-entry-header__details-item:not(:last-child) {
  border-right: var(--border-medium);
  padding-right: var(--gap-small);
}

:where(.blog-entry-header__tokens) {
  grid-area: tokens;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-tiny);
}
:where(.blog-entry-header__tokens) a {
  background-color: rgb(var(--bg-main-rgb)/0.5);
  border: var(--border-medium);
  border-radius: 100vmax;
  font-size: var(--text-size-tag);
  font-weight: var(--text-weight-medium);
  block-size: min-content;
  text-decoration: none;
  padding: var(--padding-ch);
  text-transform: uppercase;
  inline-size: fit-content;
}
:where(.blog-entry-header__tokens) a:hover {
  border: currentColor 1px solid;
}

.blog-entry-header__description {
  margin-inline-start: var(--blog-indent, 0rem);
  margin-block-end: var(--gap);
}

.mainContainer:not(:has(.blogMagazineBody)) {
  --blog-indent: max(0rem, 30vw - 20rem);
}

@media only screen and (max-width: 50em) {
  .blog-entry-header__info {
    gap: var(--gap-small);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "title title" "author img" "tokens img" "time img";
  }
  .blog-entry-header__image {
    grid-area: img;
  }
  .news-showcase__author {
    padding-block-end: 0;
    margin-block-end: 0;
  }
  .blog-entry-header__text {
    display: contents;
  }
}
@media only screen and (max-width: 37.5em) {
  .blog-entry-header__info {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "img" "author" "tokens" "time";
  }
  .blog-entry-header__image {
    margin-inline: clamp(1rem, 8vw, 4rem);
    margin-block-end: var(--gap);
  }
  .blog-entry-header__title {
    clip-path: unset;
    padding-inline-end: var(--box-padding);
  }
}
@charset "UTF-8";
.news-search-page {
  display: grid;
  gap: var(--gap);
}
.news-search-page nav {
  display: grid;
  gap: var(--gap-small);
  padding: 1.5rem;
  background-color: var(--bg-soft);
}
.news-search-page nav .skip-nav-link {
  padding: 1ch 2ch;
}
.news-search-page nav .skip-nav-link:not(:focus-visible) {
  scale: 0;
}

.news-summary-categories {
  list-style: none;
  position: relative;
}
.news-summary-categories button[aria-controls^=news-popup] {
  padding-block: 0.5rem;
  text-align: start;
  position: relative;
}
.news-summary-categories > li {
  border-bottom: var(--border-soft);
  display: grid;
}
.news-summary-categories > li:nth-of-type(6n + 1) {
  --gradient-light: var(--theme-purple);
  --gradient-dark: var(--theme-dark-blue-lighter);
}
.news-summary-categories > li:nth-of-type(6n + 2) {
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-green);
}
.news-summary-categories > li:nth-of-type(6n + 3) {
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-dark-blue);
}
.news-summary-categories > li:nth-of-type(6n + 4) {
  --gradient-light: var(--theme-magenta);
  --gradient-dark: var(--theme-purple);
}
.news-summary-categories > li:nth-of-type(6n + 5) {
  --gradient-light: var(--theme-light-green);
  --gradient-dark: var(--theme-green);
}
.news-summary-categories > li:nth-of-type(6n + 6) {
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-blue);
}

/* hide the popup by default */
button[aria-controls^=news-popup]:where([aria-expanded=false]) + .news-pop-up {
  display: none;
}

.news-pop-up {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  padding: var(--box-padding-large);
  border-radius: var(--border-radius-standard);
  border-end-start-radius: calc(var(--border-radius-standard) + var(--box-padding-large));
  transition: all var(--speed-standard) var(--transition-out-quartic);
  background: var(--theme-gradient);
  color: white;
  z-index: 3;
}
.news-pop-up h2 {
  font-size: var(--text-size-h3);
  line-height: 80%;
}
.news-pop-up a span {
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(currentColor, currentColor);
  transition: background var(--speed-slow) var(--transition-out-quadratic);
}
.news-pop-up a:is(:hover, :focus-visible) span {
  background-size: 100% 0.125rem;
}
.news-pop-up hr {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
.news-pop-up hr + hr {
  display: none;
}
.news-pop-up :is(button, [data-id=see-all]) {
  color: white;
  inline-size: fit-content;
}

.news-popup-articles {
  display: grid;
  grid-template-areas: "stack";
  overflow-y: auto;
  flex: 1;
}
.news-popup-articles::-webkit-scrollbar {
  width: 0.5rem;
}
.news-popup-articles::-webkit-scrollbar-track {
  background-color: transparent;
}
.news-popup-articles::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
}
.news-popup-articles ul {
  grid-area: stack;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  gap: 1lh;
  list-style: none;
  text-decoration: underline;
  padding-inline: 0.25rem var(--box-padding);
  padding-block: 0.25rem;
  margin-block-end: 1rem;
}

:where(.scroll-indicators) {
  display: none;
}

@supports (animation-timeline: scroll(nearest)) {
  .scroll-indicators {
    grid-area: stack;
    display: grid;
    align-content: space-between;
  }
  .scroll-indicators .indicator {
    position: sticky;
    display: grid;
    place-items: center;
    --scroll-buffer: 3rem;
    height: 1.5rem;
    opacity: 0;
    animation: fadeIn both linear;
    animation-timeline: scroll(nearest);
    animation-range: 0 var(--scroll-buffer);
  }
  .scroll-indicators .indicator svg {
    inline-size: 1.5rem;
  }
  .scroll-indicators .indicator--top {
    top: 0;
  }
  .scroll-indicators .indicator--bottom {
    bottom: 0.5rem;
    animation-range: calc(100% - var(--scroll-buffer)) 100%;
    animation-direction: reverse;
  }
  .scroll-indicators .indicator--bottom svg {
    rotate: 180deg;
  }
}
.news-popup-featured-article {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1ch;
  text-decoration: none;
}
.news-popup-featured-article .visual-h3 {
  line-height: 100%;
  font-weight: var(--text-weight-medium);
  font-size: calc(var(--text-size-h3-dynamic) * clamp(0.8, (100 - (var(--length) - 34)) / 100 + 0.1, 1));
}
.news-popup-featured-article img {
  border-radius: var(--border-radius-standard);
  object-fit: cover;
  block-size: 100%;
  margin: 0;
}

.subscribe-section {
  display: contents;
}

body:has(.news-summary-categories [aria-expanded=true]) .overlay {
  opacity: 1;
  pointer-events: all;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-duration: var(--speed-slow);
  transition-timing-function: ease-out;
}
body:has(.news-summary-categories [aria-expanded=true]) .news-search-page nav {
  z-index: 4;
}

/* SPECIFIC DESKTOP STYLING */
@media only screen and (min-width: 38.0625em) {
  .news-search-page {
    grid-template-columns: minmax(26ch, 20%) auto;
  }
  .news-search-page:not(:has(nav)) {
    display: block;
  }
  .news-search-page nav {
    top: var(--gap);
    position: sticky;
    border: var(--border-soft);
    border-start-start-radius: var(--border-radius-large);
    border-start-end-radius: var(--border-radius-large);
    border-end-start-radius: calc(var(--border-radius-large) + 1.5rem);
    border-end-end-radius: calc(var(--border-radius-large) + 1.5rem);
    z-index: 3;
  }
  .news-search-page nav .skip-nav-link {
    padding: 1ch 2ch;
  }
  .news-search-page nav .skip-nav-link:not(:focus-visible) {
    scale: 0;
  }
  .news-search-page .overlay {
    position: fixed;
    inset: 0;
    z-index: 3;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all var(--speed-standard) ease-in;
    pointer-events: none;
  }
  .news-categories-accordion {
    display: contents;
  }
  #news-categories-button,
  .back {
    display: none;
  }
  .news-summary-categories {
    list-style: none;
    position: relative;
  }
  button[aria-controls^=news-popup] {
    margin-inline-start: calc(-1.5rem + 1ch);
    margin-inline-start: calc(-1lh + 1ch);
    margin-inline-end: -2rem;
    padding-inline-start: calc(1.5rem - 1ch);
    padding-inline-start: calc(1lh - 1ch);
    padding-inline-end: 2rem;
    margin-block: -1px;
  }
  button[aria-controls^=news-popup]::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: inline-start;
    scale: 0.95;
    transition: all var(--speed-standard) var(--transition-out-quartic);
    z-index: -1;
    border-end-start-radius: 100vmax;
    border-start-start-radius: 100vmax;
    clip-path: polygon(calc(100% - 2rem) calc(50% - 0.55em), calc(100% - 1.5rem) calc(50% - 0.55em), calc(100% - 1rem) 50%, calc(100% - 1.5rem) calc(50% + 0.55em), calc(100% - 2rem) calc(50% + 0.55em), calc(100% - 1.5rem) 50%);
  }
  button[aria-controls^=news-popup]:is(:hover, :focus-visible, [aria-expanded=true])::before {
    scale: 1;
    background-image: var(--theme-gradient);
  }
  button[aria-controls^=news-popup][aria-expanded=true] {
    color: white;
    font-weight: var(--text-weight-bold);
  }
  button[aria-controls^=news-popup][aria-expanded=true]::before {
    animation-name: expand-chevron;
    animation-duration: var(--speed-standard);
    animation-fill-mode: forwards;
    animation-timing-function: var(--transition-out-quadratic);
  }
  .news-pop-up {
    top: -10%;
    inset-inline-start: calc(100% + 1.5rem);
    height: 120%;
    inline-size: 25rem;
    animation: news-popup-expand var(--speed-slow) var(--transition-out-quartic) forwards;
    transform-origin: -2rem calc((var(--mouse-y) - 0.2) * 130%);
  }
  .news-popup-articles {
    overscroll-behavior: contain;
    mask-image: linear-gradient(180deg, rgb(0, 0, 0) calc(100% - 2rem), rgba(0, 0, 0, 0) 100%);
  }
}
/* SPECIFIC MOBILE STYLING */
@media only screen and (max-width: 38em) {
  .news-nav-container {
    margin-inline: calc(-1 * var(--container-padding));
    margin-block: 0 1rem;
  }
  .news-nav-container nav {
    border-radius: 0;
  }
  .news-categories-accordion {
    --br: calc(var(--border-radius-standard) - 1px);
    border: var(--border-medium);
    border-radius: var(--border-radius-standard);
  }
  #news-categories-button {
    font-weight: var(--text-weight-bold);
    padding: 1ch 2ch;
    border-radius: var(--br) var(--br) 0 0;
    background: none;
    inline-size: 100%;
    text-align: start;
  }
  #news-categories-button::before {
    content: "►";
    rotate: 90deg;
    translate: -0.5ch 0;
    transition: rotate var(--speed-standard) var(--transition-out-quartic);
    display: inline-block;
    font-size: 0.8em;
  }
  #news-categories-button[aria-expanded=true] {
    background: var(--theme-gradient);
    color: white;
    margin: 0;
  }
  #news-categories-button[aria-expanded=true] + ul > li {
    padding-block: 0.5ch;
  }
  #news-categories-button[aria-expanded=false]::before {
    rotate: 0deg;
  }
  #news-categories-button[aria-expanded=false] + ul {
    display: none;
  }
  .overlay {
    display: none;
  }
  .news-summary-categories {
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .news-summary-categories > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-start: 2ch;
    transition: padding var(--speed-standard) var(--transition-out-quartic);
  }
  .news-summary-categories > li::after {
    display: block;
    position: relative;
    content: "";
    inline-size: 0.5rem;
    block-size: 0.5rem;
    inset-block-end: -0.5rem;
    inset-inline-end: 1rem;
    border: solid currentColor;
    border-width: 0 var(--arrow-width, 0.125rem) var(--arrow-width, 0.125rem) 0;
    transform: translate(0, -100%) rotate(-45deg);
    transition: transform var(--speed-standard) var(--transition-out-quadratic);
  }
  button[aria-controls^=news-popup] {
    transition: padding var(--speed-standard) var(--transition-out-quartic);
    flex: 1;
    /* hide the popup by default */
  }
  button[aria-controls^=news-popup]:where([aria-expanded=false]) + .news-pop-up {
    display: none;
    translate: 100% 0;
  }
  .news-pop-up {
    inset: 0 0 auto 0;
    max-block-size: 100%;
    translate: 0% 0%;
    transition: translate var(--speed-standard) var(--transition-out-quartic), display var(--speed-standard) allow-discrete;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: calc(var(--border-radius-large) + 1.5rem);
    border-end-end-radius: var(--br);
  }
  .news-pop-up h2 {
    display: none;
  }
  .news-pop-up .back {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0.5ch 1ch;
    border-radius: var(--border-radius-standard);
  }
  @starting-style {
    .news-pop-up {
      translate: 100% 0%;
    }
    .news-summary-categories button[aria-controls^=news-popup] {
      padding-block: 0ch;
    }
  }
  /* hide the description on mobile */
  #subscribe-news-desc {
    display: none;
  }
  #subcribe-btn {
    padding: unset;
    background: unset;
    box-shadow: unset;
    width: fit-content;
    font-weight: var(--text-weight-regular);
    color: hsl(208.81deg, 47.14%, calc(58% - 10 * var(--is-light, 1%)));
  }
  #subcribe-btn::after {
    content: ">";
  }
}
.blog-search-module__listing {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: var(--gap);
  grid-auto-flow: dense;
}
.blog-search-module__listing .extract {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines, 3);
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-search-module__listing :where(.extract):empty {
  display: none;
}
.blog-search-module__listing article {
  animation-name: zoomInShallow;
  animation-duration: var(--speed-standard);
  animation-fill-mode: both;
  animation-timing-function: var(--transition-out-quadratic);
  border-radius: var(--border-radius-small);
  border: var(--border-medium);
  -webkit-backdrop-filter: blur(3rem);
  backdrop-filter: blur(3rem);
}
.blog-search-module__listing article .content {
  padding: var(--box-padding);
}
.blog-search-module__listing article .card-details {
  margin: 0 0 1ex 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5ch;
}
.blog-search-module__listing article .dot {
  content: "•";
  display: inline-block;
}
.blog-search-module__listing article figure {
  border-radius: calc(var(--border-radius-small) - 1px) calc(var(--border-radius-small) - 1px) 0 0;
}
.blog-search-module__listing article[data-featured] {
  grid-column: 1/-1;
}
.blog-search-module__listing article:nth-child(1 of [data-featured]) {
  order: -1000;
}
.blog-search-module__listing article {
  container-name: news-articles;
  container-type: inline-size;
}

@container news-articles (min-width: 31rem) {
  .blog-search-module__listing article a {
    display: grid;
    grid-template-columns: 50% 1fr;
    align-items: stretch;
    block-size: 100%;
    gap: calc(var(--gap) / 2 + var(--box-padding));
  }
  .blog-search-module__listing article .content {
    padding-inline-start: 0;
    padding-inline-end: var(--box-padding);
  }
  .blog-search-module__listing article figure {
    aspect-ratio: unset;
    border-radius: calc(var(--border-radius-small) - 1px) 0 0 calc(var(--border-radius-small) - 1px);
  }
}
.load-more-button {
  margin-inline: auto;
  display: grid;
  margin-block: var(--gap-large) var(--gap-section);
  background: rgb(var(--bg-inverse-rgb)/0.05);
  padding: var(--box-padding);
  border: var(--border-soft);
  transition: scale var(--speed-standard) var(--transition-bounce);
}
.load-more-button:is(:hover, :focus-visible) {
  scale: 1.05;
}
.load-more-button[disabled] {
  display: none;
}
.load-more-button[loading=true] {
  animation: placeHolderShimmer var(--speed-slower) forwards infinite linear;
  will-change: background-position;
  background: linear-gradient(to right, rgb(var(--bg-inverse-rgb)/0.1) 10%, rgb(var(--bg-inverse-rgb)/0.2) 18%, rgb(var(--bg-inverse-rgb)/0.1) 33%);
  background-size: 60rem 100%;
}

@keyframes expand-chevron {
  from {
    clip-path: polygon(calc(100% - 2rem) calc(50% - 1cap), calc(100% - 1.5rem) calc(50% - 1cap), calc(100% - 1rem) 50%, calc(100% - 1.5rem) calc(50% + 1cap), calc(100% - 2rem) calc(50% + 1cap), calc(100% - 1.5rem) 50%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 50%);
  }
}
@keyframes news-popup-expand {
  from {
    clip-path: circle(0% at 0% var(--y-offset, 50%));
    scale: 0.9 0.95;
    opacity: 0.8;
  }
  to {
    clip-path: circle(var(--circle-diameter, 134%) at 0% var(--y-offset, 50%));
  }
}
@charset "UTF-8";
.next-blog {
  display: flex;
  justify-content: space-between;
  margin: var(--gap) 0;
}
.next-blog a {
  text-decoration: none;
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) ease;
}
.next-blog a:is(:hover, :focus-visible) {
  background-size: 100% 0.125rem;
}
.next-blog .next::after {
  content: " »";
}
.next-blog .previous::before {
  content: "« ";
}
@container scroller (width >= 50rem) {
  .academy-course-component [data-max-items]:not(:has(> :nth-child(2))) > * {
    --scroller-item-width: 50%;
  }
}
.academy-course-component:has(input[value=virtual]:checked) .academy-card:has([data-type=in-person]) {
  display: none;
}
.academy-course-component:has(input[value=in-person]:checked) .academy-card:has([data-type=virtual]) {
  display: none;
}
.academy-course-component:not(:has([data-type=in-person])) .academy-filter-btn-container {
  display: none;
}
.academy-course-component:not(:has([data-type=virtual])) .academy-filter-btn-container {
  display: none;
}

.academy-card-item[data-id=filler] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("https://jlmscloudstore.blob.core.windows.net/genericimages/be53fa93-8114-4354-b8c9-9596b28ace7d.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  border: 0;
  color: white;
  text-align: center;
}
.academy-card-item[data-id=filler] div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-small);
  padding: var(--gap);
  background: rgba(0, 0, 0, 0.75);
  border-radius: var(--border-radius-large);
  box-shadow: var(--shadow-standard);
}
.academy-card-item[data-id=filler] div h3 {
  font-size: var(--text-size-large);
}
.academy-card-item[data-id=filler] div p {
  margin-block-start: 0;
}

.academy-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block-end: var(--gap-small);
  border-block-end: var(--border-blue-thick);
  background: var(--bg-blue-glow);
  margin-block-end: var(--gap-small);
}

.academy-card-item {
  border-radius: var(--border-radius-large);
  --br: calc(var(--border-radius-large) + var(--box-padding) + var(--border-width-button));
  border-bottom-left-radius: var(--br);
  border-bottom-right-radius: var(--br);
  border: 1px solid var(--theme-light-blue);
  padding: var(--box-padding);
  padding-block-start: 0.5rem;
  position: relative;
  background-color: var(--bg-soft);
  transform-origin: left;
  animation-name: zoomInShallow;
  animation-timing-function: var(--transition-bounce);
  animation-duration: var(--speed-standard);
  animation-fill-mode: both;
}
.academy-card-item:nth-child(2) {
  animation-delay: 50ms;
}
.academy-card-item:nth-child(3) {
  animation-delay: 100ms;
}
.academy-card-item:nth-child(4) {
  animation-delay: 150ms;
}

.academy-card-item-top {
  border-radius: calc(var(--border-radius-large) - 2px) calc(var(--border-radius-large) - 2px) 0 0;
  background: var(--theme-gradient) border-box;
  max-block-size: 3rem;
  margin: calc(var(--box-padding-small) * -1) calc(var(--box-padding) * -1) var(--box-padding);
  padding: var(--box-padding-shallow);
  color: white;
}

.academy-course-title {
  font-size: var(--text-size-h3);
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: color-mix(in srgb, var(--theme-light-blue-lighter) calc(20% + var(--is-light, 60%)), var(--text-white));
}

.academy-course-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-tiny);
  block-size: 11.7rem;
}
.academy-course-container .academy-course-details {
  display: flex;
  flex-direction: column;
  gap: var(--gap-tiny);
}

.academy-flag {
  display: flex;
  align-items: center;
  font-size: var(--text-size-small);
  padding: var(--padding-ch);
  background: var(--theme);
  border-radius: var(--border-radius-small);
  inline-size: fit-content;
  color: white;
}

.academy-dates,
.academy-location {
  display: grid;
  align-items: center;
  grid-template-columns: 8ch 1fr;
}
.academy-dates div > span,
.academy-location div > span {
  font-size: var(--text-size-small);
  color: var(--grey);
  text-decoration: underline dotted;
  margin-left: 1ch;
}

.class-logo {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
  margin-left: var(--gap-tiny);
  font-size: var(--text-size-small);
}
.class-logo svg {
  width: 1.7rem;
  height: 1.7rem;
}
.class-logo span {
  font-size: var(--text-size-larger);
}

.academy-filter-btn-container {
  display: flex;
  align-items: center;
  gap: var(--gap-tiny);
  margin-bottom: var(--gap-small);
}
.academy-filter-btn-container .academy-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--box-padding-shallow);
  border-radius: var(--border-radius-large);
  border: var(--border-soft);
  transition: all 0.3s ease;
}
.academy-filter-btn-container .academy-filter-btn:not(:has(input:checked)):hover {
  scale: 1.05;
  transform-origin: center;
}
.academy-filter-btn-container .academy-filter-btn input {
  display: none;
}
.academy-filter-btn-container .academy-filter-btn:has(input:checked) {
  background: var(--theme-blue-lighter);
  border: var(--border-thick);
  color: white;
  cursor: auto;
}
:is(.accordion-heading:has(+ .accordion-description), .accordion-description) {
  margin-block-end: calc(0.5 * var(--gap-dynamic-large));
}

.accordion-container {
  display: grid;
  gap: var(--gap-small);
  margin-block-end: var(--gap-large);
  --bp: calc(1.5 * var(--box-padding));
  max-inline-size: calc(var(--max-text-width) + 2 * var(--bp));
}
.accordion-container details {
  border: var(--border-medium);
  border-color: var(--theme);
  border-radius: var(--border-radius-large);
}
.accordion-container details:not([open]) summary {
  border-radius: calc(var(--border-radius-large) - 1px);
}
.accordion-container details[open] summary {
  background-image: var(--theme-gradient);
  color: white;
}
.accordion-container details[open] summary > div span {
  transform: rotate(45deg);
}
.accordion-container details > div {
  max-inline-size: var(--max-text-width);
  margin-block: var(--gap);
  padding-inline: var(--bp);
}
.accordion-container details:has(summary:focus-visible) {
  outline-style: dotted;
  outline-width: 0.1875rem;
  outline-color: currentColor;
}
.accordion-container summary {
  display: block;
  padding: var(--bp);
  border-radius: calc(var(--border-radius-large) - 1px) calc(var(--border-radius-large) - 1px) 0 0;
  position: relative;
  font-weight: var(--text-weight-bold);
  transition: background-color var(--speed-standard) var(--transition-out-quadratic);
}
.accordion-container summary:is(:focus-visible, :hover) {
  background-color: rgb(var(--bg-inverse-rgb)/0.1);
}
.accordion-container summary > div {
  display: inline-flex;
  inline-size: calc(100% - 2rem);
  position: relative;
}
.accordion-container summary span {
  position: absolute;
  display: grid;
  place-items: center;
  right: -2rem;
  top: -0.0625rem;
  inline-size: 1.125lh;
  block-size: 1.125lh;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  transition: transform var(--speed-standard) var(--transition-out-quadratic);
  will-change: transform;
}
.accordion-container summary span::after, .accordion-container summary span::before {
  position: absolute;
  content: "";
  width: 0.6lh;
  border-radius: 0.2rem;
  height: 0.125rem;
  background-color: currentColor;
}
.accordion-container summary span::after {
  transform: rotate(90deg);
}

@supports (block-size: calc-size(auto, size)) {
  .accordion-container details > div {
    margin: 0;
  }
  details:not([data-lab-type]) {
    overflow: hidden;
  }
  details:not([data-lab-type]) summary {
    margin: 0;
  }
  details:not([data-lab-type])::details-content {
    transition: block-size var(--speed-slow), content-visibility var(--speed-slow), padding var(--speed-slow);
    transition-behavior: allow-discrete;
    block-size: 0;
    margin: 0;
    padding-block: 0;
  }
  details:not([data-lab-type])[open]::details-content {
    block-size: auto;
    padding-block: 1rem;
  }
  details:not([data-lab-type])[open]::details-content > div {
    margin-block: 0;
  }
}
:is(.angled-container__top-angle, .angled-container__bottom-angle) {
  display: none;
}

.angled-container {
  margin-block: var(--gap-section);
}
.angled-container[style*=background] {
  background-color: transparent !important;
}

.component-call-to-action {
  display: grid;
  background: var(--gradient-border);
  border: var(--border-width-thin) solid transparent;
  border-radius: var(--border-radius-standard);
  padding: var(--box-padding-large);
  gap: var(--gap);
  display: grid;
  grid-auto-rows: min-content min-content auto;
}
.component-call-to-action .text {
  display: contents;
}
.component-call-to-action .text > :is(h2, h3, h4, div:first-of-type:not(:only-child)) {
  grid-column: var(--stack);
}
.component-call-to-action .text > :is(div:last-of-type:not(:only-child), p) {
  grid-column: var(--stack);
}
.component-call-to-action .image img[alt*=icon] {
  inline-size: clamp(9rem, 50%, 20rem);
}
.component-call-to-action .action-link {
  display: none;
}

@media (pointer: fine) {
  .callToAction {
    --clip: circle(0% at center);
    --stack: 1/1;
    overflow: hidden;
    --hover-position: translateY(calc(100% + 2 * var(--box-padding)));
  }
  .callToAction .action-link {
    display: block;
    grid-row: 2;
    grid-column: 1;
    align-self: flex-end;
    padding: 0.75ch 2ch;
    border: var(--border-medium);
    inline-size: fit-content;
    border-radius: 100vmax;
    text-decoration: none;
    margin-block-start: auto;
    pointer-events: none;
  }
  .callToAction .image {
    grid-column: 1;
    grid-row: 3;
    z-index: 1;
  }
  .callToAction .image img {
    inline-size: 100%;
  }
  .callToAction .image + .text > :is(div:last-of-type:not(:only-child), p) {
    grid-row: 1/4;
  }
  .callToAction .text > :is(h2, h3, h4, div:first-of-type:not(:only-child)) {
    grid-row: 1;
    grid-column: 1;
  }
  .callToAction .text > :is(div:last-of-type:not(:only-child), p) {
    grid-row: 1/-1;
    grid-column: 1;
    background: var(--theme-gradient);
    color: white;
    padding: var(--box-padding-large);
    margin-block: calc(-1 * var(--box-padding-large));
    margin-inline: calc(-1 * var(--box-padding-large) - 1px);
    clip-path: var(--clip, circle(0% at center));
    transition: all var(--speed-slower) var(--transition-out-quartic);
    will-change: clip-path;
    user-select: none;
    visibility: var(--visibility, hidden);
  }
  .callToAction:hover {
    --clip: circle(75% at center);
    --visibility: visible;
  }
  .component-call-to-action {
    grid-template-areas: "stack" "button";
    grid-template-rows: 1fr min-content;
  }
}
@supports (container-type: inline-size) {
  .callToAction {
    container-type: inline-size;
    container-name: callToAction;
  }
}
@container callToAction (min-width: 40em) {
  .callToAction .action-link {
    display: none;
  }
  .callToAction .text > :is(div:last-of-type:not(:only-child), p) {
    --clip: circle(75% at center);
    --visibility: visible;
    margin-inline: calc(-1 * var(--box-padding-large) - 1px);
    margin-inline-start: 0;
    background: var(--theme-gradient);
    color: white;
    padding: var(--box-padding-large);
    margin-block: calc(-1 * var(--box-padding-large));
  }
  .component-call-to-action {
    display: flex;
  }
}
.feature-slide-up {
  display: flex;
  flex-direction: column;
  border: var(--border-width-thinner) solid white;
  border-radius: var(--border-radius-large);
  border-end-end-radius: calc(var(--border-radius-large) + var(--box-padding-large) * 0.5);
  border-end-start-radius: 0;
  background: var(--theme-gradient);
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  color: white;
  box-shadow: var(--is-dark, var(--shadow-standard));
}
.feature-slide-up .image {
  aspect-ratio: 1.2;
  overflow: hidden;
}
.feature-slide-up .image img {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}
.feature-slide-up .visible-content {
  position: relative;
  padding: var(--box-padding-large);
  line-height: 1.4;
}
.feature-slide-up .visible-title {
  margin: 0;
  font-weight: var(--text-weight-bold);
  font-size: var(--text-size-large);
  line-height: 1.4;
}
.feature-slide-up .description {
  padding-inline: var(--box-padding-large);
  padding-block: var(--gap-small) var(--box-padding-large);
}

@media (pointer: fine) {
  .feature-slide-up {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    block-size: 100%;
    isolation: isolate;
  }
  .feature-slide-up::before {
    content: "";
    inset: 0;
    position: absolute;
    background: var(--theme-gradient);
    opacity: 0.95;
    translate: 0 var(--ee, 100%);
    z-index: 0;
    transition: translate var(--speed-slow) var(--transition-in-out-quadratic);
  }
  .feature-slide-up .image {
    grid-column: 1;
    grid-row: 1/2;
    z-index: -1;
  }
  .feature-slide-up .visible-content {
    z-index: 1;
    grid-column: 1;
    grid-row: 2/-1;
    transition: translate var(--speed-slow) var(--transition-in-out-quadratic);
  }
  .feature-slide-up .visible-title::after {
    content: "+";
    position: absolute;
    --b: calc(var(--box-padding-large) - var(--text-size-large) / 2);
    inset-inline-end: var(--b);
    inset-block-end: var(--b);
    border-radius: 100vmax;
    border: 1px solid currentColor;
    width: var(--text-size-large);
    height: var(--text-size-large);
    display: inline-grid;
    place-items: center;
    line-height: 0;
    font-weight: var(--text-weight-regular);
  }
  .feature-slide-up .description {
    z-index: 1;
    translate: 0 150%;
    grid-column: 1;
    grid-row: 1/-1;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: translate var(--speed-slow) var(--transition-in-out-quadratic);
    padding-inline-end: var(--box-padding);
    overflow: auto;
    container-type: size;
  }
  .feature-slide-up .description > div {
    padding-bottom: var(--box-padding-large);
    max-block-size: calc(var(--box-padding-large) + var(--ee, 100%) - var(--border-width-thinner));
    overflow: auto;
  }
  .feature-slide-up:is(:hover, :focus-visible)::before {
    translate: 0 0;
  }
  .feature-slide-up:is(:hover, :focus-visible) .visible-content {
    translate: 0 calc(-1 * var(--ee, 0));
  }
  .feature-slide-up:is(:hover, :focus-visible) .visible-title::after {
    color: transparent;
  }
  .feature-slide-up:is(:hover, :focus-visible) .description {
    translate: 0 calc(100% - var(--ee, 100%));
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@supports (container-type: inline-size) {
  .careerProfileItem {
    --ee: 83.3333cqi;
  }
}
.carousel {
  position: relative;
  margin-block: calc(var(--gap-section) - 2 * var(--blur-large));
  margin-inline: var(--inline-reverse-margin);
  border-radius: var(--border-radius-large);
  overflow: hidden;
}

.carousel__heading {
  block-size: 0px;
  transform: translate(var(--inline-reverse-padding), calc(0.5 * (var(--gap-section) + 2 * var(--blur-large))));
}

.carousel-slides {
  display: grid;
  grid-template: "stack" 1fr/1fr;
  width: unset !important;
  left: unset !important;
  inline-size: 100%;
  block-size: 100%;
  padding-block: calc(var(--gap-section) + 2 * var(--blur-large));
  padding-inline: var(--inline-reverse-padding);
}
.carousel-slides .next-button {
  position: absolute;
  right: calc(var(--inline-reverse-padding) - 0.75 * var(--container-padding));
  top: 50%;
  z-index: 2;
  inline-size: calc(8 * var(--arrow-width-large, 2rem));
  block-size: calc(8 * var(--arrow-width-large, 2rem));
  padding: calc(2 * var(--arrow-width-large, 1rem));
}
.carousel-slides .next-button::after {
  content: "";
  border: solid currentColor;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border-width: 0 var(--arrow-width-large, 0.25rem) var(--arrow-width-large, 0.25rem) 0;
  rotate: -45deg;
  transition: translate var(--speed-standard) var(--transition-in-out-quadratic);
}
.carousel-slides .next-button:hover::after {
  translate: var(--arrow-width-large) 0rem;
}
.carousel-slides .next-button:is(:focus-visible, :focus) {
  outline-style: dotted;
}

.carousel-controls {
  position: absolute;
  display: flex;
  inline-size: 100%;
  translate: 0 calc(-1 * var(--gap-section));
  gap: var(--gap-small);
  justify-content: center;
  z-index: 2;
}
.carousel-controls > a {
  inline-size: 1rem;
  block-size: 1rem;
  aspect-ratio: 1;
  background-color: transparent;
  border: var(--border-medium);
  color: transparent;
  border-radius: 10rem;
  text-decoration: none;
}
.carousel-controls > a:hover {
  background-color: rgb(var(--bg-inverse-rgb)/1);
}
.carousel-controls > a.active {
  background-color: rgb(var(--bg-inverse-rgb)/1);
  pointer-events: none;
}

.carousel:not(:has(.contentcarouselslide[data-id])) .carousel-controls {
  display: none;
}

.carousel[data-activated]:not(:has(.contentcarouselslide:nth-child(2))) .contentcarouselslide {
  opacity: 1;
  visibility: visible;
  translate: unset;
}

@media only screen and (min-width: 100em) {
  .carousel {
    --mi: linear-gradient(
        90deg,
        rgb(0 0 0 / 0) 0%,
        black var(--inline-container-excess),
        black calc(100% - var(--inline-container-excess)),
        transparent 100%
    );
    -webkit-mask-image: var(--mi);
    mask-image: var(--mi);
  }
}
:is(.carousel-hero-module, .hero-carousel-item) {
  display: contents;
}

.carousel-hero-module__slides {
  display: flex;
  scroll-snap-type: x mandatory;
  margin-bottom: var(--gap-large);
}

.hero-slide-v2 {
  position: relative;
  display: grid;
  grid-template-areas: "content image";
  grid-template-columns: 1fr 1fr;
  gap: clamp(var(--gap), 4vw, var(--gap-large));
  align-items: center;
  scroll-snap-align: start;
  min-width: 100%;
}

:not([data-edit-mode]) .hero-slide-v2 ~ .hero-slide-v2 {
  display: none;
}

.hero-carousel-item__bg {
  grid-area: image;
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  isolation: isolate;
  padding: clamp(0rem, 4vw, var(--gap-large)) var(--gap) var(--gap) var(--gap);
  background-image: none !important;
  --displace: clamp(1rem, 2vw, 2rem);
  --hero-aspect-ratio: 1.4;
  --clip-slope: calc(26.5% / var(--hero-aspect-ratio));
}
.hero-carousel-item__bg > div {
  grid-area: stack;
  aspect-ratio: var(--hero-aspect-ratio);
  --shadow-opacity: 0.4;
  filter: drop-shadow(var(--shadow-large));
  transform: translate(calc(-1 * var(--displace)), calc(-1 * var(--displace)));
}
.hero-carousel-item__bg > div > img {
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
  object-position: right;
  clip-path: polygon(0 0, calc(100% - var(--clip-slope)) 0, 100% 100%, var(--clip-slope) 100%);
}
.hero-carousel-item__bg span {
  -webkit-backdrop-filter: blur(var(--blur-small));
  backdrop-filter: blur(calc(0.5 * var(--blur-small)));
  grid-area: stack;
  aspect-ratio: 0.5;
}
.hero-carousel-item__bg span:first-of-type {
  align-self: flex-end;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  background-color: rgb(var(--bg-inverse-rgb)/0.24);
  width: clamp(2rem, 1.5rem + 3vw, 4rem);
}
.hero-carousel-item__bg span:last-of-type {
  justify-self: flex-end;
  background-color: rgba(37, 81, 123, 0.3);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: clamp(2rem, 1.5rem + 4vw, 5rem);
  translate: -1rem;
}
.hero-carousel-item__bg::before {
  content: "";
  grid-area: stack;
  background-color: rgba(37, 81, 123, 0.3);
  -webkit-backdrop-filter: brightness(1.1) saturate(1.5) blur(var(--blur-small, 3px));
  backdrop-filter: brightness(1.1) saturate(1.5) blur(var(--blur-small, 3px));
  block-size: 100%;
  inline-size: 100%;
  translate: var(--displace) var(--displace);
  clip-path: polygon(var(--clip-slope) 0, 100% 0%, calc(100% - var(--clip-slope)) 100%, 0% 100%);
  z-index: -2;
}
.hero-carousel-item__bg::after {
  content: "";
  grid-area: stack;
  background: transparent;
  block-size: 100%;
  inline-size: 100%;
  clip-path: polygon(0 0, calc(100% - var(--clip-slope)) 0, 100% 100%, var(--clip-slope) 100%);
  z-index: -1;
}

.hero-container__video {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  clip-path: polygon(0 0, calc(100% - var(--clip-slope)) 0, 100% 100%, var(--clip-slope) 100%);
  background-color: black;
}
.hero-container__video iframe {
  aspect-ratio: 16/9;
  block-size: 100%;
  object-fit: cover;
}

[image-transform-align=right] .hero-carousel-item__bg > div > img {
  object-position: right;
}

.hero-carousel-item__content-wrapper {
  grid-area: content;
}
.hero-carousel-item__content-wrapper > div {
  max-width: 70ch;
  margin-right: auto;
}

.hero-carousel-item__title,
.vendor-header__title {
  --length: 34;
  font-size: calc(var(--text-size-h1-dynamic) * clamp(0.75, (100 - (var(--length) - 34)) / 100 + 0.1, 1));
}

.hero-carousel-item__description {
  color: var(--text-white) !important;
  font-size: var(--text-size-larger);
}

@media only screen and (max-width: 87em) {
  .hero-carousel-item__bg {
    --hero-aspect-ratio: 1.2;
  }
}
@media only screen and (max-width: 78em) {
  .hero-slide-v2 {
    align-items: start;
  }
  .hero-carousel-item__bg {
    --hero-aspect-ratio: 1.1;
  }
}
@media only screen and (max-width: 44em) {
  .hero-slide-v2 {
    grid-template-areas: "content content" "image image";
    align-items: flex-start;
  }
  .carousel-hero-module__slides {
    margin-bottom: var(--gap-large);
  }
  .hero-carousel-item__bg {
    --hero-aspect-ratio: 3;
  }
}

.contentcarouselslide {
  min-width: 100%;
  grid-area: stack;
  transition: all var(--speed-slow) ease-out;
  margin-block: calc(var(--gap-section) + 4 * var(--blur-large));
}

.carousel[data-activated] .contentcarouselslide.active {
  z-index: 2;
  opacity: 1;
}
.carousel[data-activated] .contentcarouselslide:not(.active) {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.carousel[data-activated] .contentcarouselslide.outro {
  z-index: 1;
  visibility: visible;
  translate: -0.5rem 0rem;
}

.carousel:not([data-activated]) .contentcarouselslide:nth-child(n+2) {
  display: none;
}

.carousel .contentcarouselslide {
  margin-block: unset;
}

.carousel-slide {
  background-color: unset !important;
  display: flex;
  position: relative;
  block-size: 100%;
}
.carousel-slide:where([data-will-expire], [data-warn-expired]) {
  outline: 0.31rem solid var(--warn);
  box-shadow: 0 0 0.5rem 0.5rem var(--warn);
  position: relative;
}
.carousel-slide:where([data-will-expire], [data-warn-expired])::after {
  position: absolute;
  top: -2rem;
  right: 0;
}
.carousel-slide[data-will-expire] {
  --warn: orange;
}
.carousel-slide[data-will-expire]::after {
  content: "WILL EXPIRE";
}
.carousel-slide[data-warn-expired] {
  --warn: darkred;
}
.carousel-slide[data-warn-expired]::after {
  content: "HAS EXPIRED";
}
.carousel-slide[data-image-align=background]::before {
  content: "";
  position: absolute;
  inline-size: 80%;
  inset-inline-start: 10%;
  block-size: 3rem;
  inset-block-start: 0;
  background-image: radial-gradient(ellipse at top center, RGB(255 255 255/0.1) 0%, RGB(255 255 255/0) 75%);
  z-index: 0;
}
.carousel-slide[data-image-align=background]::after {
  content: "";
  position: absolute;
  inline-size: 80%;
  inset-inline-start: 10%;
  block-size: 4rem;
  inset-block-end: 0;
  background-image: radial-gradient(ellipse at bottom center, RGB(0 0 0/0.1) 0%, RGB(0 0 0/0) 75%);
  z-index: 0;
}

[data-has-expired] {
  display: none;
}

.carousel-slide__inner {
  display: flex;
  flex-direction: row-reverse;
  flex: 1;
  min-block-size: calc(3.5 * var(--gap-section));
  background: var(--theme-gradient);
  border-radius: var(--border-radius-standard);
  box-shadow: var(--shadow-emboss);
}
.carousel-slide__inner > * {
  flex: 1;
}

.carousel-slide__image-container {
  position: relative;
  flex: 1;
  z-index: 1;
}
.carousel-slide__image-container::before {
  content: "";
  display: block;
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: calc(-1 * 3 * var(--gap-section));
  inset-block: calc(-1 * var(--gap-section));
  background-image: var(--bg-img);
  background-size: cover;
  transform: skewX(calc(-7.5deg * var(--rtl, 1)));
  filter: blur(var(--blur-large));
  mix-blend-mode: var(--blend-default);
  opacity: var(--blur-underlay-opacity);
  z-index: -1;
  pointer-events: none;
}

.carousel-slide__image-overlay {
  position: absolute;
  box-shadow: var(--shadow-emboss);
  inset-block: 0;
  inset-inline-end: 0;
  inset-inline-start: calc(-0.5 * var(--gap-large));
  background-image: var(--bg-img);
  background-position: center;
  background-size: cover;
  --clip-amount: calc((0.5 * var(--gap-large) + var(--rtl, 1) * 0.5 * var(--gap-large)));
  clip-path: polygon(var(--clip-amount) 0%, 100% 0, 100% 100%, 0% 100%);
  border-start-start-radius: 0;
  border-start-end-radius: var(--border-radius-standard);
  border-end-start-radius: 0;
  border-end-end-radius: var(--border-radius-standard);
}

.carousel-slide__content-container {
  position: relative;
  padding: var(--gap-dynamic-large);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  color: white;
}
.carousel-slide__content-container::before {
  content: "";
  inset-inline-end: 0;
  inset-inline-start: calc(-3 * var(--gap-section));
  transform: skewX(calc(-7.5deg * var(--rtl, 1)));
  inset-block: calc(-1 * var(--gap-section));
  display: block;
  position: absolute;
  background-image: var(--theme-gradient-triple);
  background-size: 100% 100%;
  filter: blur(var(--blur-large));
  background-repeat: no-repeat;
  mix-blend-mode: var(--blend-default);
  opacity: var(--blur-underlay-opacity);
  z-index: -1;
}

.carousel-slide__heading {
  font-size: var(--text-size-h2);
  margin-bottom: var(--gap-small);
}

.carousel-slide__cta {
  padding-top: var(--gap);
}
.carousel-slide__cta:has(a:nth-child(2)) {
  display: flex;
  gap: var(--gap-small);
  flex-wrap: wrap;
}

.carousel-slide__description img:not(.full-width) {
  max-inline-size: 50%;
  margin-block: var(--gap-small);
}

.carousel-slide__icon {
  display: block;
  margin-block-end: var(--gap);
  --s: 2;
  max-block-size: calc(var(--s) * var(--icon-size-standard));
  inline-size: min(100%, var(--s) * var(--icon-size-standard));
}
.carousel-slide__icon[data-icon-size=small] {
  --s: 2;
}
.carousel-slide__icon[data-icon-size=medium] {
  --s: 3;
}
.carousel-slide__icon[data-icon-size=large] {
  --s: 5;
}

@media only screen and (min-width: 50.0625em) {
  :is([data-image-align=left], [data-image-align=right]) .carousel-slide__inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: var(--gap) 1fr var(--gap);
    background: none;
    box-shadow: none;
  }
  :is([data-image-align=left], [data-image-align=right]) .carousel-slide__content-container {
    grid-column: 1/-3;
    grid-row: 2/-2;
    --shadow-large: calc(var(--distance-x) * var(--m)) calc(var(--distance-y) * var(--m)) var(--l) RGB(0 0 0 / 0.5);
    filter: drop-shadow(var(--shadow-large));
  }
  :is([data-image-align=left], [data-image-align=right]) .carousel-slide__content-container::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: var(--border-radius-standard) 0 0 var(--border-radius-standard);
    background: var(--theme-gradient);
    clip-path: polygon(0% 0%, calc(100% - var(--gap-large)) 0, 100% 100%, 0% 100%);
  }
  :is([data-image-align=left], [data-image-align=right]) .carousel-slide__image-container {
    grid-column: 4/-1;
    grid-row: 1/-1;
  }
  :is([data-image-align=left], [data-image-align=right]) .carousel-slide__image-container::before {
    inset-block: calc(-1 * var(--gap-section) + var(--gap));
  }
  [data-image-align=left] .carousel-slide__content-container {
    grid-column: 3/-1;
    padding-left: clamp(2 * var(--gap-large), 16.667vw, 16.667rem);
  }
  [data-image-align=left] .carousel-slide__content-container::before {
    inset-inline-start: var(--gap-large);
    inset-inline-end: calc(-3 * var(--gap-section));
    transform: skewX(calc(7.5deg * var(--rtl, 1)));
  }
  [data-image-align=left] .carousel-slide__content-container::after {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, var(--gap-large) 100%);
    border-radius: 0 var(--border-radius-standard) var(--border-radius-standard) 0;
  }
  [data-image-align=left] .carousel-slide__image-container {
    grid-column: 1/4;
  }
  [data-image-align=left] .carousel-slide__image-container::before {
    inset-inline-end: 0;
    inset-inline-start: calc(-3 * var(--gap-section));
    transform: skewX(calc(7.5deg * var(--rtl, 1)));
  }
  [data-image-align=left] .carousel-slide__image-overlay {
    inset: 0;
    border-radius: var(--border-radius-standard) 0 0 var(--border-radius-standard);
    clip-path: polygon(0% 0%, calc(100% - var(--gap-large)) 0, 100% 100%, 0% 100%);
  }
}
@media only screen and (max-width: 50em) {
  .carousel-slide__inner {
    display: flex;
    min-block-size: calc(2.5 * var(--gap-section));
  }
  .carousel-slide__image-container {
    display: none;
  }
  .carousel-slide__content-container {
    border-radius: var(--border-radius-standard);
  }
  .carousel-slide__content-container::before {
    inset-inline: calc(-1 * var(--inline-reverse-padding));
    transform: skewX(0deg);
  }
}
.ctaImageBox {
  box-shadow: var(--shadow-standard);
}

.cta-image-box {
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  align-items: end;
  justify-items: center;
  text-decoration: none;
  isolation: isolate;
  border-radius: var(--border-radius-small);
  block-size: 100%;
  overflow: hidden;
}
.cta-image-box :where(picture, img, div) {
  block-size: 100%;
}
.cta-image-box img {
  transition: transform var(--speed-standard) var(--transition-out-quartic);
}
.cta-image-box:hover img {
  transform: scale(1.04);
}
.cta-image-box button {
  grid-area: stack;
  margin-bottom: var(--gap);
  z-index: 2;
  --bg-main-hover: white;
  --text-white: var(--text-dark);
}

.cta-image-box__image-container {
  grid-area: stack;
  position: relative;
}

.cta-image-box__image-overlay {
  background: linear-gradient(180deg, hsl(0deg, 0%, var(--is-light, 100%), 0) 50%, hsl(0deg, 0%, var(--is-light, 100%), 1) 100%);
  z-index: 1;
  inline-size: 100%;
  position: absolute;
}
@property --dc-num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: true;
}
@property --dc-from {
  syntax: "<integer>";
  initial-value: 0;
  inherits: true;
}
@property --dc-delay {
  syntax: "<time>";
  initial-value: 0s;
  inherits: true;
}
@property --dc-duration {
  syntax: "<time>";
  initial-value: 3s;
  inherits: true;
}
.dynamic-counter {
  aspect-ratio: 1;
  margin-inline: auto;
  border-radius: 100vmax;
  border: var(--border-width-thinner) solid white;
  background: var(--theme-gradient);
  display: grid;
  place-content: center;
  font-size: var(--text-size-callout);
  font-weight: var(--text-weight-bold);
  inline-size: min(var(--icon-size-huge), 100%);
  color: white;
  box-shadow: var(--is-dark, var(--shadow-standard));
}
.dynamic-counter.smaller {
  font-size: calc(0.75 * var(--text-size-callout));
}
.dynamic-counter + p {
  text-align: center;
}

@supports (counter-reset: num 0) {
  .dynamic-counter[data-type=integer] {
    transition-timing-function: cubic-bezier(0.46, 0.03, 0.25, 0.98);
    transition-duration: var(--dc-duration, 3s);
    transition-property: --dc-num;
    transition-delay: var(--dc-delay, 0s);
    counter-reset: dc-num var(--dc-num);
    will-change: counter-reset;
  }
  .dynamic-counter[data-type=integer] span::after {
    content: attr(data-before) counter(dc-num) attr(data-after);
  }
  .dynamic-counter[data-type=integer] span > span {
    display: none;
  }
  .dynamic-counter[data-type=integer][data-visible="0"] {
    transition-duration: var(--speed-standard);
    transition-delay: 0s;
    --dc-num: var(--dc-from, 0) !important;
    counter-reset: dc-num var(--dc-num);
  }
}
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
  .dynamic-counter[data-type=integer] {
    transition-duration: unset !important;
    transition-delay: unset !important;
  }
}
.featureItem {
  display: grid;
}

.feature-item {
  display: flex;
  gap: var(--gap-small);
}
.feature-item[data-icon-position=top] {
  flex-direction: column;
}
.feature-item[data-icon-position=top] .feature-item__icon {
  inline-size: var(--icon-size-large);
  block-size: var(--icon-size-large);
  position: relative;
  background: var(--gradient-border);
  border: var(--icon-border-width) solid transparent;
}
.feature-item[data-exclude-border] .feature-item__icon {
  border-radius: 0;
  border: unset;
  background: none;
}

.feature-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--icon-size-standard);
  block-size: var(--icon-size-standard);
  border-radius: 100vmax;
  flex-shrink: 0;
  background-color: unset !important;
}

.feature-item__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

.feature-item__text {
  flex: 1;
}

.feature-item__link {
  padding-block-end: var(--gap);
  font-size: 87.5%;
}
.feature-item__link .feature-item__link a {
  --btn-padding-block: 0.35rem;
  --btn-padding-inline: 1rem;
  --bg-main-hover: transparent;
}
.feature-item-v2 {
  padding: var(--gap-small);
}
.feature-item-v2:hover a .feature-item-v2__image {
  background: linear-gradient(rgb(var(--bg-main-rgb)/0.5), rgb(var(--bg-main-rgb)/0.5)) padding-box, var(--theme-gradient) border-box;
}
.feature-item-v2:hover a span {
  background-size: 100% 0.125rem;
}

.feature-item-v2__content {
  text-decoration: none;
  margin: 0;
  position: relative;
  display: block;
}

.feature-item-v2__image {
  display: block;
  inline-size: var(--icon-size-larger);
  block-size: var(--icon-size-larger);
  margin: 0 auto var(--gap-tiny);
  background: var(--gradient-border);
  border: var(--icon-border-width) solid transparent;
  border-radius: 100vmax;
  display: grid;
  place-items: center;
}

.feature-item-v2__name {
  font-weight: var(--text-weight-medium);
  display: block;
  text-align: center;
  background-size: 0% 0.125rem;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-standard) var(--transition-out-quartic);
}

.component-features {
  container-type: inline-size;
  container-name: featurescontainer;
}
.component-features .text-container {
  margin-block-end: var(--gap-dynamic-large);
}

.features-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: var(--gap) var(--gap-large);
}
.features-list .featureItem:nth-child(n+2) {
  border-block-start: var(--border-hard);
  padding-block-start: var(--gap);
}

@container featurescontainer (min-width: 44rem) {
  .features-list .featureItem:nth-child(-n+2) {
    border-block-start: unset;
    padding-block-start: unset;
  }
}
@container featurescontainer (min-width: 68rem) {
  .features-list .featureItem:nth-child(-n+3) {
    border-block-start: unset;
    padding-block-start: unset;
  }
}
@container featurescontainer (min-width: 92rem) {
  .features-list .featureItem:nth-child(-n+4) {
    border-block-start: unset;
    padding-block-start: unset;
  }
}
.features-v2__list {
  display: flex;
  flex-wrap: wrap;
}

.features-v2__description {
  margin-block-end: var(--gap-large);
}

.features-v2__image {
  display: none;
}

.featureItemv2 {
  padding: var(--box-padding);
  flex: 0 0 33.3333%;
}

.featureItemv2:first-child:nth-last-child(1) {
  flex: 1;
}

.featureItemv2:first-child:nth-last-child(2), .featureItemv2:first-child:nth-last-child(2) ~ .featureItemv2 {
  flex: 0 0 50%;
}
.featureItemv2:first-child:nth-last-child(3), .featureItemv2:first-child:nth-last-child(3) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(6), .featureItemv2:first-child:nth-last-child(6) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(9), .featureItemv2:first-child:nth-last-child(9) ~ .featureItemv2 {
  flex: 0 0 33.3333%;
}
.featureItemv2:first-child:nth-last-child(4), .featureItemv2:first-child:nth-last-child(4) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(7), .featureItemv2:first-child:nth-last-child(7) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(8), .featureItemv2:first-child:nth-last-child(8) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(11), .featureItemv2:first-child:nth-last-child(11) ~ .featureItemv2 {
  flex: 0 0 25%;
}
.featureItemv2:first-child:nth-last-child(5), .featureItemv2:first-child:nth-last-child(5) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(10), .featureItemv2:first-child:nth-last-child(10) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(12), .featureItemv2:first-child:nth-last-child(12) ~ .featureItemv2 {
  flex: 0 0 20%;
}

@media only screen and (max-width: 87em) {
  .featureItemv2:first-child:nth-last-child(5), .featureItemv2:first-child:nth-last-child(5) ~ .featureItemv2 {
    flex: 0 0 33.3333333%;
  }
  .featureItemv2:first-child:nth-last-child(10), .featureItemv2:first-child:nth-last-child(10) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(12), .featureItemv2:first-child:nth-last-child(12) ~ .featureItemv2 {
    flex: 0 0 25%;
  }
}
@media only screen and (max-width: 62.5em) {
  .featureItemv2:first-child:nth-last-child(4), .featureItemv2:first-child:nth-last-child(4) ~ .featureItemv2 {
    flex: 0 0 50%;
  }
  .featureItemv2:first-child:nth-last-child(7), .featureItemv2:first-child:nth-last-child(7) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(8), .featureItemv2:first-child:nth-last-child(8) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(10), .featureItemv2:first-child:nth-last-child(10) ~ .featureItemv2, .featureItemv2:first-child:nth-last-child(12), .featureItemv2:first-child:nth-last-child(12) ~ .featureItemv2 {
    flex: 0 0 33.3333%;
  }
}
@media only screen and (max-width: 44em) {
  .featureItemv2 {
    flex: 1 0 50% !important;
  }
}
.gradient-border {
  display: block;
  color: var(--text-white);
  text-decoration: none;
  container-type: inline-size;
  block-size: 100%;
  position: relative;
}
.gradient-border:hover .gradient-border__content {
  border-image-source: var(--theme-gradient-lighter);
}
.gradient-border:hover .gradient-border__content:hover span {
  background-size: 100% var(--arrow-width, 0.125rem);
}
.gradient-border:hover .gradient-border__content:hover::after {
  transform: translate(0.25rem, -100%) rotate(-45deg);
}
.gradient-border u {
  text-decoration: underline;
}

.gradient-border__content {
  padding: var(--box-padding-large);
  block-size: 100%;
  background-color: var(--bg-white-if-light);
  border: var(--border-width) solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}

a.gradient-border .gradient-border__content::after {
  display: block;
  position: absolute;
  content: "";
  inline-size: 0.5rem;
  block-size: 0.5rem;
  inset-block-end: calc(0.5rem + var(--border-width));
  inset-inline-end: calc(1rem + var(--border-width));
  border: solid currentColor;
  border-width: 0 var(--arrow-width, 0.125rem) var(--arrow-width, 0.125rem) 0;
  transform: translate(0, -100%) rotate(-45deg);
  transition: transform var(--speed-standard) var(--transition-out-quadratic);
}
.flexibleRowContainer {
  margin-block-end: var(--gap-large);
}

.flexible-row-container {
  display: grid;
  grid-auto-flow: dense;
  gap: var(--gap);
  --grid-columns: 1;
  grid-template-columns: repeat(var(--grid-columns, 1), 1fr);
}
.flexible-row-container > * {
  margin: 0;
}

[data-max-items="1"] {
  --grid-columns: 1 !important;
}

[data-max-items=flex] {
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
}
[data-max-items=flex] > .flexibleRowContainer {
  flex: 1;
}

[data-max-items="1-2"] > :nth-child(even) {
  grid-column: span min(2, var(--grid-columns) - 1);
}

[data-max-items="2-1"] > :nth-child(odd) {
  grid-column: span min(2, var(--grid-columns) - 1);
}

[data-max-items="1-3"] > :nth-child(even) {
  grid-column: span min(3, max(1, var(--grid-columns) - 1));
}

[data-max-items="3-1"] > :nth-child(odd) {
  grid-column: span min(3, max(1, var(--grid-columns) - 1));
}

@supports (container-type: inline-size) {
  .flexibleRowContainer {
    container-type: inline-size;
    container-name: flexcontainer;
  }
}
@container flexcontainer (min-width: 25em) {
  [data-max-items="1-2"],
  [data-max-items="2-1"],
  [data-max-items="5"],
  [data-max-items="4"],
  [data-max-items="4321"],
  [data-max-items="3"],
  [data-max-items="2"] {
    --grid-columns: 2;
  }
  :is([data-max-items="5"], [data-max-items="4"], [data-max-items="3"], [data-max-items="2"]):not(:has(> :nth-child(2))) {
    --grid-columns: 1;
  }
}
@container flexcontainer (min-width: 37em) {
  [data-max-items="5"],
  [data-max-items="4321"],
  [data-max-items="3"] {
    --grid-columns: 3;
  }
  :is([data-max-items="2"], [data-max-items="3"], [data-max-items="4"], [data-max-items="5"]):not(:has(> :nth-child(3))) {
    --grid-columns: 2;
  }
  [data-max-items="1-2"],
  [data-max-items="2-1"],
  [data-max-items="4"],
  [data-max-items="2"] {
    --grid-columns: 2;
  }
  [data-max-items]:not(:has(> :nth-child(2))) {
    --grid-columns: 1;
  }
  [data-max-items="1-3"],
  [data-max-items="3-1"] {
    --grid-columns: 1;
  }
}
@container flexcontainer (min-width: 50em) {
  [data-max-items="1-3"],
  [data-max-items="3-1"],
  [data-max-items="1-2"],
  [data-max-items="2-1"] {
    --grid-columns: 3;
  }
  :is([data-max-items="4"], [data-max-items="3"], [data-max-items="2"]):not(:has(> :nth-child(2))) {
    --grid-columns: 1;
  }
}
@container flexcontainer (min-width: 62em) {
  [data-max-items="5"] {
    --grid-columns: 5;
  }
  :is([data-max-items="1-3"],
  [data-max-items="3-1"],
  [data-max-items="4"],
  [data-max-items="4321"],
  [data-max-items="5"]:not(:has(> :nth-child(5)))) {
    --grid-columns: 4;
  }
  [data-max-items="3"],
  :is([data-max-items="4"], [data-max-items="5"]):not(:has(> :nth-child(4))),
  :is([data-max-items="1-2"], [data-max-items="2-1"], [data-max-items="1-3"], [data-max-items="3-1"]):not(:has(> :nth-child(3))) {
    --grid-columns: 3;
  }
  :is([data-max-items="3"], [data-max-items="4"], [data-max-items="5"]):not(:has(> :nth-child(3))) {
    --grid-columns: 2;
  }
  [data-max-items]:not(:has(> :nth-child(2))) {
    --grid-columns: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (max-width: 44em) {
    [data-max-items="5"] {
      --grid-columns: 2;
    }
  }
  @media only screen and (min-width: 44em) {
    [data-max-items="5"],
    [data-max-items="1-2"],
    [data-max-items="2-1"] {
      --grid-columns: 3;
    }
    [data-max-items="4"],
    [data-max-items="3"],
    [data-max-items="2"] {
      --grid-columns: 2;
    }
    [data-max-items] [data-max-items="5"] {
      --grid-columns: 5;
    }
    [data-max-items] [data-max-items="4"] {
      --grid-columns: 4;
    }
    [data-max-items] [data-max-items="3"],
    [data-max-items] [data-max-items="1-2"],
    [data-max-items] [data-max-items="2-1"] {
      --grid-columns: 3;
    }
    [data-max-items] [data-max-items="2"] {
      --grid-columns: 2;
    }
    [data-max-items="1-2"] > :nth-child(even) {
      grid-column: span min(2, var(--grid-columns));
    }
    [data-max-items="2-1"] > :nth-child(odd) {
      grid-column: span min(2, var(--grid-columns));
    }
  }
  @media only screen and (min-width: 71em) {
    [data-max-items="5"] {
      --grid-columns: 5;
    }
    [data-max-items="4"] {
      --grid-columns: 4;
    }
    [data-max-items="3"],
    [data-max-items="1-2"],
    [data-max-items="2-1"] {
      --grid-columns: 3;
    }
    [data-max-items="2"] {
      --grid-columns: 2;
    }
  }
  @media only screen and (max-width: 62.5em) {
    [data-max-items="2"]:has(.wistiaVideo, .video) {
      --grid-columns: 1;
    }
  }
}
.hero-banner {
  display: grid;
  grid-template: "content gap image" 1fr/1fr var(--gap-large) 1fr;
  align-items: center;
  background: var(--theme-gradient);
  margin-block: var(--gap-large);
}
.hero-banner[data-align=right] {
  grid-template: "image gap content" 1fr/1fr var(--gap-large) 1.5fr;
}
.hero-banner[data-align=right] .hero-banner__image_bg {
  grid-column: image/gap;
  clip-path: polygon(0% 0%, calc(100% - var(--gap-large)) 0%, 100% 100%, 0% 100%);
}
.hero-banner .sub-heading + h2 {
  margin-block-start: 0;
}

.hero-banner__image__overlay {
  grid-area: image;
  display: grid;
  place-items: center;
  position: relative;
  block-size: 100%;
}
.hero-banner__image__overlay div {
  padding: var(--box-padding-large);
  position: absolute;
  inset: 0;
}
.hero-banner__image__overlay :is(img:not([src*=_inline]), iframe) {
  z-index: 1;
  object-fit: contain;
  inline-size: 100%;
  block-size: 100%;
}

.hero-banner__image_bg {
  grid-column: gap/image;
  grid-row: 1;
  overflow: hidden;
  clip-path: polygon(var(--gap-large) 0%, 100% 0, 100% 100%, 0% 100%);
  block-size: 100%;
  position: relative;
}
.hero-banner__image_bg div {
  position: absolute;
  inset: 0;
}
.hero-banner__image_bg img {
  object-fit: cover;
  block-size: 100%;
  object-position: var(--bg-align);
}

.hero-banner-content {
  grid-area: content;
  padding: var(--box-padding-large);
  color: white;
}
.hero-banner-content .contents {
  margin-block-start: var(--gap-small);
}
.hero-banner-content .contents:not(:has(:nth-child(1))) {
  display: none;
}

@media only screen and (max-width: 45em) {
  .hero-banner {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "content" "image";
  }
  .hero-banner__image_bg {
    clip-path: none;
    grid-row: 2;
    grid-column: 1;
  }
}
.hero-slide {
  margin-block: var(--gap-section);
}
.hero-slide .gradient-border__content {
  background-color: var(--bg-main-hover);
}

.hero-feature {
  isolation: isolate;
  display: grid;
  gap: var(--gap);
  position: relative;
}
.hero-feature:where(:not([data-no-hero])) {
  grid-template-columns: 1fr 1fr;
}
.hero-feature[data-has-bg] {
  color: white;
}
.hero-feature[data-no-hero] .hero-feature-content {
  max-inline-size: 50rem;
}
.hero-feature[data-align=right] .hero-feature-image {
  grid-column: 1;
  grid-row: 1;
}
.hero-feature .contents {
  margin-block-start: var(--gap);
}
.hero-feature .contents:empty {
  display: none;
}

@supports (inline-size: -webkit-fill-available) {
  [data-align=right][data-no-hero] .hero-feature-content {
    justify-self: flex-end;
    inline-size: -webkit-fill-available;
  }
}
.hero-feature-bg {
  z-index: -1;
  position: absolute;
  inset-block: max(var(--inline-reverse-margin), -0.75 * var(--gap-section));
  inset-inline: var(--inline-reverse-margin);
  grid-column: 1/-1;
  grid-row: 1/-1;
  overflow: hidden;
}
.hero-feature-bg img {
  object-fit: cover;
  block-size: 100%;
}

.hero-feature-image {
  border-radius: var(--border-radius-standard);
  overflow: hidden;
}
.hero-feature-image img {
  object-fit: cover;
  block-size: 100%;
}

@media only screen and (max-width: 40em) {
  .hero-feature {
    grid-template-columns: 1fr;
  }
  .hero-feature-image {
    display: none;
  }
}

.intro__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--gap-large);
}

.intro__content {
  flex: 1;
  min-inline-size: 20ch;
}

.intro__quick-links {
  padding: var(--box-padding-large);
  border: 0.1875rem solid var(--theme-green);
  border-radius: var(--border-radius-large);
  background-color: rgb(var(--bg-main-rgb)/0.8);
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
  margin-block-end: var(--gap);
}

.quick-links__title {
  font-size: var(--text-size-h3);
  margin-bottom: var(--gap-small);
}

.quick-links__list {
  min-inline-size: 1rem;
  display: grid;
  gap: var(--gap-small);
}
.quick-links__list .link:not(.partnerCentralLink) a {
  display: block;
  padding: var(--padding-ch);
  padding-left: 2ch;
  background-color: rgb(var(--bg-inverse-rgb)/0.1);
  border-radius: var(--border-radius-small);
  text-decoration: none;
  overflow: hidden;
  position: relative;
  width: fit-content;
  max-width: 24ch;
}
.quick-links__list .link:not(.partnerCentralLink) a::before {
  display: block;
  position: absolute;
  content: "";
  inline-size: 0.5ch;
  block-size: 0.5ch;
  top: 1.125ch;
  left: 0.8ch;
  border: solid currentColor;
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg);
  transition: transform var(--speed-standard) var(--transition-out-quadratic);
}
.quick-links__list .link:not(.partnerCentralLink) a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  block-size: 0.125rem;
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) ease;
}
.quick-links__list .link:not(.partnerCentralLink) a:where(:hover, :focus-visible)::before {
  transform: translateY(0.125ch) scale(1.1) rotate(45deg);
}
.quick-links__list .link:not(.partnerCentralLink) a:where(:hover, :focus-visible)::after {
  background-size: 100% 0.125rem;
}

@media only screen and (max-width: 44em) {
  .intro__quick-links {
    inline-size: 100%;
  }
  .quick-links__list {
    display: block;
    columns: 2 18ch;
    column-gap: var(--gap-large);
    padding-block: var(--gap);
    column-rule: var(--border-soft);
  }
  .quick-links__list .link:not(:last-of-type) {
    margin-block-end: var(--gap-small);
  }
  .quick-links__list .link a {
    max-width: unset;
  }
}

:where(.oneColumnContent, .newsShowcase) + :where(.newsShowcase, .scroller, .flexibleRowContainer) {
  margin-block-start: var(--gap-large);
}

:is(.scroller, .flexibleRowContainer) :is(.newsShowcase, .news-showcase, .news-showcase__inner) {
  margin-block-start: unset;
}
:is(.scroller, .flexibleRowContainer) :is(.news-showcase, .news-showcase__inner) {
  block-size: 100%;
}

.news-showcase__inner {
  display: flex;
  gap: var(--gap);
  --flex-ns: 50%;
  block-size: 100%;
}

@media only screen and (min-width: 50em) {
  [data-width="75"] .news-showcase__inner {
    --flex-ns: 75%;
  }
  [data-width="66"] .news-showcase__inner {
    --flex-ns: 66.66666%;
  }
  [data-width="33"] .news-showcase__inner {
    --flex-ns: 33.333%;
  }
  [data-width="25"] .news-showcase__inner {
    --flex-ns: 25%;
  }
  [data-width="20"] .news-showcase__inner {
    --flex-ns: 20%;
  }
  [data-width="12"] .news-showcase__inner {
    --flex-ns: 12%;
  }
}
[data-remove-border] .news-showcase__image-container img {
  border-width: 0 !important;
}

[data-reduce-margin] .news-showcase__inner {
  gap: var(--gap-small);
}

[data-image-position=right] .news-showcase__inner {
  flex-direction: row-reverse;
}

[data-display-style=inline] .news-showcase__image-container img {
  inline-size: 100%;
}
[data-display-style=inline] .news-showcase__image-container img:not([src*=".svg"]):not([src*=".png"]) {
  border-width: var(--border-width-large);
  border-style: solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}

.news-showcase__image-container {
  flex: 1 1 calc(var(--flex-ns) - var(--border-width-large));
}

[data-display-style=background] .news-showcase__image-container {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--bg-img);
  border-width: var(--border-width-large);
  border-style: solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
  background-color: var(--bg-white-if-light);
}
[data-display-style=background] .news-showcase__image-container img {
  display: none;
}

[data-vertically-center] .news-showcase__inner {
  align-items: center;
}
[data-vertically-center] .news-showcase__content-container {
  padding-block: var(--gap);
}

.news-showcase__content-container {
  flex: 1 1 calc(100% - var(--flex-ns) + var(--border-width-large));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-small);
  align-items: flex-start;
  align-content: flex-start;
}
.news-showcase__content-container > *:not(a) {
  flex: 1 0 100%;
}
.news-showcase__content-container > a {
  height: fit-content;
}
.news-showcase__content-container .news-showcase__cta {
  margin-block-start: var(--gap-small);
}

.news-showcase__author {
  display: flex;
  align-items: center;
  padding-block-end: var(--gap-small);
}

h2 ~ .news-showcase__author {
  border-block-start: var(--border-soft);
  padding-block-start: var(--gap-small);
}

.news-showcase__author:has(~ h3) {
  border-block-end: var(--border-soft);
  padding-block-end: var(--gap-small);
}

.news-showcase__author-image {
  overflow: hidden;
  inline-size: var(--icon-size-standard);
  block-size: var(--icon-size-standard);
  border-radius: 50%;
  flex-shrink: 0;
  margin-inline-end: var(--gap-small);
}

.news-showcase__author-name {
  font-weight: var(--text-weight-medium);
  margin: 0;
}

.news-showcase__author-title {
  margin: 0;
}

@media only screen and (max-width: 31em) {
  [data-mobile-hide-image]:not([data-media-mode=video]) .news-showcase__image-container {
    display: none;
  }
}
@media only screen and (max-width: 50em) {
  .news-showcase:not([data-mobile-no-stack]) .news-showcase__inner {
    flex-direction: column;
  }
  [data-display-style=background] .news-showcase__image-container {
    max-block-size: 50vmax;
  }
  [data-display-style=background] .news-showcase__image-container img {
    opacity: 0;
    display: block;
  }
}
.oneColumnContent {
  transform-origin: left center;
}

:dir(rtl) .oneColumnContent {
  transform-origin: right center;
}

:where(.oneColumnContent + .oneColumnContent) {
  margin-block-start: var(--gap);
}

.mainContainer:not(.editmode) .scroller :where(.oneColumnContent, .oneColumnContent .tile) {
  block-size: 100%;
}

.one-column-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  block-size: 100%;
}
.one-column-content[data-bg] {
  background-image: var(--bg-img);
  background-size: cover;
  background-position: center;
}
.one-column-content[data-bg] > div {
  padding: var(--box-padding-large);
}
.one-column-content[data-separator-line] {
  margin-block: var(--gap-large);
  border-block-end: var(--border-medium);
}

:is(.flexible-row-container, .scroller) > .oneColumnContent > [data-separator-line] {
  margin-block-start: 0;
}

.partnerCentralApplication {
  order: 0;
}
.partnerCentralApplication:has(.no-access) {
  order: 1;
}

.feature-application {
  block-size: 100%;
  display: grid;
}

.feature-application__item {
  display: grid;
  grid-template-rows: 1fr min-content;
  border-radius: var(--border-radius-standard);
  overflow: hidden;
  padding: var(--border-width-thin);
  text-decoration: none;
  background: var(--theme-gradient);
}

.no-access .feature-application__content {
  background: var(--bg-main);
  color: inherit;
  border-start-start-radius: calc(var(--border-radius-standard) - var(--border-width-thin));
  border-start-end-radius: calc(var(--border-radius-standard) - var(--border-width-thin));
}
.no-access .feature-application__cta {
  background: var(--theme-gradient);
  color: white;
}

.feature-application__content {
  display: grid;
  padding: var(--box-padding-large);
  position: relative;
  color: white;
}

.feature-application__icon {
  inline-size: var(--icon-size-larger);
  margin-block-end: var(--gap-small);
}

.feature-application__title {
  font-size: var(--text-size-h3-dynamic);
  padding-block-end: var(--gap-small);
}

.feature-application__text {
  padding-inline-end: var(--gap-tiny);
  scrollbar-color: white transparent;
}
.feature-application__text::-webkit-scrollbar {
  width: 10px;
}
.feature-application__text::-webkit-scrollbar-track {
  background-color: transparent;
}
.feature-application__text::-webkit-scrollbar-thumb {
  background-color: currentColor;
  border-radius: 6px;
}

.feature-application__cta {
  background-color: var(--bg-main);
  padding: var(--box-padding) var(--box-padding-large);
  border-end-start-radius: calc(var(--border-radius-standard) - var(--border-width-thin));
  border-end-end-radius: calc(var(--border-radius-standard) - var(--border-width-thin));
  font-weight: var(--text-weight-bold);
}
.feature-application__cta p {
  margin: 0;
}
.feature-application__cta a {
  display: block;
  text-decoration: none;
}

.flexible-row-container .partnerCentralApplication:only-child {
  max-inline-size: 34rem;
}

@media (hover: hover) {
  .feature-application__item:is(:hover, :focus-visible, :focus-within) .feature-application__content {
    grid-template-rows: 0 min-content calc(var(--icon-size-larger) + var(--gap-small));
  }
  .feature-application__content {
    grid-template-rows: calc(var(--icon-size-larger) + var(--gap-small)) min-content 0;
    transition: all var(--speed-standard) var(--transition-in-out-quadratic);
  }
}




.download-resource {
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  gap: var(--gap-small);
  --icon: var(--icon-download);
}
.download-resource div {
  display: grid;
  grid-template: unset;
  grid-template-areas: "stack";
  place-items: center;
  gap: 0;
  padding: 0;
}
.download-resource div::before {
  content: "";
  aspect-ratio: 1;
  width: var(--icon-size-standard);
  height: var(--icon-size-standard);
  grid-area: stack;
  border: var(--border-width-thin) solid currentColor;
  border-radius: 100vmax;
}
.download-resource div::after {
  content: "";
  aspect-ratio: 1;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  grid-area: stack;
  background-color: currentColor;
  clip-path: var(--icon);
}
.download-resource p {
  text-align: center;
}
@charset "UTF-8";
.scroller {
  margin-block-end: var(--gap-large);
}

.scroller-component {
  display: grid;
  container-type: inline-size;
  container-name: scroller;
  --s-item-width: 100%;
}

.scroller-component__slides {
  --quarter: calc(25% - 0.75 * var(--gap));
  --third: calc(33.333333% - 0.666666 * var(--gap));
  --half: calc(50% - 0.5 * var(--gap));
  counter-reset: item;
  inline-size: 100cqi;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(var(--s-item-width) - var(--coarse-pointer-adjust, 0%));
  gap: var(--gap);
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  overflow-y: clip;
  overscroll-behavior-x: contain;
  anchor-name: var(--anchor-name);
  padding-block: 0.5rem var(--gap);
  scrollbar-width: var(--scrollbar-width);
  scrollbar-color: var(--bg-scrollbar-track) var(--bg-scrollbar-thumb);
}
@media (prefers-reduced-motion: no-preference) {
  .scroller-component__slides {
    scroll-behavior: smooth;
  }
}
.scroller-component__slides:focus-visible {
  outline-color: rgb(var(--bg-inverse-rgb)/0.4);
}
.scroller-component__slides[data-max-items=auto] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(18rem, 1fr);
}
.scroller-component__slides > * {
  scroll-snap-align: start;
  margin-block: unset;
}
.scroller-component__slides > .tile {
  display: grid;
}

@supports (scroll-marker-group: after) {
  .scroller-component__slides {
    padding-inline: 5vmin;
    padding-block: var(--gap-small);
    margin-block-end: var(--gap-large);
    scroll-padding-inline-end: 5vmin;
    scrollbar-width: none;
    container-type: inline-size scroll-state;
  }
  .scroller-component__slides > :where(*:not(.flexibleRowContainer)) {
    container-type: scroll-state;
    animation: offscreen-inert linear both;
    animation-timeline: view(x);
  }
  .scroller-component__slides::scroll-button(left), .scroller-component__slides::scroll-button(right) {
    position-area: var(--_inner);
  }
  .scroll-markers {
    scroll-marker-group: after;
  }
  .scroll-markers::scroll-marker-group {
    position: absolute;
    position-anchor: var(--anchor-name);
    container: marker-group/inline-size;
    display: grid;
    gap: var(--gap-small);
    place-content: safe center;
    box-sizing: border-box;
    scrollbar-width: none;
    scroll-behavior: smooth;
    inline-size: 100%;
    max-inline-size: 80cqi;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding: 0.3125rem 0.625rem;
    scroll-padding-inline: 0.625rem;
    top: anchor(bottom);
    left: calc(anchor(left) - 10%);
    right: calc(anchor(right) - 10%);
    margin-block: var(--gap-small);
    grid-auto-columns: var(--gap-small);
    grid-auto-flow: column;
    justify-self: center;
  }
  .scroll-markers > *::scroll-marker {
    content: " ";
    color: currentColor;
    scroll-snap-align: center;
    aspect-ratio: 1;
    border: var(--border-medium);
    border-radius: 100vmax;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--speed-standard) ease, outline-offset var(--speed-standard) ease;
    animation: scale-in-and-out linear both;
    animation-timeline: view(x);
    interactivity: auto;
  }
  .scroll-markers > *::scroll-marker:target-current {
    background: currentColor;
  }
  .scroll-markers > *::scroll-marker:not(:active):hover {
    transform: scale(1.25);
  }
  .scroll-markers > *::scroll-marker:focus-visible {
    outline-color: rgb(var(--bg-inverse-rgb)/0.4);
    outline-offset: 0.125rem;
    outline-style: dotted;
    outline-width: 0.1875rem;
  }
  @media (forced-colors: active) {
    .scroll-markers > *::scroll-marker:target-current {
      background: Highlight;
      border-color: Highlight;
    }
  }
  .scroll-buttons::scroll-button(*) {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 1;
    position-anchor: var(--anchor-name);
    font-size: 130%;
    font-family: system-ui;
    inline-size: 2.5rem;
    line-height: 1;
    display: flex;
    place-items: center;
    place-content: center;
    aspect-ratio: 1;
    background: rgb(var(--bg-main-rgb)/0.6);
    border: var(--border-medium);
    border-radius: 100vmax;
    color: currentColor;
    transform-origin: center;
    transition: transform var(--speed-standard) ease, opacity var(--speed-standard) ease, background-color var(--speed-standard) ease, outline-offset var(--speed-standard) ease;
  }
  @media (forced-colors: active) {
    .scroll-buttons::scroll-button(*) {
      background: Canvas;
    }
  }
  .scroll-buttons:where(:not([data-vertical-mode=true]))::scroll-button(right) {
    --_inner: center span-inline-start;
    --_inner-under: block-end span-inline-start;
    --_inner-over: block-start span-inline-start;
    --_outer: inline-end center;
    --_outer-under: end;
    --_outer-over: block-start inline-end;
    position-area: var(--_outer-under);
    content: "→"/"Scroll Right";
  }
  .scroll-buttons:where(:not([data-vertical-mode=true]))::scroll-button(left) {
    --_inner: center span-inline-end;
    --_inner-under: block-end span-inline-end;
    --_inner-over: block-start span-inline-end;
    --_outer: inline-start center;
    --_outer-under: block-end inline-start;
    --_outer-over: start;
    position-area: var(--_outer-under);
    content: "←"/"Scroll Left";
  }
  @container (inline-size >= calc(100cqi - 120px)) {
    .scroll-buttons:where(:not([data-vertical-mode=true]))::scroll-button(right), .scroll-buttons:where(:not([data-vertical-mode=true]))::scroll-button(left) {
      position-area: var(--_inner-under);
    }
  }
  .scroll-buttons::scroll-button(*):not(:disabled):is(:hover, :focus-visible) {
    transform: scale(1.1);
  }
  .scroll-buttons::scroll-button(*):not(:active):focus-visible {
    outline-color: currentColor;
    outline-offset: 0.125rem;
    outline-style: dotted;
    outline-width: 0.1875rem;
  }
  .scroll-buttons::scroll-button(right):not(:disabled):active {
    transform: translate(0.3125rem) scale(0.95);
  }
  .scroll-buttons::scroll-button(left):not(:disabled):active {
    transform: translate(-0.3125rem) scale(0.95);
  }
  .scroll-buttons::scroll-button(up):not(:disabled):active {
    transform: translateY(-0.3125rem) scale(0.95);
  }
  .scroll-buttons::scroll-button(down):not(:disabled):active {
    transform: translateY(0.3125rem) scale(0.95);
  }
  .scroll-buttons::scroll-button(*):disabled {
    opacity: 25%;
    cursor: not-allowed;
  }
  .full-width {
    scroll-padding-inline-start: var(--inline-reverse-padding);
    margin-inline: var(--inline-reverse-margin);
    padding-inline: var(--inline-reverse-padding);
    inline-size: calc(100cqi + 2 * var(--inline-reverse-padding));
  }
  .full-width::scroll-button(left) {
    translate: var(--inline-reverse-padding) 0;
  }
  .full-width::scroll-button(right) {
    translate: var(--inline-reverse-margin) 0;
  }
  .panels .full-width {
    margin-inline-start: unset;
    padding-inline-start: unset;
    inline-size: calc(100% + var(--inline-reverse-padding));
    scroll-padding-inline-start: unset;
  }
  .panels .full-width::scroll-button(left) {
    translate: 0;
  }
  .panels .full-width::scroll-marker-group {
    translate: calc(0.5 * var(--inline-reverse-margin));
  }
  .card-carousel {
    padding-block: var(--gap) var(--gap-large);
    margin-block-end: var(--gap-section);
    scroll-padding-inline-end: 0;
    --bg-white-if-light: var(--bg-main);
    --card-container-range: cover -75cqi contain 10cqi;
  }
  .card-carousel::before, .card-carousel::after {
    content: "";
    display: block;
  }
  .card-carousel::before {
    order: 0;
  }
  .card-carousel::after {
    order: 21;
  }
  .card-carousel::scroll-button(*) {
    z-index: 21;
  }
  .card-carousel > * {
    scroll-snap-align: start;
    box-shadow: calc(var(--distance-x) * var(--m) + 0.5rem) calc(var(--distance-y) * var(--m)) var(--l) rgba(0, 0, 0, 0.2);
    transition: unset;
  }
  .card-carousel > *:nth-child(1) {
    z-index: 20;
  }
  .card-carousel > *:nth-child(2) {
    z-index: 19;
  }
  .card-carousel > *:nth-child(3) {
    z-index: 18;
  }
  .card-carousel > *:nth-child(4) {
    z-index: 17;
  }
  .card-carousel > *:nth-child(5) {
    z-index: 16;
  }
  .card-carousel > *:nth-child(6) {
    z-index: 15;
  }
  .card-carousel > *:nth-child(7) {
    z-index: 14;
  }
  .card-carousel > *:nth-child(8) {
    z-index: 13;
  }
  .card-carousel > *:nth-child(9) {
    z-index: 12;
  }
  .card-carousel > *:nth-child(10) {
    z-index: 11;
  }
  .card-carousel > *:nth-child(11) {
    z-index: 10;
  }
  .card-carousel > *:nth-child(12) {
    z-index: 9;
  }
  .card-carousel > *:nth-child(13) {
    z-index: 8;
  }
  .card-carousel > *:nth-child(14) {
    z-index: 7;
  }
  .card-carousel > *:nth-child(15) {
    z-index: 6;
  }
  .card-carousel > *:nth-child(16) {
    z-index: 5;
  }
  .card-carousel > *:nth-child(17) {
    z-index: 4;
  }
  .card-carousel > *:nth-child(18) {
    z-index: 3;
  }
  .card-carousel > *:nth-child(19) {
    z-index: 2;
  }
  .card-carousel > *:nth-child(20) {
    z-index: 1;
  }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .card-carousel > * {
        animation: card-slide-in linear both;
        animation-range: var(--card-container-range);
        animation-timeline: view(x);
      }
    }
  }
}
@container scroller (width >= 32em) {
  :is([data-max-items="4"], [data-max-items="3"], [data-max-items="2"]) {
    --card-container-range: cover -75cqi contain 20cqi;
    --s-item-width: var(--half);
  }
}
@container scroller (width >= 58em) {
  :is([data-max-items="4"], [data-max-items="3"]):not(:has(> *:nth-child(3))) {
    --s-item-width: var(--half);
  }
  :is([data-max-items="4"], [data-max-items="3"]) {
    --s-item-width: var(--third);
  }
  [data-max-items="2"] {
    --s-item-width: var(--half);
  }
}
@container scroller (width >= 71em) {
  [data-max-items="4"]:not(:has(> *:nth-child(4))) {
    --s-item-width: var(--third);
  }
  :is([data-max-items="4"], [data-max-items="3"]):not(:has(> *:nth-child(3))) {
    --s-item-width: var(--half);
  }
  [data-max-items="4"] {
    --s-item-width: var(--quarter);
  }
  [data-max-items="3"] {
    --s-item-width: var(--third);
  }
  [data-max-items="2"] {
    --s-item-width: var(--half);
  }
}
@media only screen and (max-width: 30em) {
  .scroller-component__slides {
    margin-inline: calc(-1 * var(--container-padding));
    padding-inline: var(--container-padding);
    scroll-padding-inline: var(--container-padding);
  }
  .scroller-component__slides > * {
    --s-item-width: calc(100% - var(--gap));
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 24em) {
    [data-max-items="4"],
    [data-max-items="3"],
    [data-max-items="2"] {
      --s-item-width: var(--half);
    }
  }
  @media only screen and (min-width: 62.5em) {
    [data-max-items="4"],
    [data-max-items="3"] {
      --s-item-width: var(--third);
    }
    [data-max-items="2"] {
      --s-item-width: var(--half);
    }
  }
  @media only screen and (min-width: 87em) {
    [data-max-items="4"] {
      --s-item-width: var(--quarter);
    }
    [data-max-items="3"] {
      --s-item-width: var(--third);
    }
    [data-max-items="2"] {
      --s-item-width: var(--half);
    }
  }
}
@supports not (scroll-marker-group: after) {
  @media only screen and (min-width: 87em) {
    .scroller-component[data-navigation=top-right] {
      grid-template-columns: 25ch 1fr;
      gap: var(--gap);
    }
    .scroller-component[data-navigation=top-right] .scroller-component__title {
      display: grid;
      place-items: center;
      font-weight: var(--text-weight-bold);
      padding: var(--box-padding-large);
      border: var(--border-width-thinner) solid;
      border-image-slice: 1;
      border-image-source: var(--theme-gradient);
    }
  }
}
@media (pointer: coarse) {
  .scroller-component__slides {
    margin-inline: calc(-1 * var(--container-padding));
    padding-inline: var(--container-padding);
    scroll-padding-inline: var(--container-padding);
  }
  [data-max-items="4"] {
    --coarse-pointer-adjust: calc(var(--gap) * 0.25);
  }
  [data-max-items="3"] {
    --coarse-pointer-adjust: calc(var(--gap) * 0.3333333);
  }
  [data-max-items="2"] {
    --coarse-pointer-adjust: calc(var(--gap) * 0.5);
  }
  [data-max-items="1"] {
    --coarse-pointer-adjust: var(--gap);
  }
}
.secondary-header {
  min-block-size: clamp(20rem, 60vh, 35rem);
  margin-block: var(--gap-large);
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  gap: var(--gap);
  align-items: start;
  justify-items: start;
  position: relative;
}
.secondary-header .margin-top:not(:has(div, p)) {
  margin-block-start: 0;
}

.secondary-header-content {
  display: grid;
  gap: var(--gap-small);
  margin-inline-start: calc(-1 * var(--box-padding));
  padding: var(--box-padding-large);
  background-color: rgba(0, 10, 26, 0.7);
  color: white;
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
}
.secondary-header-content h1 {
  margin: 0;
}

.secondary-header-bg {
  z-index: -1;
  position: absolute;
  inset-block: calc(-1 * var(--gap));
  inset-inline: var(--inline-reverse-margin);
  grid-column: 1/-1;
  overflow: hidden;
}
.secondary-header-bg div {
  block-size: 100%;
}
.secondary-header-bg img {
  object-fit: cover;
  block-size: 100%;
  object-position: var(--bg-align);
  pointer-events: none;
}

.secondary-header-cta-area {
  padding: clamp(1.25rem, 4vw, 4rem);
  border: 0.1875rem solid var(--theme);
  background-color: rgb(var(--bg-main-rgb)/0.8);
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
  border-radius: var(--border-radius-large);
}
.secondary-header-cta-area .quick-links__list {
  padding: unset;
  display: grid;
}

@media only screen and (max-width: 34em) {
  .secondary-header {
    grid-template-columns: 1fr;
  }
}
.component-short-header {
  padding-block: clamp(var(--gap), var(--gap-large) + 2vw, var(--gap-section));
  padding-inline: var(--inline-container-excess);
  margin-inline: calc(-1 * var(--inline-container-excess));
  margin-block-end: var(--gap);
  --bg1: radial-gradient(50% 50% at left var(--inline-container-excess) top 0%, var(--gradient-dark), transparent);
  --bg2: radial-gradient(
      100% 65% at left calc(100% - var(--inline-container-excess)) top 0%,
      var(--gradient-light),
      transparent
  );
  --bg3: radial-gradient(
      75% 65% at left calc(100% - var(--inline-container-excess)) top 100%,
      var(--gradient-dark),
      transparent
  );
  --bg4: radial-gradient(100% 100% at left var(--inline-container-excess) top 100%, var(--gradient-light), transparent);
  background-image: var(--bg1), var(--bg2), var(--bg3), var(--bg4);
  background-blend-mode: hard-light;
  -webkit-backdrop-filter: blur(var(--blur-small));
  backdrop-filter: blur(var(--blur-small));
  overflow: hidden;
  position: relative;
}
.component-short-header .content-holder {
  color: white;
  font-weight: var(--text-weight-medium);
}
.component-short-header .content-holder h1 {
  --length: 34;
  font-size: calc(var(--text-size-h1-dynamic) * clamp(0.75, (100 - (var(--length, 1) - 34)) / 100 + 0.1, 1));
}
.component-short-header .brand-logo {
  inline-size: clamp(8rem, 50%, 14rem);
}
.component-short-header .brand-logo[src*="/short-hero"] {
  display: none;
}

.hero-container {
  display: grid;
  grid-template: "content image" auto/1fr 1fr;
  gap: var(--gap);
  align-items: center;
  justify-content: space-between;
}

[data-full-width] {
  position: relative;
  display: grid;
  grid-template-columns: var(--inline-container-excess) min(15rem + 30vw, 100%) 1fr var(--inline-container-excess);
  grid-template-rows: 1fr;
  gap: unset;
  padding: unset;
}
[data-full-width] :is(.component-short-header, .hero-container) {
  display: contents;
}
[data-full-width] .wrapper {
  grid-column: 2;
  grid-row: 1;
  padding-block: clamp(var(--gap), var(--gap-large) + 2vw, var(--gap-section));
  z-index: 0;
}
[data-full-width] .hero-container-image-wrapper {
  grid-column: 3/-1;
  grid-row: 1;
  border: unset;
  background-image: var(--bg-img);
  background-size: cover;
  background-position: var(--bg-align, center);
  clip-path: polygon(8rem 0%, 100% 0, 100% 100%, 0% 100%);
}
[data-full-width] .hero-container-image-wrapper img {
  display: none;
}

.hero-container-image-wrapper {
  --gradient-light: var(--grey-lightest);
  --gradient-dark: var(--grey-light);
  inline-size: 100%;
  block-size: 100%;
  grid-area: image;
  border: var(--border-width) solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}
.hero-container-image-wrapper img {
  object-fit: cover;
  object-position: var(--bg-align, center);
  inline-size: 100%;
  block-size: 100%;
}
.hero-container-image-wrapper:empty {
  display: none;
}

.hero-container__overlay {
  display: none;
}

@media only screen and (max-width: 50em) {
  .component-short-header:not([data-full-width]) {
    padding-block: var(--gap);
  }
  .component-short-header:not([data-full-width]) .hero-container {
    grid-template: "content" auto "image" auto/1fr;
  }
}
.stickyContainer {
  position: relative;
}
.stickyContainer .skip-nav-link:not(:focus-visible) {
  scale: 0;
}
.stickyContainer .skip-nav-link {
  padding: 1ch 2ch;
}

.sticky-nav {
  display: flex;
  gap: clamp(var(--gap), 3vw, var(--gap-large));
  margin-block: var(--gap-large);
}
.sticky-nav > nav {
  background-color: rgb(var(--bg-inverse-rgb)/0.05);
  border-radius: var(--border-radius-huge);
  position: sticky;
  scroll-margin-block-start: var(--gap);
  top: var(--gap-small);
  block-size: min-content;
  inline-size: clamp(16ch, 29%, 39ch);
  -webkit-backdrop-filter: blur(var(--blur-small));
  backdrop-filter: blur(var(--blur-small));
}
.sticky-nav > nav ul {
  display: grid;
  list-style-type: none;
  margin: 0;
}
.sticky-nav > nav p {
  margin: 0;
}
.sticky-nav > nav .call-to-action {
  inline-size: max-content;
  max-inline-size: calc(20ch - 2 * var(--box-padding));
  --btn-padding-block: 0.35rem;
  --btn-padding-inline: 1rem;
  border-radius: calc(var(--border-radius-huge) - var(--box-padding));
}
.sticky-nav :is(.outline-link, .nav-cta, .nav-heading) {
  padding: var(--box-padding);
  text-decoration: none;
  display: block;
}
.sticky-nav .outline-link[aria-current] {
  color: white;
  --theme: var(--theme-light-blue);
  --gradient-light: var(--theme-light-blue);
  --gradient-dark: var(--theme-green);
  --gradient-light-lighter: var(--theme-light-blue-lighter);
  --gradient-dark-lighter: var(--theme-green-lighter);
  --theme-gradient: linear-gradient(var(--angle), var(--gradient-dark) 0%, var(--gradient-light) 100%);
  --theme-gradient-lighter: linear-gradient(
      var(--angle),
      var(--gradient-dark-lighter) 0%,
      var(--gradient-light-lighter) 100%
  );
  background: var(--theme-gradient);
}
.sticky-nav .nav-heading {
  order: -1;
  color: white;
  background: var(--theme-gradient);
  font-weight: var(--text-weight-bold);
  border-start-end-radius: var(--border-radius-large);
  border-start-start-radius: var(--border-radius-large);
}
.sticky-nav .nav-cta {
  order: 100;
  padding-inline: auto;
}
.sticky-nav .panels {
  display: grid;
  grid-gap: var(--gap-large);
  flex-grow: 1;
}
.sticky-nav .margin-bottom-large {
  margin-block-end: var(--gap);
}
.sticky-nav .stickyPanel {
  padding-block-end: var(--gap);
}

.stickyPanel .carousel-slide__content-container::before {
  content: unset;
}
.stickyPanel .carousel-slide__image-container::before {
  content: unset;
}
.stickyPanel .carousel-slides {
  padding-block: var(--gap-large);
}
.stickyPanel .carousel-controls {
  translate: 0 -2rem;
}
.stickyPanel :is(.carousel, .contentcarouselslide) {
  margin-block: 0;
}

.tabs-nav {
  display: grid;
  grid-template: 1fr/1fr;
}
.tabs-nav > nav {
  display: grid;
  /* A previous sibling is hovered */
  /* Any other sibling is hovered */
}
.tabs-nav > nav :is(.nav-cta, .nav-heading) {
  display: none;
}
.tabs-nav > nav ul {
  display: flex;
  overflow-x: auto;
  list-style: none;
  border-block-start: var(--border-blue-thick);
  border-block-end: var(--border-blue-thick);
  margin-block-end: var(--gap-large);
  padding-block-end: 3px;
  background: var(--bg-blue-glow);
}
.tabs-nav > nav li {
  display: flex;
}
.tabs-nav > nav button {
  background: none;
  display: block;
  color: inherit;
  text-decoration: none;
  font-weight: var(--text-weight-bold);
  font-size: var(--text-size-larger);
  padding: calc(var(--gap) / 2);
  inline-size: max-content;
  max-inline-size: 36ch;
  overflow: hidden;
  position: relative;
  opacity: 0.75;
}
.tabs-nav > nav button:is(:hover, :focus-visible, [aria-selected=true]) {
  opacity: 1;
}
.tabs-nav > nav button::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 0.2rem;
  background-color: var(--theme-magenta);
  translate: var(--_translate, 0);
  scale: var(--_scale, 0) 1;
  transition: scale var(--speed-fast) var(--_scale-delay, 0ms), translate var(--speed-standard);
}
.tabs-nav > nav li:hover ~ li {
  --_translate: -100%;
  --_scale-delay: var(--speed-standard);
}
.tabs-nav > nav:hover li {
  --_translate: 100%;
  --_scale-delay: var(--speed-standard);
}
.tabs-nav > nav li:is(:hover, :has([aria-selected=true])) {
  --_scale: 1;
  --_translate: 0;
  --_scale-delay: 0ms;
}
.tabs-nav > .panels:not(:has(section:not([hidden]))) section:first-of-type {
  display: block;
}
.tabs-nav > .panels :where(section) {
  display: none;
}
.tabs-nav > .panels section:not([hidden]) {
  display: block;
  transform-origin: top center;
  animation-name: zoomInShallow;
  animation-duration: var(--speed-fast);
  animation-fill-mode: both;
}
.tabs-nav .scrollbar-h::-webkit-scrollbar {
  height: 0.5rem;
}

.gallery-nav {
  display: grid;
  grid-template: 1fr/1fr;
}
.gallery-nav nav {
  grid-row: -1;
}
.gallery-nav ul {
  display: flex;
  max-inline-size: 80rem;
  margin-inline: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 var(--gap-small);
  list-style: none;
}
.gallery-nav li {
  font-size: var(--text-size-h3);
  font-weight: var(--text-weight-medium);
}
.gallery-nav li:not(:last-of-type)::after {
  content: " / ";
  display: inline-block;
  margin-left: var(--gap-small);
}
.gallery-nav li a:not(:is(:hover, :focus-visible)) {
  text-decoration: none;
}
.gallery-nav button {
  background: none;
}
.gallery-nav button[aria-selected=false] {
  opacity: 0.6;
}
.gallery-nav .stickyPanel {
  display: contents;
}
.gallery-nav .panels {
  grid-row: 1;
  display: grid;
  grid-template: auto 1fr/1fr;
  margin-inline: auto;
  inline-size: min(100%, var(--width-control, 100%));
  text-align: center;
}
.gallery-nav .panels section {
  grid-column: 1;
  grid-row: 1/-1;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
}
.gallery-nav .panels section:not([hidden]) {
  opacity: 1;
  visibility: visible;
  transform-origin: center;
  animation-name: fadeInShallow;
  animation-duration: var(--speed-fast);
  animation-fill-mode: both;
}
.gallery-nav .panels:not(:has(section[hidden])) section:first-of-type {
  opacity: 1;
  visibility: visible;
}
.gallery-nav .panels :where(section) {
  opacity: 0;
  visibility: hidden;
}
.gallery-nav .panels :where(h3, h2, .visual-h3, .visual-h2) {
  align-self: center;
}
.gallery-nav .nav-heading {
  display: none;
}

body[data-edit-mode] .gallery-nav .stickyPanel {
  display: revert;
}

@media screen and (max-width: 37em) {
  .sticky-nav nav {
    z-index: 5;
    transition: opacity var(--speed-standard) ease;
    transform-origin: bottom center;
    position: fixed;
    inset: auto 0 0 0;
    max-inline-size: unset;
    inline-size: 100vw;
    border-radius: unset;
    -webkit-backdrop-filter: blur(var(--blur-large));
    backdrop-filter: blur(var(--blur-large));
    visibility: inherit;
    opacity: 1;
    box-shadow: inset 0 0 2rem rgb(var(--bg-inverse-rgb)/0.5);
    background: rgb(var(--bg-main-rgb)/0.5);
  }
  .sticky-nav nav:not(:has(.outline-link[aria-current])) {
    visibility: hidden;
    opacity: 0;
  }
  .sticky-nav nav ul {
    padding: 0 var(--container-padding);
    scroll-padding-inline: var(--container-padding);
    display: flex;
    gap: var(--gap-small);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
  }
  .sticky-nav nav ul::-webkit-scrollbar {
    display: none;
  }
  .sticky-nav nav ul:not(:has(.snap)) > * {
    scroll-snap-align: start;
  }
  .sticky-nav nav ul .snap {
    scroll-snap-align: center;
  }
  .sticky-nav nav .nav-heading {
    display: none;
  }
  .sticky-nav nav .nav-cta {
    margin-inline: var(--container-padding);
    display: grid;
    justify-items: stretch;
    padding-block-end: 2rem;
  }
  .sticky-nav nav .call-to-action {
    inline-size: unset;
    max-inline-size: unset;
    text-align: center;
  }
  .sticky-nav .outline-link {
    inline-size: max-content;
  }
  .tabs-nav > nav {
    inline-size: calc(100% + var(--container-padding));
  }
  @supports (animation-timeline: view()) {
    .stickyContainer nav li {
      animation: scroll-lane-scale both linear, scroll-lane-scale both linear reverse;
      animation-timeline: view(inline);
      animation-range: entry, exit;
    }
    @keyframes scroll-lane-scale {
      0% {
        opacity: 0.5;
        scale: 0.9;
      }
    }
  }
}
.scroller .testimonial {
  display: flex;
}

.testimonial {
  max-inline-size: calc(var(--max-text-width) + 2 * (var(--border-width-testimonial) + var(--box-padding-large)));
}

.testimonial-content {
  margin-block-start: auto;
  margin-block-end: 1rem;
  position: relative;
  border: var(--border-width-testimonial) solid var(--theme);
  border-radius: var(--border-radius-huge);
  font-size: var(--text-size-large);
  padding: var(--box-padding-large);
}
.testimonial-content::before {
  content: "";
  position: absolute;
  border: var(--border-width-testimonial) solid var(--bg-main);
  bottom: calc(-1 * var(--border-width-testimonial));
  inset-inline-start: 3rem;
  inline-size: 3.5rem;
  z-index: 2;
}
.testimonial-content::after {
  content: "";
  position: absolute;
  border: var(--border-width-testimonial) solid var(--theme);
  border-block-end: none;
  border-inline-start: none;
  border-radius: 0 3rem 0 0;
  bottom: -3rem;
  inline-size: 3.5rem;
  block-size: 3rem;
  inset-inline-start: 3rem;
  z-index: 3;
}

.testimonial-author {
  margin-inline-start: 8rem;
  margin-top: 1rem;
}

.testimonial-author-image {
  inline-size: var(--icon-size-larger);
  aspect-ratio: 1;
  border-radius: 100vmax;
  overflow: hidden;
}

.testimonial-author-name {
  font-weight: var(--text-weight-bold);
}

.testimonial-author-title {
  margin-top: 0;
}

.textWistiaVideo {
  margin-block-end: var(--gap-large);
}

.two-column-wistia {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: var(--gap);
}
.two-column-wistia[data-video-align=right] .video-container {
  order: 2;
}
.textimagewithcta {
  display: grid;
  container-type: inline-size;
}

.text-image-with-cta {
  background-color: var(--bg-white-if-light, rgb(var(--bg-inverse-rgb)/0.08));
  border: var(--is-light, var(--border-theme-hard));
  padding: var(--box-padding);
  border-radius: var(--border-radius-large);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-standard);
}
.text-image-with-cta:focus-within {
  border-color: var(--theme);
  box-shadow: 0 0 0.25rem;
}
.text-image-with-cta .text-container {
  padding: calc(0.5 * var(--box-padding));
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.text-image-with-cta.reverse {
  flex-direction: column-reverse;
}
.text-image-with-cta .cta-with-arrow {
  margin: auto 0 0 auto;
  font-weight: var(--text-weight-bold);
  text-decoration: none;
  padding-top: var(--gap);
  position: relative;
  padding-right: 1.5ch;
}

.text-image-with-cta__image {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  margin-block-end: var(--gap-tiny);
  overflow: hidden;
}
.text-image-with-cta__image:empty {
  display: none;
}
.text-image-with-cta__image:has(img[src*="-image-colour-block.jpg"]) {
  display: none;
}
.text-image-with-cta__image img {
  inline-size: 100%;
  inline-size: -webkit-fill-available;
}
.text-image-with-cta__image img[src*="-image-colour-block.jpg"] {
  display: none;
}
.tile:not(.cq-Editable-dom) {
  display: contents;
}

.tile-component {
  display: grid;
  place-items: center;
  overflow: hidden;
  container-type: inline-size;
}
.tile-component .larger {
  font-size: min(var(--text-size-h2), 12cqw);
}
.tile-component[data-apply-padding] {
  --fitting: contain;
  --tile-block-padding: var(--box-padding-large);
  --tile-inline-padding: var(--box-padding-large);
}
.tile-component[data-apply-padding] .tile-vertical {
  --tile-block-padding: 0 var(--box-padding-large);
}
.tile-component[data-apply-padding] .tile-vertical.tile-picture-first {
  --tile-block-padding: var(--box-padding-large) 0;
}
.tile-component[data-apply-padding] .tile-horizontal {
  --tile-inline-padding: 0 var(--box-padding-large);
}
.tile-component[data-apply-padding] .tile-horizontal.tile-picture-first {
  --tile-inline-padding: var(--box-padding-large) 0;
}
.tile-component:not(.tile-theme-bordered) {
  background-color: rgb(var(--bg-inverse-rgb)/0.08);
}
.tile-component:not(.tile-theme-image) {
  border-radius: var(--border-radius-standard);
}
.tile-component:not(.tile-theme-image) .object-fit-cover {
  display: contents;
}
.tile-component.tile-theme-image {
  isolation: isolate;
  color: white;
}
.tile-component.tile-theme-image .object-fit-cover {
  position: absolute;
  z-index: -1;
  inline-size: 100%;
  block-size: 100%;
}
.tile-component.tile-theme-image.tile-full-width {
  background: none;
  margin-inline: var(--inline-reverse-margin);
}
.tile-component.tile-theme-image .tile-content {
  display: grid;
  grid-template-areas: "stack";
  inline-size: 100%;
  position: relative;
}
.tile-component.tile-theme-image .tile-content > .media-container {
  grid-area: stack;
  padding: unset;
  margin: unset;
}
.tile-component.tile-theme-image .tile-content > .copy-container {
  grid-area: stack;
  margin-inline: auto;
  margin-block-start: var(--tile-padding, var(--gap-section-collapsible));
  -webkit-backdrop-filter: blur(var(--blur-very-large));
  backdrop-filter: blur(var(--blur-very-large));
  padding-inline: var(--box-padding-xlarge);
  flex: 1 0 50%;
  background: rgba(0, 0, 0, 0.5);
  border-start-start-radius: var(--border-radius-huge);
  border-start-end-radius: var(--border-radius-huge);
  box-shadow: 0 0 var(--border-radius-huge) rgba(255, 255, 255, 0.3), inset 0 0 var(--border-radius-huge) rgba(0, 0, 0, 0.3);
}
.tile-component.tile-theme-image .media-container img {
  block-size: 100%;
  object-fit: cover;
  object-position: center;
}
.tile-component.tile-theme-bordered {
  background: linear-gradient(var(--bg-main-hover), var(--bg-main-hover)) padding-box, var(--theme-gradient) border-box;
  border: var(--border-width-thin) solid transparent;
}
.tile-component .copy-container {
  padding-block: var(--box-padding-xlarge);
  padding-inline: var(--box-padding-xlarge);
  inline-size: min(var(--max-text-width), 100%);
  margin-block: auto;
}
.tile-component .copy-container:has(.allow-full-width) {
  --max-text-width: 100rem;
}
.tile-component .copy-container:empty {
  display: none;
}
.tile-component .media-container {
  display: grid;
  place-items: center;
  padding-block: var(--tile-block-padding);
  padding-inline: var(--tile-inline-padding);
}
.tile-component .media-container img {
  inline-size: 100%;
  object-fit: var(--fitting, cover);
  object-position: bottom;
  block-size: 100%;
}
.tile-component .media-container:empty {
  display: none;
}

.tile-theme-dark {
  background-image: var(--theme-gradient);
  font-weight: var(--text-weight-medium);
  color: white;
}

.tile-full-width {
  grid-column: 1/-1;
}

.tile-double-width {
  grid-column: span min(2, var(--grid-columns, 1));
}

.tile-triple-width {
  grid-column: span min(3, var(--grid-columns, 1));
}

.tile-double-height {
  grid-row: span 2;
}

.tile-triple-height {
  grid-row: span 3;
}

.tile-full-height {
  grid-row: 1/-1;
}

.tile-content {
  display: flex;
  flex: 1;
  block-size: 100%;
  inline-size: 100%;
}

.tile-picture-first {
  flex-direction: row-reverse;
}

.tile-horizontal {
  align-items: center;
}
.tile-horizontal .media-container {
  flex: 1 0 50%;
  block-size: 100%;
}
.tile-horizontal .media-container img {
  object-position: right;
}
.tile-horizontal.tile-picture-first .media-container img {
  object-position: left;
}

.tile-vertical {
  flex-direction: column;
}
.tile-vertical.tile-picture-first {
  flex-direction: column-reverse;
}
.tile-vertical.tile-picture-first .media-container img {
  object-position: top;
}
.tile-vertical .media-container img {
  object-position: bottom;
}

.scroller-component__slides > .tile {
  display: grid;
}

@container (max-width: 100rem) {
  .tile-component {
    --box-padding-large: clamp(1.25rem, 5cqw, 2rem);
  }
  .tile-component .copy-container {
    padding-inline: min(var(--box-padding-xlarge), 14cqw);
  }
  .tile-content {
    inline-size: 100cqw;
  }
}
@container (max-width: 31rem) {
  .tile-horizontal {
    flex-direction: column;
    inline-size: 100%;
  }
  .tile-horizontal.tile-picture-first {
    flex-direction: column-reverse;
  }
  .tile-horizontal .tile-component .copy-container {
    inline-size: 100%;
    text-align: center;
  }
}
.timelineContainer {
  margin-block: var(--gap-section);
}

.timeline-container__listing {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--gap-small);
  inline-size: fit-content;
  max-inline-size: var(--max-text-width);
  position: relative;
}

.timeline-container__item {
  display: contents;
}
.timeline-container__item::before {
  content: "";
  width: var(--icon-size-standard);
  height: var(--icon-size-standard);
  background-color: var(--bg-color, var(--theme));
  grid-column: 1;
  border-radius: 100vmax;
  border: rgb(var(--bg-inverse-rgb)) var(--icon-border-width) solid;
  z-index: 1;
}
.timeline-container__item::after {
  content: "";
  border: rgb(var(--bg-inverse-rgb)) calc(0.5 * var(--icon-border-width)) solid;
  position: absolute;
  height: 100%;
  grid-column: 1;
  transform: translateX(calc(0.5 * var(--icon-size-standard) - 0.5 * var(--icon-border-width)));
  z-index: 0;
}

.timeline-container__item-inner {
  grid-column: 2;
  padding-bottom: var(--gap);
}
.twoColumnsContent {
  margin-block: var(--gap);
}
.twoColumnsContent + .twoColumnsContent {
  margin-block-start: var(--gap-large);
}

:is(.scroller-component__slides, .flexible-row-container) > .twoColumnsContent {
  margin-block-start: var(--gap);
}

.two-columns-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: var(--gap-large) 1fr var(--gap-large);
}
.two-columns-content .content-holder {
  grid-row: 1/3;
  grid-column: 1/4;
}
.two-columns-content .img-holder {
  grid-column: 3/-1;
  grid-row: 2/-1;
}
.two-columns-content[data-image-style=inline] .img-holder {
  background-image: var(--theme-gradient);
  block-size: fit-content;
}
.two-columns-content[data-image-style=background] .img-holder {
  background-image: var(--bg-img), var(--theme-gradient);
}
.two-columns-content[data-image-style=background] .img-holder img {
  display: none;
}
.two-columns-content[data-image-position=left] .content-holder {
  grid-column: 3/-1;
}
.two-columns-content[data-image-position=left] .img-holder {
  grid-column: 1/-3;
  background-position: right;
}
.two-columns-content .headline {
  margin-block-end: var(--gap-small);
}
.two-columns-content .call-to-action {
  margin-block-start: var(--gap-small);
}
.two-columns-content .content-holder {
  grid-column: 1/4;
  grid-row: 2;
  -webkit-backdrop-filter: blur(var(--blur-very-large));
  backdrop-filter: blur(var(--blur-very-large));
  padding: var(--box-padding-large) calc(2 * var(--gap-large)) var(--box-padding-large) var(--box-padding-large);
  border-left-width: var(--border-width-large);
  border-left-style: solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
  clip-path: polygon(0% 0%, 100% 0, calc(100% - var(--gap-large)) 100%, 0% 100%);
  background-color: RGB(var(--bg-main-rgb)/calc(var(--is-dark, 20%) + 60% + var(--contrast, 0%)));
  position: relative;
}
.two-columns-content .content-holder::before {
  content: "";
  inset: 0;
  background: var(--theme-gradient);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  mix-blend-mode: var(--is-dark, color);
}
.two-columns-content .img-holder {
  grid-column: 3/-1;
  grid-row: 1/-1;
  background-position: left;
  background-size: cover;
}
.two-columns-content:not([data-hide-border]) .img-holder {
  border-width: var(--border-width-large);
  border-style: solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}

body.light .two-columns-content .content-holder > * {
  mix-blend-mode: multiply;
}

@media only screen and (max-width: 71em) {
  .two-columns-content[data-image-position=left] .content-holder {
    grid-column: 2/-1;
  }
  .two-columns-content[data-image-position=left] .img-holder {
    grid-column: 1/-2;
  }
  .two-columns-content .content-holder {
    grid-column: 1/5;
    grid-row: 2;
  }
  .two-columns-content .img-holder {
    grid-column: 2/-1;
    grid-row: 1/-1;
  }
}
@media only screen and (max-width: 50em) {
  .two-columns-content {
    grid-template-rows: var(--gap-section) auto var(--gap);
    grid-template-columns: var(--gap-section) auto var(--gap-section);
  }
  .two-columns-content[data-image-position=left] .content-holder {
    grid-column: 1/-2;
  }
  .two-columns-content[data-image-position=left] .img-holder {
    grid-column: 2/-1;
  }
  .two-columns-content .content-holder {
    grid-column: 1/-2;
    grid-row: 2/-1;
    border-width: 0;
    padding: var(--box-padding);
    clip-path: unset;
  }
  .two-columns-content .img-holder {
    grid-column: 2/-1;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 30em) {
  [data-mobile-hide-image] .img-holder {
    display: none;
  }
  .two-columns-content {
    display: block;
    gap: var(--gap);
  }
  .two-columns-content .content-holder {
    background: unset;
    padding: 0;
  }
  .two-columns-content .content-holder::before {
    display: none;
  }
  .two-columns-content .img-holder {
    margin-block-end: var(--gap);
  }
  .two-columns-content[data-image-style=background] .img-holder img {
    display: block;
  }
}
.vendorShowcase {
  inline-size: min(75rem, 100%);
  margin-inline: auto;
  margin-block: calc(var(--gap-section-collapsible) - var(--gap));
}

.vendor-showcase__list {
  display: flex;
  flex-direction: row;
  gap: var(--gap);
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  list-style-type: none;
  padding-block: var(--gap);
}
.vendor-showcase__list:hover {
  padding-block-end: calc(var(--gap) - var(--scrollbar-width) * 0.5);
}
.vendor-showcase__list:not(:hover)::-webkit-scrollbar {
  scrollbar-width: none;
  display: none;
}

.vendor-showcase__item-container {
  flex: 0 0 calc(var(--vendor-item-width) - var(--coarse-pointer-adjust, 0%));
  transition: all var(--speed-slow) var(--transition-in-out-quadratic);
  scroll-snap-align: start;
  --vendor-item-width: calc(33.333333% - 0.666666 * var(--gap));
}
.vendor-showcase__item-container:where(:hover, :focus) {
  opacity: 1;
  filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.2));
}
.vendor-showcase__item-container:active {
  filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.4));
}
.vendor-showcase__item-container a {
  display: block;
}

@media only screen and (min-width: 37.5em) {
  .vendor-showcase__item-container {
    --vendor-item-width: calc(25% - 0.75 * var(--gap));
  }
}
@media only screen and (min-width: 44em) {
  .vendor-showcase__item-container {
    --vendor-item-width: calc(20% - 0.8 * var(--gap));
  }
}
@media only screen and (min-width: 50em) {
  .vendor-showcase__item-container {
    --vendor-item-width: calc(16.666666% - 0.83333333 * var(--gap));
  }
}
.component-video {
  display: grid;
  grid-template-areas: "stack";
}
.component-video > :where(img, figure) {
  grid-area: stack;
  inline-size: 100%;
  aspect-ratio: 16/9;
}
.component-video figcaption {
  aspect-ratio: 16/9;
  place-items: center;
  display: grid;
  font-weight: var(--text-weight-bold);
  backdrop-filter: invert(0.1);
}
.component-video .v-play {
  display: none;
}

.v-play-btn-container {
  color: white;
  grid-area: stack;
  display: grid;
  grid-template-areas: "stack";
  place-items: center;
  filter: drop-shadow(0px 0px 1rem black);
  cursor: pointer;
  opacity: 0.5;
  transition: all var(--speed-standard) var(--transition-out-quartic);
}
.v-play-btn-container::after, .v-play-btn-container::before {
  content: "";
  grid-area: stack;
  aspect-ratio: 1;
  inline-size: clamp(5rem, 33%, 10rem);
}
.v-play-btn-container::after {
  background-color: currentColor;
  clip-path: var(--icon-video);
  transform: translateX(5%) scale(0.7);
}
.v-play-btn-container::before {
  border: var(--border-width) solid currentColor;
  border-radius: 100vmax;
  opacity: 0.5;
}
.v-play-btn-container:hover {
  opacity: 1;
  scale: 1.05;
}

.wistiaVideo {
  max-inline-size: 100%;
  aspect-ratio: 16/9;
  background-color: rgb(var(--bg-inverse-rgb)/0.1);
}

.blogcontent .wistiaVideo {
  margin-block: var(--gap);
  max-inline-size: var(--max-text-width);
}

.wistia_responsive_padding {
  block-size: 100%;
  padding: 56.25% 0 0 0;
  position: relative;
}

.wistia_responsive_wrapper {
  inset: 0;
  position: absolute;
}

.wistia_embed {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
}

.component-brand-logo {
  margin-block-end: var(--gap);
  inline-size: min(100%, 11rem);
}
.breadcrumbs {
  list-style-type: none;
  display: flex;
  /* align-items: flex-start; */
  gap: 1ch var(--gap);
  flex-wrap: wrap;
  margin-bottom: var(--gap-large);
  font-size: var(--text-size-label);
  font-weight: var(--text-weight-medium);
  color: var(--text-subdued);
}
.breadcrumbs a {
  display: block;
  padding: var(--padding-ch);
  text-decoration: none;
  transition: background-color var(--speed-standard) ease;
  border: var(--border-soft);
  border-radius: var(--border-radius-small);
}
.breadcrumbs a:is(:hover, :focus-visible) {
  background-color: var(--theme);
  color: white;
}
.breadcrumbs a::after {
  display: block;
  position: absolute;
  content: "";
  inline-size: 0.5rem;
  block-size: 0.5rem;
  top: 50%;
  border: solid var(--text-subdued);
  border-width: 0 0.125rem 0.125rem 0;
  padding: 0.125rem;
  transform: translate(50%, -50%) rotate(calc(var(--rtl, 1) * -90deg + 45deg));
  /* either -45 normally or 135 for rtl */
  inset-inline-end: calc(-1 * var(--gap-small));
}
.breadcrumbs li {
  position: relative;
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
  max-inline-size: 45ch;
}
.breadcrumbs li:not(:has(a)) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-block-start: 0.125rem;
}
@charset "UTF-8";
.language-picker {
  position: relative;
}
.language-picker > button {
  color: var(--text-black);
  background-color: var(--text-white);
  border-radius: 0.25rem;
  inline-size: var(--icon-upper-header);
  block-size: var(--icon-upper-header);
  display: grid;
  place-items: center;
  font-size: var(--text-size-lang);
  font-weight: var(--text-weight-bold);
  cursor: pointer;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
}
.language-picker > button:hover {
  transform: scale(1.2);
  font-size: calc(var(--text-size-lang) * 0.83333);
}
.language-picker .close {
  margin-block-start: 0;
  background: none;
  padding: 0;
  font-size: 120%;
  float: right;
  float: inline-end;
  translate: 0% -25%;
}
.language-picker [aria-expanded=true] + .language-overlay {
  display: block;
  inline-size: clamp(12ch, 80vw, 28ch);
}
.language-picker [aria-expanded=true] + .language-overlay:not(:has(option)) {
  /* the languages are pending loading, so may have a delay */
  animation: var(--pending);
  inline-size: 8ch;
}
.language-picker [aria-expanded=true] + .language-overlay:not(:has(option)) > * {
  display: none;
}

/* need to also define en.html because this is the only style that doesn’t have a country code */
:is([data-path-lang*="/en/"], [data-path-lang*="/en.html"], [data-path-lang*="/global-en"])::after {
  content: "EN";
}

[data-path-lang*="/de/de"]::after {
  content: "DE";
}

[data-path-lang*="/at/de"]::after {
  content: "AT";
}

[data-path-lang*="/ch/de"]::after {
  content: "CH";
}

/* the following don’t require .html version unlike English because country is always first */
[data-path-lang*="/fr/"]::after {
  content: "FR";
}

[data-path-lang*="/es/"]::after {
  content: "ES";
}

[data-path-lang*="/nl/"]::after {
  content: "NL";
}

[data-path-lang*="/pt/"]::after {
  content: "PT";
}

[data-path-lang*="/pl/"]::after {
  content: "PL";
}

[data-path-lang*="/cz/"]::after {
  content: "CZ";
}

[data-path-lang*="/vn/"]::after {
  content: "VN";
}

[data-path-lang*="/th/"]::after {
  content: "TH";
}

[data-path-lang*="/tw/"]::after {
  content: "TW";
}

[data-path-lang*="/it/"]::after {
  content: "IT";
}

[data-path-lang*="/kr/"]::after {
  content: "KR";
}

.language-overlay {
  display: none;
  inline-size: max-content;
  max-inline-size: 80vw;
  background-color: var(--bg-popup-opaque);
}
.language-overlay a {
  font-weight: var(--text-weight-bold);
  color: var(--theme-blue);
  font-size: 90%;
}

:where(.language-overlay label) {
  font-size: var(--text-size-label);
  cursor: pointer;
  user-select: none;
  font-weight: var(--text-weight-regular);
}

/*
  Country list page
*/
.regionItem {
  background: var(--bg-blue-glow);
  /* if the region item has a single country list and it's empty then hide it */
  /* can't use :empty because it won't work if there are return characters in the countries-list element */
}
.regionItem h2 {
  border-block-end: var(--border-blue-thick);
}
.regionItem + .regionItem:not(:empty) {
  margin-block-start: var(--gap-large);
}
.regionItem:has(.countries-list):not(:has(.countries-list *)) {
  display: none;
}
.regionItem:last-of-type {
  margin-block-end: var(--gap-section);
}

.countries-list {
  columns: 3 17.5rem;
  column-gap: var(--gap-large);
  padding-block: var(--gap);
  column-rule: var(--border-soft);
}

.countryItem {
  font-weight: var(--text-weight-medium);
  margin-block-end: var(--gap);
  display: grid;
  break-inside: avoid;
}
.countryItem img {
  block-size: 1lh;
  inline-size: auto;
  margin-inline-end: 1ch;
}
.countryItem strong {
  font-size: var(--text-size-larger);
}
.countryItem a {
  text-decoration: none;
  display: list-item;
  margin-inline-start: 1.5ch;
}
.countryItem a:hover {
  text-decoration: underline;
}
footer {
  background-color: var(--bg-footer);
  border-block-start: var(--border-medium);
  color: white;
  padding-block: var(--box-padding-large);
  margin-block-start: var(--gap-section);
  box-shadow: 0 0 0 100vmax var(--bg-footer);
  clip-path: inset(0 -100vmax);
  display: flex;
  flex-direction: column;
}
footer ul {
  list-style: none;
}
footer li {
  padding-block: 0.25rem;
}
footer li:empty {
  display: none;
}
footer li:has(a:empty) {
  display: none;
}
footer a {
  color: white;
  text-decoration: none;
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background-size var(--speed-slow) var(--transition-out-quadratic);
}
footer a:is(:hover, :focus-visible) {
  background-size: 100% 0.125rem;
}
footer a:empty {
  display: none;
}

:is(footer nav, .new-footer__inner) {
  display: contents;
}

.new-footer__row {
  grid-area: summary;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(25ch, 1fr));
}

.new-footer__copywrite {
  margin-block: var(--gap-large) var(--gap);
  padding-block: var(--gap);
  border-block: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  gap: var(--gap);
}

.new-footer__copywrite-links {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  gap: var(--gap-small) var(--gap);
}

@media only screen and (max-width: 37.5em) {
  .new-footer__copywrite {
    flex-direction: column;
  }
}
.mobile-burger-menu {
  display: none;
  align-items: center;
  position: absolute;
  top: 1rem;
  right: var(--gap);
  inline-size: var(--icon-size-small);
  height: var(--icon-size-small);
  cursor: pointer;
  z-index: 1;
}
.mobile-burger-menu > img {
  display: none;
}
.mobile-burger-menu span, .mobile-burger-menu span::before, .mobile-burger-menu span::after {
  pointer-events: none;
  display: grid;
  position: absolute;
  inline-size: 100%;
  height: 0.125rem;
  background-color: var(--bg-white);
  transition-duration: var(--speed-standard);
}
.mobile-burger-menu span::before {
  content: "";
  top: -0.5rem;
}
.mobile-burger-menu span::after {
  content: "";
  top: 0.5rem;
}

.menu-open .mobile-burger-menu span {
  transform: rotate(45deg);
}
.menu-open .mobile-burger-menu span::before {
  top: 0;
  transform: rotate(0);
}
.menu-open .mobile-burger-menu span::after {
  top: 0;
  transform: rotate(90deg);
}

.component-header {
  margin-bottom: var(--gap-large);
  display: grid;
  grid-template-areas: "logo lower upper";
  grid-template-columns: 15vw 1fr auto;
  align-items: center;
  gap: 0 2rem;
}
.component-header .wrapper {
  display: contents;
}
.component-header .wrapper > a {
  grid-area: logo;
  inline-size: clamp(10rem, 14rem, 100%);
  z-index: 3;
  user-select: none;
  position: relative;
  touch-action: none;
}

@media only screen and (max-width: 71em) {
  .component-header {
    grid-template-areas: "logo upper" "lower lower";
    grid-template-columns: minmax(13rem, 15vw) auto;
  }
  .header-lower-navigation {
    margin-top: var(--gap);
  }
}
.header-upper-navigation {
  grid-area: upper;
  display: flex;
  gap: var(--gap-small);
  background-color: var(--bg-black);
  border-radius: 2rem;
  padding: var(--box-padding-shallow);
  user-select: none;
  inline-size: fit-content;
  list-style-type: none;
  justify-self: flex-end;
  z-index: 3;
  box-shadow: var(--shadow-standard);
}
.header-upper-navigation .mobile-menu-item {
  max-inline-size: var(--icon-upper-header);
}

light-switch {
  position: relative;
  display: grid;
  grid-template-areas: "stack";
  inline-size: var(--icon-upper-header);
  block-size: var(--icon-upper-header);
  aspect-ratio: 1;
  cursor: pointer;
}
light-switch::before {
  content: "";
  grid-area: stack;
  display: block;
  inline-size: var(--icon-upper-header);
  block-size: var(--icon-upper-header);
  background-color: var(--text-white);
  border-radius: 100vmax;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
}
light-switch::after {
  content: "";
  display: block;
  grid-area: stack;
  margin-block: 0.2rem;
  margin-inline: 50% 0.2rem;
  background-color: var(--text-black);
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
}
light-switch:hover::after, light-switch:hover::before {
  scale: 1.25;
}

.header-lower-navigation {
  grid-area: lower;
}
.header-lower-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  align-items: center;
  font-size: var(--text-size-menu);
  list-style-type: none;
}

.menu-open .header-lower-navigation {
  z-index: 1;
}
.menu-open .menu-open-overlay {
  background-color: RGB(var(--bg-main-rgb)/0.8);
  inset: 0;
}

.menu-open-overlay {
  position: fixed;
  -webkit-backdrop-filter: blur(var(--blur-small));
  backdrop-filter: blur(var(--blur-small));
  z-index: -1;
  transition: background-color var(--speed-slow) var(--transition-out-quadratic);
}

.header-lower-navigation-item {
  display: flex;
  position: relative;
}

.primary-nav-link {
  display: flex;
  text-decoration: none;
  color: var(--text-white);
  font-weight: var(--text-weight-medium);
  cursor: pointer;
  user-select: none;
  background: none;
}
.primary-nav-link[aria-expanded=false] div:hover .caret-down {
  animation-name: caretPulsingDown;
}
.primary-nav-link[aria-expanded=true] + .mega-menu {
  display: flex;
}
.primary-nav-link[aria-expanded=true] .caret-down {
  translate: 0rem 0rem;
  rotate: 225deg;
}
.primary-nav-link[aria-expanded=true] div::after {
  background-color: var(--theme-alt-blue);
  translate: 0 0.25rem;
}

.header-lower-navigation-item-text {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  inline-size: max-content;
  position: relative;
}
.header-lower-navigation-item-text .caret-down {
  display: block;
  inline-size: 0.5rem;
  height: 0.5rem;
  border: solid rgb(var(--bg-inverse-rgb));
  border-width: 0 0.125rem 0.125rem 0;
  display: inline-block;
  padding: 0.125rem;
  rotate: 45deg;
  translate: 0rem -0.125rem;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: var(--speed-slow);
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.header-lower-navigation-item-text::after {
  content: "";
  inline-size: 100%;
  position: absolute;
  bottom: 0;
  background-color: transparent;
  height: 0.125rem;
  pointer-events: none;
  transition: all var(--speed-fast) var(--transition-out-quadratic);
  translate: 0 0;
}

@media only screen and (max-width: 37.5em), only screen and (max-height: 30em) and (max-width: 71em) {
  .mobile-burger-menu {
    display: grid;
  }
  body:not(.menu-open) :is(.header-lower-navigation, .header-upper-navigation) {
    display: none;
  }
  body.menu-open .header-logo {
    translate: 0 -200%;
  }
  body.menu-open .header-upper-navigation {
    --icon-upper-header: 2rem;
    --text-size-lang: clamp(0.75rem, 2vw, 2rem);
    --menu-shift-right: auto;
    --menu-shift-left: calc(var(--border-radius-standard) - 2 * var(--box-padding));
    --menu-shift-left-triangle: calc(var(--border-radius-standard) + var(--box-padding));
    display: flex;
    grid-area: logo;
    justify-self: auto;
    translate: -1rem;
  }
  body.menu-open .search-container {
    position: fixed;
    --menu-shift-left: 0rem;
    translate: 0 1rem;
    inline-size: calc(100vw - var(--container-padding));
  }
  body.menu-open .search-container::before {
    inset-inline-start: 10rem;
  }
}
.mega-menu {
  display: none;
  position: fixed;
  inline-size: 100vw;
  left: 0;
  translate: 0 3rem;
  justify-content: space-around;
  background: linear-gradient(0deg, hsl(224deg, 15%, calc(100% - var(--is-light, 100%))) 0px, hsl(224deg, 15%, calc(92% - var(--is-light, 84%))) 3px, hsl(224deg, 15%, calc(92% - var(--is-light, 83%))) 13px, hsl(224deg, 15%, calc(100% - var(--is-light, 100%))) 30%, hsl(224deg, 15%, calc(100% - var(--is-light, 100%))) 95%, hsl(224deg, 15%, calc(92% - var(--is-light, 84%))) calc(100% - 3px), hsl(224deg, 15%, calc(100% - var(--is-light, 100%))) 100%);
  --bg-menu-shade: linear-gradient(
      0deg,
      hsl(224deg 15% calc(95% - var(--is-light, 90%))) 0px,
      hsl(224deg 15% calc(87% - var(--is-light, 74%))) 3px,
      hsl(224deg 15% calc(83% - var(--is-light, 62%))) 13px,
      hsl(224deg 15% calc(95% - var(--is-light, 72%))) 30%,
      hsl(224deg 15% calc(95% - var(--is-light, 70%))) 95%,
      hsl(224deg 15% calc(87% - var(--is-light, 62%))) calc(100% - 3px),
      hsl(224deg 15% calc(95% - var(--is-light, 90%))) 100%
  );
  -webkit-backdrop-filter: blur(var(--blur-medium));
  backdrop-filter: blur(var(--blur-medium));
  box-shadow: var(--shadow-large);
  transform-origin: top center;
  will-change: scale, transform, opacity;
  animation-fill-mode: forwards;
  animation-name: menuOpensUp;
  animation-duration: var(--speed-standard);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega-menu h3 {
  color: var(--text-subdued);
  font-weight: var(--text-weight-medium);
  text-transform: uppercase;
  font-size: 90%;
  margin-block-start: 0;
  letter-spacing: 0.125rem;
  grid-column: 1/-1;
}
.mega-menu a {
  cursor: pointer;
  color: inherit;
  transition: color var(--speed-standard) var(--transition-out-quadratic);
  text-decoration: none;
}
.mega-menu a:is(:hover, :focus-visible) > span {
  background-size: 100% 0.125rem;
}
.mega-menu a:is(:hover, :focus-visible) svg {
  color: var(--theme-light-blue-lighter);
  filter: var(--is-light, drop-shadow(0px 0px 5px rgba(68, 162, 199, 0.25)));
}
.mega-menu a > span {
  font-weight: var(--text-weight-bold);
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background-size var(--speed-standard) var(--transition-out-quadratic);
  padding-block-end: 0.125rem;
}

.mega-menu__inner {
  justify-content: center;
  display: flex;
  flex: 1;
  z-index: 3;
  mix-blend-mode: var(--is-light, screen);
}

.mega-menu__column {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--gap);
  padding: var(--box-padding-large);
}
.mega-menu__column > a {
  max-inline-size: 30ch;
}
.mega-menu__column > a:not([href]) {
  display: none;
}
.mega-menu__column:not(.mega-menu__column-shaded) {
  --menu-width: 30ch;
  flex-basis: var(--menu-width);
}
.mega-menu__column:not(.mega-menu__column-shaded)[data-width=expanded] {
  --menu-width: 60ch;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22ch, 1fr));
  grid-auto-rows: min-content;
}
.mega-menu__column:not(.mega-menu__column-shaded):not(:first-child) {
  border-left: var(--border-soft);
}
.mega-menu__column.icons {
  flex-basis: 40ch;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12ch, 1fr));
  grid-auto-rows: min-content;
}
.mega-menu__column.icons:only-child {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: none;
  flex-basis: auto;
}
.mega-menu__column.icons:not(:only-child):has(a:nth-last-of-type(5)) {
  flex-basis: 55ch;
}
.mega-menu__column.icons a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.mega-menu__column.icons a svg {
  inline-size: 8ch;
  block-size: 100%;
  fill: currentColor;
  transition: all var(--speed-standard) var(--transition-out-quadratic);
}
.mega-menu__column.icons a > span {
  margin-block-start: var(--gap-tiny);
  font-weight: var(--text-weight-medium);
  background-position: 50% 100%;
}

.mega-menu__column-shaded {
  background: var(--bg-menu-shade);
  box-shadow: var(--is-dark, inset 0 0 2rem RGB(0 0 0/0.15));
}

.mega-menu-sub-group {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.mega-menu-sub-group + .mega-menu-sub-group {
  margin-block-start: var(--gap);
  border-block-start: var(--border-soft);
  padding-block-start: var(--gap-small);
}
.mega-menu-sub-group a {
  font-weight: var(--text-weight-bold);
}

.mega-menu.vendors {
  padding: var(--box-padding-large);
}
.mega-menu.vendors .mega-menu__inner {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 var(--gap);
  max-inline-size: min(80rem, 100vw - 2 * var(--box-padding-large));
}

.vendors-filters button {
  padding: 1ch;
  text-decoration: none;
  user-select: none;
  touch-action: none;
  background: none;
  cursor: alias;
  font-weight: var(--text-weight-medium);
}
.vendors-filters button:is(:hover, :focus-visible) {
  text-decoration: underline;
  color: var(--text-link-hover);
}
.vendors-filters button:not([data-target]) {
  opacity: var(--disabled-opacity);
}
.vendors-filters div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(3ch, 1fr));
}

.vendors-view-full-list {
  grid-column: 1/-1;
  display: inline-flex;
  gap: var(--gap-small);
  border-block: var(--border-hard);
  padding-block: var(--box-padding);
  margin-block-start: auto;
  margin-block-end: var(--box-padding);
}

.vendors-list-of-vendors {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-block-size: calc(100svh - 14rem);
  inline-size: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin-inline-end: auto;
  aspect-ratio: 19/8;
  scroll-behavior: smooth;
}
.vendors-list-of-vendors a {
  padding: var(--box-padding-large);
  border-block-end: var(--border-soft);
  outline-offset: -0.125rem;
  background-size: 0% 0.125rem;
  background-position: 50% calc(100% - 0.5 * var(--box-padding-large));
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background-size var(--speed-standard) var(--transition-out-quadratic);
}
.vendors-list-of-vendors a:focus {
  outline-style: dotted;
  outline-width: 0.1875rem;
  outline-color: currentColor;
}
.vendors-list-of-vendors a img {
  aspect-ratio: 19/8;
  transition: scale var(--speed-standard) var(--transition-bounce);
}
.vendors-list-of-vendors a:hover {
  background-size: 100% 0.125rem;
}
.vendors-list-of-vendors a:hover img {
  scale: 1.05;
}

@media only screen and (max-width: 62.5em) {
  .vendors-list-of-vendors {
    grid-template-columns: repeat(3, 1fr);
    aspect-ratio: 1.78;
  }
}
@media only screen and (max-width: 50em) {
  .vendors-list-of-vendors {
    aspect-ratio: 1.43;
  }
}
@media only screen and (max-width: 37.5em), only screen and (max-height: 30em) and (max-width: 62.5em) {
  body.menu-open {
    overflow-y: auto;
    margin-right: unset;
  }
  .header-upper-navigation {
    display: none;
  }
  .menu-open .header-upper-navigation {
    animation-name: slideRight;
    animation-duration: var(--speed-snail);
    animation-fill-mode: both;
  }
  .mega-menu {
    display: none;
    position: relative;
    translate: unset;
    background: transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    inline-size: 100%;
    box-shadow: unset;
  }
  .mega-menu__inner {
    padding-inline: 0;
    flex-wrap: wrap;
    inline-size: unset;
  }
  .mega-menu__column {
    flex-wrap: wrap;
  }
  .mega-menu__column:not(.mega-menu__column-shaded) {
    --menu-width: 50%;
  }
  .mega-menu__column.icons:only-child {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: revert;
  }
  .mega-menu__column-shaded {
    background: var(--bg-menu-shade);
    flex-grow: 1;
    margin-block-end: var(--gap);
  }
  .mega-menu__column-shaded:only-child {
    min-inline-size: fit-content;
  }
  .mega-menu__column-shaded:only-child .icons {
    inline-size: unset;
  }
  .mega-menu:not(.vendors) .mega-menu-sub-group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-small) 0;
  }
  .mega-menu:not(.vendors) .mega-menu-sub-group a {
    border-inline: var(--border-soft);
    padding-inline: var(--gap-small);
    margin-inline: -0.5px;
  }
  .mega-menu.vendors .mega-menu__inner {
    grid-template-columns: unset;
    max-inline-size: 100%;
  }
  .mega-menu.vendors .mega-menu-sub-group {
    flex-direction: column-reverse;
  }
  .vendors-view-full-list {
    border: none;
  }
  .vendors-list-of-vendors {
    grid-template-columns: repeat(3, 1fr);
    aspect-ratio: 1;
  }
  .vendors-list-of-vendors a {
    scroll-margin-top: 10rem;
  }
  .menu-open-overlay {
    display: none;
  }
  .header-lower-navigation ul {
    margin-inline: var(--inline-reverse-margin);
    inline-size: 100vw;
    flex-direction: column;
    background-color: var(--bg-menu-mobile);
  }
  .header-lower-navigation-item:not(.open) .primary-nav-link {
    border-block-end: var(--border-blue-thick);
  }
  .header-lower-navigation-item {
    flex-direction: column;
    gap: 0;
    inline-size: calc(100vw - 2rem);
    -webkit-backdrop-filter: blur(var(--blur-medium));
    backdrop-filter: blur(var(--blur-medium));
  }
  .header-lower-navigation-item:last-of-type .primary-nav-link {
    border-block-end: unset;
  }
  .header-lower-navigation-item.open .mega-menu {
    display: block;
  }
  .header-lower-navigation-item-text {
    padding: var(--box-padding);
    font-size: var(--text-size-h3);
    font-weight: var(--text-weight-bold);
  }
  .header-lower-navigation-item-text::after {
    background-color: transparent !important;
  }
}
.four-o-four-container {
  display: grid;
  justify-items: center;
}
.four-o-four-container img {
  inline-size: clamp(10rem, 80%, 40rem);
  margin-block-end: var(--gap);
}
#partnerCentralLink {
  display: grid;
  font-size: var(--text-size-micro);
  padding-block: 0;
  padding-inline: 1ch;
  place-items: center;
  text-decoration: none;
  block-size: var(--icon-upper-header);
  border: none;
}

.component-partner-central {
  position: relative;
  --menu-shift-left-triangle: 50%;
}

.partner-central-applications {
  display: none;
}
.partner-central-applications[aria-hidden=false] {
  display: flex;
}
.partner-central-applications .link.no-access {
  display: none;
}
.partner-central-applications .link {
  font-size: var(--text-size-small);
  padding: var(--padding-ch);
  padding-inline-start: 0;
  display: flex;
  gap: 1ch;
  align-items: center;
}
.partner-central-applications .link a {
  text-decoration: none;
  overflow: hidden;
  position: relative;
  display: block;
  inline-size: fit-content;
}
.partner-central-applications .link a::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 0.125rem;
  background-size: 0% 0.125rem;
  background-position: calc(var(--rtl, 0) * -100%) 100%;
  background-repeat: no-repeat;
  background-image: var(--theme-gradient-lighter);
  transition: background var(--speed-slow) ease;
}
.partner-central-applications .link:is(.logged-in, .logout):is(:hover, :focus-visible) a::after {
  background-size: 100% 0.125rem;
}
.partner-central-applications .link:not(:is(.logged-in, .logout)) {
  cursor: not-allowed;
}
.partner-central-applications .link.logout {
  margin-inline-start: 2.5ch;
}
.partner-central-applications .link:not(.logout)::before {
  content: "";
  block-size: 1.5ch;
  aspect-ratio: 1;
  background-image: var(--icon-power-off);
}
.partner-central-applications .link.logged-in::before {
  background-image: var(--icon-power-on);
}
.search-bar {
  position: relative;
  inline-size: var(--icon-upper-header);
  block-size: var(--icon-upper-header);
  --icon-size: var(--icon-upper-header);
  --thickness: 0.18rem;
  --handle: 0.22rem;
  background-color: rgba(0, 0, 0, 0);
}
.search-bar img {
  display: none;
}
.search-bar[aria-expanded=false] .search-suggestions {
  display: none;
}

.search-suggestions {
  inline-size: min(29ch, 80vw);
}
.search-suggestions input {
  margin: unset;
}

.search-results-list {
  text-align: start;
}
.search-results-list li {
  list-style: none;
}
.search-results-list strong {
  display: block;
  margin-top: var(--gap-small);
  font-size: var(--text-size-small);
  font-weight: var(--text-weight-bold);
}
.search-results-list a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--padding-ch);
}
.search-field-container {
  margin-block-end: var(--gap);
  display: grid;
  grid-template-columns: 1fr 2.5rem 2.5rem;
  grid-template-areas: "search reset submit";
  gap: var(--gap-small);
  padding: var(--padding-ch);
  background: white;
  block-size: 3rem;
  border-radius: var(--border-radius-standard);
  box-shadow: var(--shadow-standard);
  overflow: hidden;
}
.search-field-container input {
  box-shadow: unset;
  padding: unset;
  margin: unset;
  border: unset;
  border-radius: unset;
}
.search-field-container input[type=search] {
  grid-area: search;
  color: var(--text-dark);
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-large);
  inline-size: max(10ch, 100%);
}
.search-field-container input[type=search]::-webkit-search-cancel-button, .search-field-container input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.search-field-container input[type=search]:invalid + input[type=reset] {
  display: none;
}
.search-field-container input:not([type=search]) {
  inline-size: 100%;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.search-field-container input[type=submit] {
  grid-area: submit;
  border-left: 1px solid var(--grey-light);
  background: var(--icon-magnify) right center/1.75rem 1.75rem no-repeat;
}
.search-field-container input[type=reset] {
  clip-path: var(--icon-cross);
  aspect-ratio: 1;
  grid-area: reset;
  background-color: var(--grey-dark);
  transition: all var(--speed-standard) var(--transition-bounce);
}
.search-field-container input[type=reset]:hover {
  background-color: var(--grey-darker);
  scale: 1.1;
}

.search-results-info-bar {
  margin-block-end: var(--gap);
  text-align: end;
}
.search-results-info-bar .pagination {
  display: none;
}

.results-qty {
  padding: var(--padding-ch);
  background-color: var(--bg-main);
}

.articles-container article {
  padding-block-end: var(--gap);
  border-block-end: var(--border-soft);
  margin-block-end: var(--gap);
}
.articles-container article h2 {
  font-size: var(--text-size-h3);
}

.no-results {
  font-size: var(--text-size-h3);
}

.pagination {
  margin-block: var(--gap-large);
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(2rem, 1fr);
  justify-content: end;
  gap: var(--gap-tiny);
}
.pagination li {
  display: grid;
}
.pagination button {
  display: grid;
  grid-template: 1fr/1fr;
  place-items: center;
  block-size: 100%;
  aspect-ratio: 1;
  border: var(--border-medium);
  background-color: transparent;
  text-decoration: none;
  transition: all var(--speed-standard) ease;
  border-radius: var(--border-radius-small);
  touch-action: none;
}
.pagination button:hover {
  background-color: var(--theme);
  color: white;
}
.pagination button:hover .arrow {
  border-color: white;
}
.pagination button:active {
  scale: 1.05;
}
.pagination span {
  display: none;
}
.pagination .arrow {
  position: relative;
  content: "";
  grid-row: 1;
  grid-column: 1;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border: solid var(--text-subdued);
  border-width: 0 0.125rem 0.125rem 0;
  padding: 0.125rem;
  transform: rotate(-45deg) translate(-0.1rem, -0.1rem);
}
.pagination .arrow:has(~ .arrow) {
  translate: -0.1875rem;
}
.pagination .arrow ~ .arrow {
  translate: 0.1875rem;
}
.pagination .prev .arrow {
  transform: rotate(135deg) translate(-0.1rem, -0.1rem);
}
.pagination .current button {
  border-color: var(--theme-green);
  border-width: 2px;
  font-weight: var(--text-weight-bold);
}
.pagination .disabled {
  opacity: var(--disabled-opacity);
}
.sitemap-container {
  columns: 3 17.5rem;
  column-gap: var(--gap-large);
  padding-block: var(--gap);
  margin-block: var(--gap);
  column-rule: var(--border-soft);
  -webkit-backdrop-filter: blur(var(--blur-small));
  backdrop-filter: blur(var(--blur-small));
  background-color: RGB(var(--bg-main-rgb)/0.6);
}
.sitemap-container a:not(:hover) {
  text-decoration-color: transparent;
}

.sitemap-section {
  break-inside: avoid;
  margin-block-end: var(--gap-large);
}
.sitemap-section .link {
  padding-block: 0.5ch;
}
.component-vendor-header .hero-container {
  position: relative;
  display: grid;
  grid-auto-flow: dense;
  grid-template-areas: "content" "image";
  grid-template-columns: 1fr;
  align-items: center;
  gap: clamp(var(--gap), 4vw, var(--gap-large));
  margin-block-end: var(--gap-large);
  background-image: unset !important;
}
.component-vendor-header .hero-container::before {
  content: "";
  display: grid;
  background-image: var(--bg-img);
  background-position: center;
  background-size: cover;
  block-size: -webkit-fill-available;
  grid-area: image;
  inline-size: 100%;
  aspect-ratio: 16/9;
  -webkit-backdrop-filter: blur(var(--blur-medium)) brightness(0.75);
  backdrop-filter: blur(var(--blur-medium)) brightness(0.75);
  border: var(--border-width) solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}
.component-vendor-header[data-has-video] .hero-container {
  grid-template-columns: 1fr;
}
.component-vendor-header[data-has-video] .hero-container::before {
  content: unset;
}

.hero-container__video-container {
  align-self: flex-start;
  overflow: hidden;
  pointer-events: none;
  grid-area: image;
  inline-size: 100%;
  aspect-ratio: 16/9;
  -webkit-backdrop-filter: blur(var(--blur-medium)) brightness(0.75);
  backdrop-filter: blur(var(--blur-medium)) brightness(0.75);
  border: var(--border-width) solid;
  border-image-slice: 1;
  border-image-source: var(--theme-gradient);
}
.hero-container__video-container iframe {
  inline-size: 100%;
  aspect-ratio: 16/9;
  height: unset !important;
}

.vendor-logo {
  margin-block-start: var(--gap-small);
  inline-size: min(100%, 14rem);
}

@media only screen and (min-width: 44em) {
  .component-vendor-header .hero-container {
    grid-template-areas: "content image";
    grid-template-columns: 1.25fr 1fr;
  }
  .component-vendor-header .hero-container::before {
    aspect-ratio: auto;
    block-size: -webkit-fill-available;
    inline-size: clamp(20vw, 100%, 50vw);
  }
  .component-vendor-header[data-has-video] .hero-container {
    grid-template-columns: 1fr 1fr;
  }
}
.vendors-list__inner {
  min-block-size: var(--gap-large);
}

.vendors-list__listing {
  margin-block-start: var(--gap-large);
  list-style: none;
  display: grid;
  --w: clamp(10rem, 100% / 5 + 0.1% - var(--gap-larger), 20rem);
  grid-template-columns: repeat(auto-fit, minmax(var(--w), 1fr));
  gap: var(--gap-larger);
}

.vendors-list__item {
  max-inline-size: 20rem;
}
.vendors-list__item a:where(:hover, :focus) {
  opacity: 1;
  filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.3));
}
.vendors-list__item a:focus-visible > div {
  outline-style: dotted;
  outline-width: 0.1875rem;
  outline-color: currentColor;
}
.vendors-list__item a:active {
  filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.5));
}
/*# sourceMappingURL=style.css.map */