@charset "UTF-8";
/* Base design tokens — auto-generated, do not edit */
:root {
  --padding-none: 0;
  --padding-hairline: 0.0625rem;
  --padding-thin: 0.125rem;
  --padding-slim: 0.25rem;
  --padding-extra-small: 0.5rem;
  --padding-small: 1rem;
  --padding-medium: 1.5rem;
  --padding-large: 2rem;
  --padding-extra-large: 2.5rem;
  --padding-huge: 5rem;
  --padding-full: 100%;
  --spacing-none: 0;
  --spacing-extra-small: 1.5rem;
  --spacing-small: 2.5rem;
  --spacing-medium: 5rem;
  --spacing-large: 7.5rem;
  --spacing-extra-large: 10rem;
  --spacing-huge: 15rem;
  --spacing-full: 100%;
  --content-max: 1440px;
  --shadow-far: 0 0 3.75rem RGBA(68, 28, 153, 0.4);
  --shadow-mid: 0 0.625rem 0.938rem RGBA(68, 28, 153, 0.25);
  --shadow-near: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.15);
  --shadow-faint: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.05);
  --shadow-outline: 0 1px 3px 1px RGBA(68, 28, 153, 0.3);
  --radius-extra-small: 0.125rem;
  --radius-small: 0.25rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;
  --radius-extra-large: 1.25rem;
  --radius-pill: 100rem;
  --radius-full: 100%;
  --transition-slow: 0.6s ease-in-out;
  --transition-mid: 0.3s ease-in-out;
  --transition-fast: 0.2s ease-in-out;
  --breakpoint-desktop: 8640;
  --breakpoint-tablet: 1024;
  --breakpoint-mobile: 768;
  --color-white: #ffffff;
  --color-seashell: #feebde;
  --color-frost: #f2f1f4;
  --color-snow: #e9e9e9;
  --color-cotton-candy: #c0f5f2;
  --color-daffodil: #ffe792;
  --color-yellow: #ffdf20;
  --color-summer: #f9c748;
  --color-periwinkle: #9bcfff;
  --color-mauve: #a2a1af;
  --color-steel: #c0c0c0;
  --color-lavender-light: #d6a7f7;
  --color-cyan: #00ffff;
  --color-bubblegum: #ff78e1;
  --color-vibe: #4bd6b5;
  --color-tiger: #f99048;
  --color-mint: #00ff7f;
  --color-salmon: #f97a99;
  --color-lavender: #c481f3;
  --color-lilac: #8598fb;
  --color-orange: #ff8904;
  --color-sky: #14c4eb;
  --color-green: #05df72;
  --color-teal: #43b59a;
  --color-electric-blue-dark: #3ea2ff;
  --color-light-blue: #00bcff;
  --color-hot-pink: #e555ac;
  --color-scarlet: #ff4626;
  --color-pewter: #555463;
  --color-silver: #797979;
  --color-smoke: #6d6d9c;
  --color-pink: #ff0ff3;
  --color-red: #fb2c36;
  --color-autumn: #c04c0a;
  --color-dark-teal: #168982;
  --color-rose: #c82d53;
  --color-turquoise: #097d98;
  --color-purple: #8d1ff4;
  --color-electric-blue: #145deb;
  --color-blue: #1447e6;
  --color-slate: #3f3f7f;
  --color-dawn: #383f76;
  --color-violet: #7f00ff;
  --color-deep-blue: #003cff;
  --color-dark-purple: #441c99;
  --color-deep-sea: #0a26b8;
  --color-navy: #162456;
  --color-charcoal: #1c1c21;
  --color-grey: #1e1e1e;
  --color-ocean: #181846;
  --color-dark-grey: #181818;
  --color-midnight: #030328;
  --color-space: #01011e;
  --color-black: #000000;
}

/* Device breakpoints — Sass map (required for @media queries and utility generation) */
.avatar {
  display: inline-block;
  height: 2rem;
  position: relative;
  width: 2rem;
  overflow: hidden;
}
.avatar::before {
  inset: 0;
  text-align: center;
  color: var(--ui-text);
  text-transform: uppercase;
  content: attr(data-name);
  display: block;
  height: 1.25rem;
  margin: auto;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.avatar.no-image::after {
  background: var(--color-dark-purple);
  inset: 0;
  content: "";
  height: 100%;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.avatar img {
  box-sizing: border-box;
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}
.avatar-extra-small {
  height: 1.125rem;
  width: 1.125rem;
}
.avatar-extra-small::before {
  transform: scale(0.6);
}
.avatar-small {
  height: 1.5rem;
  width: 1.5rem;
}
.avatar-small::before {
  transform: scale(0.8);
}
.avatar-medium {
  height: 4rem;
  width: 4rem;
}
.avatar-medium::before {
  transform: scale(1);
}
.avatar-large {
  height: 5.25rem;
  width: 5.25rem;
}
.avatar-large::before {
  transform: scale(2.6);
}
.avatar-huge {
  height: 8.75rem;
  width: 8.75rem;
}
.avatar-huge::before {
  transform: scale(2.6);
}

.badge {
  width: max-content;
  height: max-content;
  padding: 0.125rem 0.25rem 0.125rem 0.4rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-radius: 0.25rem;
}

/* Breakpoints mixin */
.button {
  border: 0.0625rem solid transparent;
  place-content: center center;
  place-items: center center;
  border-radius: var(--radius-small);
  display: inline-flex;
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  line-height: 0.875rem;
  padding: var(--padding-small) var(--padding-medium);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  user-select: none;
  color: var(--ui-headline);
}
.button:hover {
  cursor: pointer;
}
.button:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button-small {
  padding: var(--padding-extra-small) var(--padding-small);
  line-height: 1.5;
}
.button.pad-none {
  padding: 0;
}
.button.default {
  color: var(--ui-headline);
}
.button.default:hover {
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button.default:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button.primary {
  position: relative;
  border: 1px;
  border-style: solid;
  color: var(--action-contrast);
  border-color: var(--action);
  background-color: var(--action);
}
.button.primary:hover, .button.primary:focus {
  border-color: var(--ui-soft);
}
.button.primary:hover, .button.primary:focus {
  background-color: var(--ui-soft);
}
.button.primary .general-icon {
  color: var(--action-secondary);
}
.button.secondary {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  transition: color var(--transition-fast), background-color var(--transition-fast);
  color: var(--ui-stroke);
}
.button.secondary:hover {
  background-color: var(--ui-fill);
  color: var(--ui-text);
}
.button.destroy {
  border-color: color-mix(in srgb, var(--fail), transparent 50%);
  background-color: var(--fail-base-dark);
  color: var(--fail-hover-dark);
}
.button.destroy:hover, .button.destroy:focus {
  border-color: color-mix(in srgb, var(--fail), transparent 0%);
  background-color: var(--fail-hover-dark);
  color: var(--action-contrast);
}
.button.tertiary, .button.glyph, .button.arrow, .button.external {
  background: transparent;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  max-width: max-content;
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
  gap: var(--padding-extra-small);
  color: var(--action-tertiary);
}
.button.tertiary::after, .button.glyph::after, .button.arrow::after, .button.external::after {
  content: "";
  display: inline-block;
  font-family: brandui-icons;
  font-size: var(--padding-small);
  transition: transform var(--transition-fast);
  width: var(--padding-small);
  vertical-align: middle;
}
.button.tertiary:hover, .button.tertiary:focus, .button.glyph:hover, .button.glyph:focus, .button.arrow:hover, .button.arrow:focus, .button.external:hover, .button.external:focus {
  background: transparent;
  color: var(--action);
}
.button.tertiary:hover::after, .button.tertiary:focus::after, .button.glyph:hover::after, .button.glyph:focus::after, .button.arrow:hover::after, .button.arrow:focus::after, .button.external:hover::after, .button.external:focus::after {
  transform: translateX(0.25rem);
}
.button.tertiary::after, .button.glyph::after, .button.arrow::after {
  content: "\e905";
}
.button.external::after {
  content: "\e906";
}
.button.disabled, .button[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
.button.small {
  padding: var(--padding-extra-small) var(--padding-small);
  font-size: var(--font-size-body-small);
  line-height: var(--line-height-body-small);
}
.button.search-trigger:hover, .button.search-trigger:focus {
  color: var(--action);
  background-color: transparent;
}

.buttons {
  max-width: max-content;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-medium);
}
@media (max-width: 1024px) {
  .buttons {
    flex-direction: column;
    gap: var(--padding-small);
    justify-content: center;
    align-items: center;
  }
}

@keyframes glimmer {
  100% {
    --glimmer-angle: 360deg;
  }
}
.copy-to-clipboard-body {
  border: 1px solid;
  border-color: var(--action-tertiary);
}
.copy-to-clipboard .tooltip-wrapper {
  border-color: var(--action-tertiary);
}
.copy-to-clipboard .tooltip-wrapper:hover .general-icon {
  color: var(--action);
}
.copy-to-clipboard .tooltip-wrapper .general-icon {
  color: var(--action-secondary);
}

.clipboard-trigger {
  background-color: var(--action-tertiary);
  border-color: var(--action-tertiary);
}
.clipboard-trigger:hover {
  background-color: var(--action-tertiary);
}

.category {
  display: flex;
  gap: var(--padding-extra-small);
  align-items: center;
  font-family: var(--txt-mini-header-family);
  font-size: var(--txt-mini-header-size);
  font-weight: var(--txt-mini-header-weight);
  line-height: var(--txt-mini-header-lh);
  letter-spacing: var(--txt-mini-header-ls, normal);
  text-transform: var(--txt-mini-header-tt, none);
  color: var(--ui-headline);
}

.check {
  cursor: pointer;
  padding-left: 2.25rem;
  position: relative;
  text-align: left;
  user-select: none;
}
.check.adjust {
  padding-top: 0;
}
.check input[type=checkbox] {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.check .checkmark {
  border: 0.0625rem solid;
  border-radius: 0.25rem;
  height: 1.375rem;
  position: absolute;
  left: 0;
  top: 0;
  transition: border-color var(--transition-fast);
  width: 1.375rem;
  box-sizing: content-box;
  outline-color: transparent;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check .checkmark::after {
  border-width: 0 0.1875rem 0.1875rem 0;
  border-style: solid;
  content: "";
  height: 0.625rem;
  left: 0.5rem;
  opacity: 0;
  position: absolute;
  top: 0.1875rem;
  transform: rotate(0deg);
  transition: border-color var(--transition-fast);
  width: 0.25rem;
  border-color: var(--action);
}
.check .detail {
  display: inline-flex;
  flex-direction: column;
  color: var(--ui-body);
}
.check .detail .disclaimer {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.check:hover input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  box-shadow: 0 0 0.625rem color-mix(in srgb, var(--ui-soft), transparent 80%);
  border-color: var(--action);
}
.check:focus input[type=checkbox] + .checkmark, .check:focus-visible input[type=checkbox] + .checkmark, .check:focus-within input[type=checkbox] + .checkmark {
  outline: var(--action-tertiary) solid 3px;
  box-shadow: 0 0 0.625rem color-mix(in srgb, var(--ui-soft), transparent 80%);
}
.check i {
  display: inline-block;
  margin-bottom: -0.1875rem;
  margin-left: 0.1875rem;
  width: 0.875rem;
}
.check input[type=checkbox] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.check input[type=checkbox]:checked + .checkmark {
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  border-color: var(--action);
}
.check input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
  transform: rotate(45deg);
}
.check.inactive:hover input[type=checkbox] + .checkmark, .check.inactive:focus input[type=checkbox] + .checkmark, .check.disabled:hover input[type=checkbox] + .checkmark, .check.disabled:focus input[type=checkbox] + .checkmark {
  box-shadow: none;
}
.check.inactive input[type=checkbox] + .checkmark {
  border: 0;
}
.check.inactive input[type=checkbox]:checked + .checkmark {
  border: 0;
}
.check.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--ui-text);
}
.check.disabled input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check.disabled input[type=checkbox]:checked + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  opacity: 0.5;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check.disabled .checkmark::after {
  border-color: var(--ui-stroke);
}
.check.danger {
  cursor: pointer;
  color: var(--fail);
}
.check.danger input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--fail);
}
.check.danger input[type=checkbox]:checked + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--fail);
}
.check.danger .checkmark::after {
  border-color: var(--fail);
}
.check.hidden {
  height: 0.0625rem;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  width: 0.0625rem;
}

.chip {
  font-weight: 700;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-extra-large);
  display: inline-flex;
  place-items: center center;
  max-width: max-content;
  padding: var(--padding-extra-small) var(--padding-small);
  outline: transparent solid 0.1875rem;
  position: relative;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  user-select: none;
  width: 100%;
  color: var(--ui-text);
  background-color: var(--ui-fill);
  border-color: var(--ui-text);
}
.chip.red {
  border: none;
  background-color: var(--color-salmon);
  color: var(--ui-text);
}
.chip.orange {
  border: none;
  background-color: var(--color-tiger);
  color: var(--ui-text);
}
.chip.yellow {
  border: none;
  background-color: var(--color-daffodil);
  color: var(--color-black);
}
.chip.blue {
  border: none;
  background-color: var(--color-electric-blue);
  color: var(--ui-text);
}
.chip.purple {
  border: none;
  background-color: var(--color-lavender);
  color: var(--ui-text);
}
.chip.green {
  border: none;
  background-color: var(--color-vibe);
  color: var(--ui-text);
}
.chip.grey {
  border: none;
  background-color: var(--color-steel);
  color: var(--ui-text);
}
.chip.pink {
  border: none;
  background-color: var(--color-bubblegum);
  color: var(--ui-text);
}
.chip .dismiss::after {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
  content: "\e916";
  font-family: brandui-icons;
  font-style: normal;
  font-size: inherit;
  margin: 0 0 0 var(--padding-thin);
  padding: var(--padding-thin);
  display: block;
  border-radius: 100%;
  transform: rotate(45deg);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
}
.chip.active {
  box-shadow: 0 0.625rem 0.938rem color-mix(in srgb, var(--ui-soft), transparent 80%);
  color: var(--color-action-contrast);
  background-color: var(--color-action);
  border-color: var(--color-action);
}
.chip.active > * {
  color: var(--color-action-contrast);
}
.chip.active .dismiss::after {
  color: var(--action);
  background-color: var(--ui-fill);
  transform: rotate(0deg);
}
.chip.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.chip.beta {
  padding: 8px;
  margin: 0 6px;
  height: 18px;
  min-height: 0;
  max-height: 18px;
  font-size: 10px;
  box-shadow: none;
  transform: translateY(-2px);
}
.chip.beta:hover, .chip.beta:focus {
  outline: none;
}

a.chip {
  text-decoration: none;
}
a.chip:hover, a.chip:focus {
  color: var(--action);
  background-color: var(--tinting);
  border-color: var(--action);
}

.divider {
  border-top: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
}

.dropdown-links {
  width: 100%;
  display: block;
  position: relative;
  overflow-wrap: break-word;
}
.dropdown-links-label {
  width: 100%;
  padding: var(--padding-extra-small);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--radius-small);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-links-label strong,
.dropdown-links-label b {
  font-weight: 700;
}
.dropdown-links-label {
  color: var(--ui-headline);
}
.dropdown-links-label::after {
  content: "";
  border-bottom: 0.1875rem solid var(--action);
  border-bottom-left-radius: 0.125rem;
  border-left: 0.1875rem solid var(--action);
  display: block;
  height: var(--padding-extra-small);
  margin: 0.75rem 1rem;
  position: absolute;
  right: 0;
  transform: rotate(-45deg) translate(0.1875rem);
  transform-origin: center center;
  transition: border-color var(--transition-fast);
  width: var(--padding-extra-small);
  pointer-events: none;
}
.dropdown-links-label:hover {
  cursor: pointer;
  box-shadow: var(--shadow-near);
  border-color: var(--ui-stroke);
}
.dropdown-links-menu {
  width: 100%;
  padding: var(--padding-small);
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-mid);
  background-color: var(--default);
  border-color: var(--ui-stroke);
}
.dropdown-links-menu-wrapper {
  width: 100%;
  padding-top: var(--padding-small);
  display: none;
  position: absolute;
  top: var(--padding-extra-large);
  z-index: 100;
}
.dropdown-links-menu a {
  padding: var(--padding-extra-small);
  border-radius: var(--radius-small);
  text-decoration: none;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-links-menu a strong,
.dropdown-links-menu a b {
  font-weight: 700;
}
.dropdown-links-menu a {
  color: var(--ui-body);
}
.dropdown-links-menu a:hover {
  color: var(--action);
}
.dropdown-links:focus .dropdown-links-label::after, .dropdown-links:focus-within .dropdown-links-label::after, .dropdown-links.open .dropdown-links-label::after {
  transform: rotate(135deg) translate(0, -0.1875rem);
}
.dropdown-links:focus .dropdown-links-menu-wrapper, .dropdown-links:focus-within .dropdown-links-menu-wrapper, .dropdown-links.open .dropdown-links-menu-wrapper {
  display: flex;
}
.dropdown-select {
  position: relative;
  outline: transparent solid 0.1875rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  cursor: pointer;
  display: block;
  margin-bottom: var(--padding-extra-small);
  padding: 0.906rem var(--padding-small);
  padding-right: var(--padding-extra-large);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  color: var(--ui-text);
  background-color: var(--ui-fill);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.dropdown-select::after {
  content: "";
  border-bottom: 0.1875rem solid var(--action);
  border-bottom-left-radius: 0.125rem;
  border-left: 0.1875rem solid var(--action);
  display: block;
  height: var(--padding-extra-small);
  margin: 0.75rem 1rem;
  position: absolute;
  right: 0;
  top: 0.5rem;
  transform: rotate(-45deg) translate(0.1875rem);
  transform-origin: center center;
  transition: transform var(--transition-fast);
  width: var(--padding-extra-small);
  pointer-events: none;
}
.dropdown-select.open::after {
  transform: rotate(-225deg);
}
.dropdown-select-links {
  position: absolute;
  display: none;
  max-width: calc(1440px / 12 * 5);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  left: 0;
  right: 0;
  z-index: 1;
}
.dropdown-select-links.open {
  display: block;
}
.dropdown-select-links {
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
  background-color: var(--ui-fill);
}
.dropdown-select-option {
  padding: var(--padding-small) var(--padding-medium);
  margin: var(--padding-extra-small);
  border-radius: var(--radius-small);
}
.dropdown-select-option:hover {
  cursor: pointer;
  color: var(--action);
  background-color: var(--tinting);
}
.dropdown-select-option.active {
  outline: var(--action-outline) solid 0.1875rem;
  border-color: var(--action);
}

@keyframes dropdown-options-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dropdown-button {
  position: relative;
  width: fit-content;
}
.dropdown-button .trigger {
  position: relative;
  padding-right: var(--padding-extra-large);
}
.dropdown-button .trigger span {
  margin-right: var(--padding-small);
}
.dropdown-button .trigger::after {
  content: "\e925";
  display: inline-block;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: var(--padding-medium);
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease-out;
  pointer-events: none;
}
.dropdown-button .options {
  position: absolute;
  top: calc(100% + var(--padding-extra-small));
  min-width: 100%;
  border: 1px solid var(--ui-fill);
  border-radius: var(--radius-medium);
  overflow-y: auto;
  max-height: min(70vh, 20rem);
  padding: var(--padding-extra-small);
  animation: dropdown-options-enter 150ms ease-out;
  background-color: var(--default);
}
.dropdown-button .options .option {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-button .options .option strong,
.dropdown-button .options .option b {
  font-weight: 700;
}
.dropdown-button .options .option {
  padding: var(--padding-extra-small) var(--padding-small);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  border-radius: var(--radius-small);
  outline: none;
  background: transparent;
  text-decoration: none;
  transition: background-color 120ms ease-out, color 120ms ease-out;
  color: var(--ui-headline);
}
.dropdown-button .options .option + .option {
  margin-top: var(--padding-thin);
}
.dropdown-button .options .option-leading {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-small);
  background-color: var(--ui-fill);
  overflow: hidden;
}
.dropdown-button .options .option-logo-image {
  width: 1rem;
  height: 1rem;
  display: block;
  object-fit: contain;
  filter: invert(1);
  mix-blend-mode: screen;
}
.dropdown-button .options .option-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-button .options .option.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 500;
  pointer-events: none;
  flex-shrink: 0;
}
.dropdown-button .options .option:hover, .dropdown-button .options .option:focus-visible {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.dropdown-button .options .option:focus-visible {
  box-shadow: none;
}
.dropdown-button .options .option:active {
  background-color: color-mix(in srgb, var(--action), transparent 84%);
}
.dropdown-button.is-open {
  z-index: 20;
}
.dropdown-button.is-open .trigger::after {
  transform: translateY(-50%) rotate(180deg);
}

.feature-checkmark {
  width: var(--padding-medium);
  height: var(--padding-medium);
  position: relative;
  display: block;
}
.feature-checkmark::after {
  content: "\e910";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  font-family: brandui-icons;
  font-size: var(--padding-large);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: var(--action);
}

/* Icons */
.icon {
  display: inline-block;
  height: 4rem;
  font-size: 4rem;
  position: relative;
  transition: transform var(--transition-fast);
  width: 4rem;
}
.icon.icon-sm {
  height: 1rem;
  width: 1rem;
}
.icon.icon-rg {
  height: 1.5rem;
  width: 1.5rem;
}
.icon.icon-md {
  height: 2rem;
  width: 2rem;
}
.icon.icon-lg {
  height: 4rem;
  width: 4rem;
}
.icon::before {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.icon-border, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo, .brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon,
.brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  padding: var(--padding-slim);
  border-color: color-mix(in srgb, var(--ui-subtle), transparent 30%);
}
.icon.icon-actionable-results::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg");
}
.icon.icon-admin::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg");
}
.icon.icon-advisor-1::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg");
}
.icon.icon-advisor::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg");
}
.icon.icon-ai-generated-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg");
}
.icon.icon-ai-solutions::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg");
}
.icon.icon-ai-vulnerable-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg");
}
.icon.icon-ai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg");
}
.icon.icon-alert-high::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg");
}
.icon.icon-alert-info::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg");
}
.icon.icon-alert-low::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg");
}
.icon.icon-alert-med::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg");
}
.icon.icon-api::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg");
}
.icon.icon-application-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg");
}
.icon.icon-assessments::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg");
}
.icon.icon-assignments::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg");
}
.icon.icon-attention::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg");
}
.icon.icon-automate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg");
}
.icon.icon-care-deeply::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg");
}
.icon.icon-certificates::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg");
}
.icon.icon-ci-cd::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg");
}
.icon.icon-cli::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg");
}
.icon.icon-climate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg");
}
.icon.icon-cloud-and-back::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg");
}
.icon.icon-cloud-launch::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg");
}
.icon.icon-cloud-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg");
}
.icon.icon-code-to-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg");
}
.icon.icon-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg");
}
.icon.icon-coding::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg");
}
.icon.icon-community::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg");
}
.icon.icon-compliance-automation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg");
}
.icon.icon-customer-centricity::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg");
}
.icon.icon-design-applications::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg");
}
.icon.icon-dev-ai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg");
}
.icon.icon-dev-friendly::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg");
}
.icon.icon-developer-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg");
}
.icon.icon-docs-published::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg");
}
.icon.icon-documentation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg");
}
.icon.icon-donate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg");
}
.icon.icon-efficiency::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg");
}
.icon.icon-enablement-and-education::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg");
}
.icon.icon-expert::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg");
}
.icon.icon-false-positive-rate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg");
}
.icon.icon-family::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg");
}
.icon.icon-fast-and-accurate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg");
}
.icon.icon-feedback::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg");
}
.icon.icon-fix-faster::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg");
}
.icon.icon-flexible::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg");
}
.icon.icon-forward-thinking::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ");
}
.icon.icon-get-started::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg");
}
.icon.icon-git-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg");
}
.icon.icon-ide::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg");
}
.icon.icon-integrations::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg");
}
.icon.icon-learn-always::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg");
}
.icon.icon-learn-snyk-1::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg");
}
.icon.icon-learn-snyk::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg");
}
.icon.icon-learning-paths::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg");
}
.icon.icon-live-environment::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg");
}
.icon.icon-live-video::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg");
}
.icon.icon-machine-learning::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg");
}
.icon.icon-meetup::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg");
}
.icon.icon-office-hours::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg");
}
.icon.icon-onboarding::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg");
}
.icon.icon-one-team::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg");
}
.icon.icon-ongoing::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg");
}
.icon.icon-platform::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg");
}
.icon.icon-pull-request::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg");
}
.icon.icon-query-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg");
}
.icon.icon-real-time-scan::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg");
}
.icon.icon-remediate-faster::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg");
}
.icon.icon-roadmap::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg");
}
.icon.icon-scaleable::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg");
}
.icon.icon-scanning::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg");
}
.icon.icon-secure-dependencies::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg");
}
.icon.icon-secure-projects::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg");
}
.icon.icon-security-automation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg");
}
.icon.icon-security-awareness::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg");
}
.icon.icon-security-outnumbered::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg");
}
.icon.icon-security-team::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg");
}
.icon.icon-self-serve::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg");
}
.icon.icon-ship-it::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg");
}
.icon.icon-snyk-code-knowledgebase::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg");
}
.icon.icon-supply-chain-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg");
}
.icon.icon-support::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg");
}
.icon.icon-swag::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg");
}
.icon.icon-tech::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg");
}
.icon.icon-think-bigger::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg");
}
.icon.icon-tsd::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg");
}
.icon.icon-unified-policy-engine::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg");
}
.icon.icon-user-admin::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg");
}
.icon.icon-visibility-and-intelligence::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg");
}
.icon.icon-vuln-database::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg");
}
.icon.icon-write-policies::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg");
}
.icon.icon-zero-day::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg");
}
.icon.icon-solid.icon-actionable-results {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg") 100% no-repeat;
}
.icon.icon-solid.icon-actionable-results::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-admin {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg") 100% no-repeat;
}
.icon.icon-solid.icon-admin::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-advisor-1 {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg") 100% no-repeat;
}
.icon.icon-solid.icon-advisor-1::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-advisor {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg") 100% no-repeat;
}
.icon.icon-solid.icon-advisor::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-generated-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-generated-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-solutions {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-solutions::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-vulnerable-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-vulnerable-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-high {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-high::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-info {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-info::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-low {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-low::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-med {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-med::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-api {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg") 100% no-repeat;
}
.icon.icon-solid.icon-api::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-application-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-application-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-assessments {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg") 100% no-repeat;
}
.icon.icon-solid.icon-assessments::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-assignments {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg") 100% no-repeat;
}
.icon.icon-solid.icon-assignments::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-attention {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg") 100% no-repeat;
}
.icon.icon-solid.icon-attention::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-automate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-automate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-care-deeply {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg") 100% no-repeat;
}
.icon.icon-solid.icon-care-deeply::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-certificates {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg") 100% no-repeat;
}
.icon.icon-solid.icon-certificates::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ci-cd {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ci-cd::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cli {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cli::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-climate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-climate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-and-back {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-and-back::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-launch {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-launch::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-code-to-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg") 100% no-repeat;
}
.icon.icon-solid.icon-code-to-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-coding {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg") 100% no-repeat;
}
.icon.icon-solid.icon-coding::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-community {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg") 100% no-repeat;
}
.icon.icon-solid.icon-community::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-compliance-automation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-compliance-automation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-customer-centricity {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg") 100% no-repeat;
}
.icon.icon-solid.icon-customer-centricity::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-design-applications {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg") 100% no-repeat;
}
.icon.icon-solid.icon-design-applications::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-dev-ai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg") 100% no-repeat;
}
.icon.icon-solid.icon-dev-ai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-dev-friendly {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg") 100% no-repeat;
}
.icon.icon-solid.icon-dev-friendly::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-developer-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-developer-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-docs-published {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg") 100% no-repeat;
}
.icon.icon-solid.icon-docs-published::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-documentation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-documentation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-donate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-donate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-efficiency {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg") 100% no-repeat;
}
.icon.icon-solid.icon-efficiency::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-enablement-and-education {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg") 100% no-repeat;
}
.icon.icon-solid.icon-enablement-and-education::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-expert {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg") 100% no-repeat;
}
.icon.icon-solid.icon-expert::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-false-positive-rate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-false-positive-rate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-family {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg") 100% no-repeat;
}
.icon.icon-solid.icon-family::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-fast-and-accurate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-fast-and-accurate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-feedback {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg") 100% no-repeat;
}
.icon.icon-solid.icon-feedback::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-fix-faster {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg") 100% no-repeat;
}
.icon.icon-solid.icon-fix-faster::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-flexible {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg") 100% no-repeat;
}
.icon.icon-solid.icon-flexible::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-forward-thinking {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ") 100% no-repeat;
}
.icon.icon-solid.icon-forward-thinking::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-get-started {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg") 100% no-repeat;
}
.icon.icon-solid.icon-get-started::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-git-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-git-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ide {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ide::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-integrations {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg") 100% no-repeat;
}
.icon.icon-solid.icon-integrations::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-always {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-always::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-snyk-1 {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-snyk-1::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-snyk {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-snyk::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learning-paths {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learning-paths::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-live-environment {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg") 100% no-repeat;
}
.icon.icon-solid.icon-live-environment::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-live-video {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg") 100% no-repeat;
}
.icon.icon-solid.icon-live-video::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-machine-learning {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg") 100% no-repeat;
}
.icon.icon-solid.icon-machine-learning::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-meetup {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg") 100% no-repeat;
}
.icon.icon-solid.icon-meetup::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-office-hours {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg") 100% no-repeat;
}
.icon.icon-solid.icon-office-hours::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-onboarding {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg") 100% no-repeat;
}
.icon.icon-solid.icon-onboarding::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-one-team {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg") 100% no-repeat;
}
.icon.icon-solid.icon-one-team::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ongoing {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ongoing::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-platform {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg") 100% no-repeat;
}
.icon.icon-solid.icon-platform::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-pull-request {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg") 100% no-repeat;
}
.icon.icon-solid.icon-pull-request::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-query-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg") 100% no-repeat;
}
.icon.icon-solid.icon-query-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-real-time-scan {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg") 100% no-repeat;
}
.icon.icon-solid.icon-real-time-scan::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-remediate-faster {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg") 100% no-repeat;
}
.icon.icon-solid.icon-remediate-faster::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-roadmap {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg") 100% no-repeat;
}
.icon.icon-solid.icon-roadmap::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-scaleable {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg") 100% no-repeat;
}
.icon.icon-solid.icon-scaleable::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-scanning {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg") 100% no-repeat;
}
.icon.icon-solid.icon-scanning::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-secure-dependencies {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg") 100% no-repeat;
}
.icon.icon-solid.icon-secure-dependencies::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-secure-projects {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg") 100% no-repeat;
}
.icon.icon-solid.icon-secure-projects::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-automation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-automation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-awareness {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-awareness::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-outnumbered {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-outnumbered::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-team {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-team::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-self-serve {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg") 100% no-repeat;
}
.icon.icon-solid.icon-self-serve::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ship-it {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ship-it::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-snyk-code-knowledgebase {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg") 100% no-repeat;
}
.icon.icon-solid.icon-snyk-code-knowledgebase::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-supply-chain-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-supply-chain-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-support {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg") 100% no-repeat;
}
.icon.icon-solid.icon-support::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-swag {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg") 100% no-repeat;
}
.icon.icon-solid.icon-swag::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-tech {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg") 100% no-repeat;
}
.icon.icon-solid.icon-tech::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-think-bigger {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg") 100% no-repeat;
}
.icon.icon-solid.icon-think-bigger::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-tsd {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg") 100% no-repeat;
}
.icon.icon-solid.icon-tsd::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-unified-policy-engine {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg") 100% no-repeat;
}
.icon.icon-solid.icon-unified-policy-engine::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-user-admin {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg") 100% no-repeat;
}
.icon.icon-solid.icon-user-admin::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-visibility-and-intelligence {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg") 100% no-repeat;
}
.icon.icon-solid.icon-visibility-and-intelligence::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-vuln-database {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg") 100% no-repeat;
}
.icon.icon-solid.icon-vuln-database::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-write-policies {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg") 100% no-repeat;
}
.icon.icon-solid.icon-write-policies::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-zero-day {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg") 100% no-repeat;
}
.icon.icon-solid.icon-zero-day::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}

.icon-sm {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
}

.icon-rg {
  font-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
}

.icon-md {
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
}

.icon-lg {
  font-size: 4rem;
  height: 4rem;
  width: 4rem;
}

.general-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: brandui-icons !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  color: var(--ui-text);
}
.general-icon.icon-account::before {
  content: "\e900";
}
.general-icon.icon-add::before {
  content: "\e901";
}
.general-icon.icon-ai-sec-eng-icon::before {
  content: "\e983";
}
.general-icon.icon-ai-sparkles::before {
  content: "\e943";
}
.general-icon.icon-ambassadors::before {
  content: "\e944";
}
.general-icon.icon-api-web::before {
  content: "\e96c";
}
.general-icon.icon-apple-podcasts::before {
  content: "\e902";
}
.general-icon.icon-arrow-back::before {
  content: "\e903";
}
.general-icon.icon-arrow-down::before {
  content: "\e904";
}
.general-icon.icon-arrow-forward::before {
  content: "\e905";
}
.general-icon.icon-arrow-left::before {
  content: "\e903";
}
.general-icon.icon-arrow-right::before {
  content: "\e905";
}
.general-icon.icon-arrow-top-right::before {
  content: "\e906";
}
.general-icon.icon-arrow-up::before {
  content: "\e907";
}
.general-icon.icon-article::before {
  content: "\e908";
}
.general-icon.icon-attachment::before {
  content: "\e909";
}
.general-icon.icon-ballot::before {
  content: "\e90a";
}
.general-icon.icon-bio::before {
  content: "\e90b";
}
.general-icon.icon-bitbucket::before {
  content: "\e90c";
}
.general-icon.icon-blocks::before {
  content: "\e945";
}
.general-icon.icon-blog::before {
  content: "\e946";
}
.general-icon.icon-booklet::before {
  content: "\e947";
}
.general-icon.icon-brain::before {
  content: "\e948";
}
.general-icon.icon-briefcase::before {
  content: "\e949";
}
.general-icon.icon-bug::before {
  content: "\e974";
}
.general-icon.icon-build-code::before {
  content: "\e96d";
}
.general-icon.icon-byline::before {
  content: "\e90d";
}
.general-icon.icon-calendar-today::before {
  content: "\e90e";
}
.general-icon.icon-case-study::before {
  content: "\e90f";
}
.general-icon.icon-check::before {
  content: "\e910";
}
.general-icon.icon-check-circle::before {
  content: "\e912";
}
.general-icon.icon-check-shield::before {
  content: "\e93e";
}
.general-icon.icon-checkbox-hover::before {
  content: "\e94a";
}
.general-icon.icon-ci-cd::before {
  content: "\e984";
}
.general-icon.icon-chevron-down::before {
  content: "\e924";
}
.general-icon.icon-chevron-left::before {
  content: "\e913";
}
.general-icon.icon-chevron-right::before {
  content: "\e914";
}
.general-icon.icon-chevron-up::before {
  content: "\e915";
}
.general-icon.icon-close::before {
  content: "\e916";
}
.general-icon.icon-collapse::before {
  content: "\e917";
}
.general-icon.icon-compliance::before {
  content: "\e96e";
}
.general-icon.icon-contact::before {
  content: "\e94b";
}
.general-icon.icon-copy-link::before {
  content: "\e918";
}
.general-icon.icon-copy-to-clipboard::before {
  content: "\e919";
}
.general-icon.icon-customers::before {
  content: "\e94c";
}
.general-icon.icon-developer::before {
  content: "\e94d";
}
.general-icon.icon-discord::before {
  content: "\e93c";
}
.general-icon.icon-discord-bubble::before {
  content: "\e93d";
}
.general-icon.icon-east::before {
  content: "\e91a";
}
.general-icon.icon-ebook::before {
  content: "\e93f";
}
.general-icon.icon-eclipse::before {
  content: "\e94e";
}
.general-icon.icon-events::before {
  content: "\e94f";
}
.general-icon.icon-expand::before {
  content: "\e91b";
}
.general-icon.icon-facebook::before {
  content: "\e91c";
}
.general-icon.icon-facebook-circle::before {
  content: "\e91d";
}
.general-icon.icon-filter::before {
  content: "\e91e";
}
.general-icon.icon-fix::before {
  content: "\e96f";
}
.general-icon.icon-git-fork::before {
  content: "\e975";
}
.general-icon.icon-git-issue::before {
  content: "\e976";
}
.general-icon.icon-github::before {
  content: "\e91f";
}
.general-icon.icon-glassdoor::before {
  content: "\e920";
}
.general-icon.icon-glossary::before {
  content: "\e97e";
}
.general-icon.icon-google::before {
  content: "\e921";
}
.general-icon.icon-government::before {
  content: "\e950";
}
.general-icon.icon-grading::before {
  content: "\e940";
}
.general-icon.icon-hand-wave::before {
  content: "\e951";
}
.general-icon.icon-handbook::before {
  content: "\e952";
}
.general-icon.icon-headphones::before {
  content: "\e977";
}
.general-icon.icon-info-scan::before {
  content: "\e953";
}
.general-icon.icon-info-warning::before {
  content: "\e954";
}
.general-icon.icon-infographic::before {
  content: "\e970";
}
.general-icon.icon-insert-chart::before {
  content: "\e922";
}
.general-icon.icon-insert-drive-file::before {
  content: "\e923";
}
.general-icon.icon-instagram::before {
  content: "\e943";
}
.general-icon.icon-keyboard-arrow-down::before {
  content: "\e925";
}
.general-icon.icon-labs::before {
  content: "\e978";
}
.general-icon.icon-language::before {
  content: "\e926";
}
.general-icon.icon-leadership::before {
  content: "\e982";
}
.general-icon.icon-library::before {
  content: "\e955";
}
.general-icon.icon-light-bulb::before {
  content: "\e956";
}
.general-icon.icon-linkedin::before {
  content: "\e927";
}
.general-icon.icon-livestream::before {
  content: "\e928";
}
.general-icon.icon-location::before {
  content: "\e929";
}
.general-icon.icon-lock-heart::before {
  content: "\e957";
}
.general-icon.icon-mail-inbox::before {
  content: "\e979";
}
.general-icon.icon-mail-outline::before {
  content: "\e92a";
}
.general-icon.icon-menu::before {
  content: "\e92b";
}
.general-icon.icon-mic::before {
  content: "\e92c";
}
.general-icon.icon-monetization::before {
  content: "\e941";
}
.general-icon.icon-moon::before {
  content: "\e958";
}
.general-icon.icon-more-horizontal::before {
  content: "\e92d";
}
.general-icon.icon-newsroom::before {
  content: "\e959";
}
.general-icon.icon-npm::before {
  content: "\e92e";
}
.general-icon.icon-open-in-new::before {
  content: "\e92f";
}
.general-icon.icon-partners::before {
  content: "\e95a";
}
.general-icon.icon-pie-chart::before {
  content: "\e942";
}
.general-icon.icon-play-circle::before {
  content: "\e931";
}
.general-icon.icon-play::before {
  content: "\e930";
}
.general-icon.icon-podcast::before {
  content: "\e95b";
}
.general-icon.icon-press-release::before {
  content: "\e932";
}
.general-icon.icon-quote::before {
  content: "\e933";
}
.general-icon.icon-reddit::before {
  content: "\e973";
}
.general-icon.icon-remove::before {
  content: "\e934";
}
.general-icon.icon-risk::before {
  content: "\e971";
}
.general-icon.icon-risk-based-prioritization::before {
  content: "\e980";
}
.general-icon.icon-search::before {
  content: "\e935";
}
.general-icon.icon-secrets::before {
  content: "\e985";
}
.general-icon.icon-send-mail::before {
  content: "\e97a";
}
.general-icon.icon-services::before {
  content: "\e95c";
}
.general-icon.icon-shield::before {
  content: "\e95f";
}
.general-icon.icon-shield-ai::before {
  content: "\e97d";
}
.general-icon.icon-shield-chevron-up::before {
  content: "\e95d";
}
.general-icon.icon-shield-star::before {
  content: "\e95e";
}
.general-icon.icon-snyk-apprisk::before {
  content: "\e960";
}
.general-icon.icon-snyk-code::before {
  content: "\e961";
}
.general-icon.icon-snyk-container::before {
  content: "\e962";
}
.general-icon.icon-snyk-docs::before {
  content: "\e963";
}
.general-icon.icon-snyk-iac::before {
  content: "\e964";
}
.general-icon.icon-snyk-learn::before {
  content: "\e965";
}
.general-icon.icon-snyk-oss::before {
  content: "\e966";
}
.general-icon.icon-snyk-studio::before {
  content: "\e97f";
}
.general-icon.icon-snyk-support::before {
  content: "\e967";
}
.general-icon.icon-spotify::before {
  content: "\e936";
}
.general-icon.icon-star-outline::before {
  content: "\e97b";
}
.general-icon.icon-sun::before {
  content: "\e968";
}
.general-icon.icon-supply-chain::before {
  content: "\e969";
}
.general-icon.icon-time::before {
  content: "\e937";
}
.general-icon.icon-twitch::before {
  content: "\e938";
}
.general-icon.icon-twitter::before {
  content: "\e939";
}
.general-icon.icon-updates::before {
  content: "\e96a";
}
.general-icon.icon-videocam::before {
  content: "\e93a";
}
.general-icon.icon-vuln-db::before {
  content: "\e96b";
}
.general-icon.icon-vulnvortex::before {
  content: "\e972";
}
.general-icon.icon-workflows::before {
  content: "\e911";
}
.general-icon.icon-video-bubble::before {
  content: "\e981";
}
.general-icon.icon-x::before {
  content: "\e93b";
}
.general-icon.icon-youtube::before {
  content: "\e97c";
}

.icon-extra-small {
  font-size: 0.5rem;
}

.icon-small {
  font-size: 1rem;
}

.icon-medium {
  font-size: 1.5rem;
}

.icon-large {
  font-size: 2rem;
}

.icon-extra-large {
  font-size: 2.5rem;
}

.icon-huge {
  font-size: 5rem;
}

.tooltip-wrapper:has(> .tooltip > .info-tooltip-trigger) {
  border: none;
  border-radius: 0;
}

.info-tooltip-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-grey);
  border-radius: var(--radius-extra-large);
  height: var(--padding-medium);
  width: var(--padding-medium);
  color: var(--neutral-6);
  cursor: pointer;
}

.input {
  place-items: center left;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  display: inline-flex;
  padding: var(--padding-extra-small) var(--padding-small);
  position: relative;
  text-align: left;
  width: 100%;
  min-height: 3.125rem;
  outline: transparent solid 0.1875rem;
  transition: border-color var(--transition-fast);
  font-family: var(--txt-body-small-family);
  font-size: var(--txt-body-small-size);
  font-weight: var(--txt-body-small-weight);
  line-height: var(--txt-body-small-lh);
  letter-spacing: var(--txt-body-small-ls, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.input strong,
.input b {
  font-weight: 500;
}
.input {
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
  color: var(--ui-text);
}
.input::placeholder {
  color: var(--ui-text);
  opacity: 0.5;
}
.input:hover {
  border-color: var(--action);
}
.input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.input.danger {
  border-color: var(--fail);
  color: var(--fail);
}

.locale-selector {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: var(--radius-small);
  appearance: none;
  text-indent: 2rem;
  min-width: 11rem;
  isolation: isolate;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.locale-selector strong,
.locale-selector b {
  font-weight: 700;
}
.locale-selector {
  color: var(--ui-headline);
}
.locale-selector:hover {
  cursor: pointer;
  color: var(--action);
}
@media (max-width: 768px) {
  .locale-selector {
    padding: 0.75rem 1rem;
  }
}
@media (min-width: 769px) {
  .locale-selector {
    max-width: 0;
    background: transparent;
    padding: 0.75rem 2rem;
    opacity: 0;
    min-width: 3.25rem;
    text-indent: 0;
  }
  .locale-selector * {
    font-size: initial;
  }
}
.locale-selector-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--padding-slim);
  border-radius: var(--radius-small);
  transition: background-color var(--transition-fast);
  cursor: pointer;
}
.locale-selector-wrapper:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.locale-selector-wrapper:hover .locale-selector-display {
  color: var(--action);
}
.locale-selector-wrapper:hover .locale-selector-display > * {
  transition: color var(--transition-fast);
}
@media (max-width: 768px) {
  .locale-selector-wrapper {
    justify-content: start;
    background-color: color-mix(in srgb, var(--action), transparent 90%);
  }
  .locale-selector-wrapper::after {
    content: "\e925";
    font-family: brandui-icons;
    font-size: 1.5rem;
    margin-left: -2rem;
    padding-right: 1rem;
    position: absolute;
    right: 0;
    pointer-events: none;
  }
}
.locale-selector-display {
  display: flex;
  align-items: center;
  gap: var(--padding-slim);
  position: absolute;
  color: var(--ui-headline);
}
.locale-selector-display > * {
  transition: color var(--transition-fast);
}
.locale-selector-display::before {
  content: "\e926";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  transition: color var(--transition-fast);
}
.locale-selector-display-label {
  font-family: var(--txt-body-small-family), sans-serif;
  font-size: var(--txt-body-small-size);
  font-weight: 600;
  letter-spacing: 0.005em;
}
@media (max-width: 1024px) {
  .locale-selector-display-label {
    display: none;
  }
}
@media (max-width: 1024px) {
  .locale-selector-display {
    margin-left: var(--padding-small);
    pointer-events: none;
  }
}

.logo-container {
  width: 100%;
  min-height: 2rem;
  position: relative;
}
.logo-container img,
.logo-container svg {
  object-fit: contain;
  object-position: left;
}
.logo-container.centered img,
.logo-container.centered svg {
  object-position: center;
}
.logo-container .logo-default {
  display: none;
}
.logo-container .logo-dark {
  display: initial;
}
.logo-container:not(:has(.logo-dark)) {
  border-width: 0.125rem;
  border-style: solid;
  border-radius: var(--radius-small);
  backdrop-filter: blur(1.5rem);
  border-color: color-mix(in srgb, var(--default), transparent 30%);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.logo-container:not(:has(.logo-dark)) .logo-default {
  padding: var(--padding-slim);
  display: initial;
}

/* Brand logos >> logo-name: (light version, dark version, ratio) */
.product-logo {
  display: inline-block;
  height: 4rem;
  font-size: 4rem;
  position: relative;
  transition: transform var(--transition-fast);
  width: 4rem;
}
.product-logo::before {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.product-logo.logo-snyk-apprisk::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg");
}
.product-logo.logo-snyk-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg");
}
.product-logo.logo-snyk-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg");
}
.product-logo.logo-snyk-container::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg");
}
.product-logo.logo-snyk-deepcodeai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg");
}
.product-logo.logo-snyk-iac::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg");
}
.product-logo.logo-snyk-learn::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg");
}
.product-logo.logo-snyk-oss::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg");
}
.product-logo.logo-snyk-studio::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg");
}
.product-logo.logo-theme-solid.logo-snyk-apprisk {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-apprisk::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-container {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-container::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-deepcodeai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-deepcodeai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-iac {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-iac::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-learn {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-learn::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-oss {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-oss::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-studio {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-studio::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}

@media (max-width: 8640px) {
  .logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .logo-md, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo, .brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
@media (max-width: 1024px) {
  .tablet\:logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .tablet\:logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .tablet\:logo-md {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .tablet\:logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
@media (max-width: 768px) {
  .mobile\:logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .mobile\:logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .mobile\:logo-md {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .mobile\:logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  z-index: 999;
  animation: scroll-progress linear;
  animation-timeline: scroll(root);
  background-color: var(--action);
}
@media (prefers-reduced-motion) {
  .progress-bar {
    display: none;
    animation: none;
  }
}

@keyframes scroll-progress {
  to {
    width: 100%;
  }
}
.radios {
  display: flex;
}
.radios label {
  color: var(--ui-text);
}
.radios input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 1.5rem;
  padding-left: 2.313rem;
}
.radios input[type=radio] + label span {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.radios input[type=radio] + label::before, .radios input[type=radio] + label::after {
  transition: border-color var(--transition-fast), background-color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.radios input[type=radio] + label::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.875rem;
  position: absolute;
  top: -0.1875rem;
  left: 0;
  border-width: 0.125rem;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 50%;
  border-color: var(--ui-stroke);
  background-color: var(--ui-fill);
}
.radios input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  background-color: var(--action);
}
.radios input[type=radio] + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--action);
}
.radios input[type=radio] + label:hover::after {
  top: 0.1875rem;
}
.radios input[type=radio] + label.adjust {
  padding-left: 2.375rem;
}
.radios input[type=radio] + label.adjust::before {
  top: -0.0625rem;
}
.radios input[type=radio] + label.adjust::after {
  top: 0.313rem;
}
.radios input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.radios input[type=radio]:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radios input[type=radio]:checked + label::after {
  transform: scale(1);
  opacity: 1;
}
.radios input[type=radio]:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radios.danger label {
  color: var(--fail);
}
.radios.danger input[type=radio] + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--fail);
}
.radios.danger input[type=radio] + label::after {
  background-color: var(--fail);
}
.radios.danger input[type=radio] + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--fail);
}
.radios.danger input[type=radio]:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}

.radio + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 1.875rem;
  margin-right: var(--padding-extra-large);
}
.radio + label span {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.radio + label::before, .radio + label::after {
  transition: border-color var(--transition-fast), background-color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.radio + label::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.875rem;
  position: absolute;
  top: -0.1875rem;
  left: 0;
  border-width: 0.125rem;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.radio + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  background-color: var(--action);
}
.radio + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--action);
}
.radio + label:hover::after {
  top: 0.1875rem;
}
.radio + label.adjust {
  padding-left: 2.375rem;
}
.radio + label.adjust::before {
  top: -0.0625rem;
}
.radio + label.adjust::after {
  top: 0.313rem;
}

.radio {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.radio:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radio:checked + label::after {
  transform: scale(1);
  opacity: 1;
}
.radio:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radio.danger label {
  color: var(--fail);
}
.radio.danger + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}
.radio.danger + label::after {
  background-color: var(--fail);
}
.radio.danger + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--fail);
}
.radio.danger:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}
.radio.danger:checked + label::after {
  background-color: var(--fail);
}
.radio.danger:checked + label:hover::before {
  border: 0.125rem solid var(--fail);
}
.radio.danger:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}

.brandui-ribbon {
  z-index: 100;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  width: 9.375rem;
  height: 9.375rem;
}
.brandui-ribbon::before, .brandui-ribbon::after {
  z-index: -1;
  border-style: solid;
  border-width: 0.315rem;
  position: absolute;
  display: block;
  content: "";
  border-color: var(--ui-soft);
}
.brandui-ribbon span {
  display: block;
  position: absolute;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--padding-extra-small) var(--padding-extra-large) var(--padding-extra-small) 1.875rem;
  width: 14.063rem;
  font-family: var(--txt-mini-header-small-family);
  font-size: var(--txt-mini-header-small-size);
  font-weight: var(--txt-mini-header-small-weight);
  line-height: var(--txt-mini-header-small-lh);
  letter-spacing: var(--txt-mini-header-small-ls, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
}
.brandui-ribbon.top-left span, .brandui-ribbon.bottom-right span {
  transform: rotate(-45deg);
}
.brandui-ribbon.top-right span, .brandui-ribbon.bottom-left span {
  transform: rotate(45deg);
}
.brandui-ribbon.top-left {
  top: -0.625rem;
  left: -0.625rem;
}
.brandui-ribbon.top-left::before, .brandui-ribbon.top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.brandui-ribbon.top-left::before {
  top: 0;
  right: 0;
}
.brandui-ribbon.top-left::after {
  bottom: 0;
  left: 0;
}
.brandui-ribbon.top-left span {
  right: -1.813rem;
  top: 2.25rem;
}
.brandui-ribbon.top-right {
  top: -0.625rem;
  right: -0.625rem;
}
.brandui-ribbon.top-right::before, .brandui-ribbon.top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.brandui-ribbon.top-right::before {
  top: 0;
  left: 0;
}
.brandui-ribbon.top-right::after {
  bottom: 0;
  right: 0;
}
.brandui-ribbon.top-right span {
  padding-left: 3.75rem;
  left: -1.813rem;
  top: 2.25rem;
}
.brandui-ribbon.bottom-left {
  bottom: -0.625rem;
  left: -0.625rem;
}
.brandui-ribbon.bottom-left::before, .brandui-ribbon.bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.brandui-ribbon.bottom-left::before {
  bottom: 0;
  right: 0;
}
.brandui-ribbon.bottom-left::after {
  top: 0;
  left: 0;
}
.brandui-ribbon.bottom-left span {
  right: -1.813rem;
  bottom: 2.25rem;
}
.brandui-ribbon.bottom-right {
  bottom: -0.625rem;
  right: -0.625rem;
}
.brandui-ribbon.bottom-right::before, .brandui-ribbon.bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.brandui-ribbon.bottom-right::before {
  bottom: 0;
  left: 0;
}
.brandui-ribbon.bottom-right::after {
  top: 0;
  right: 0;
}
.brandui-ribbon.bottom-right span {
  padding-left: 3.75rem;
  left: -1.813rem;
  bottom: 2.25rem;
}

.slider {
  --slider-color: var(--color-violet);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.slider .slider-track-wrapper {
  position: relative;
}
.slider input[type=range] {
  appearance: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  width: 100%;
  height: 0.75rem;
  background: linear-gradient(to right, var(--slider-color) 0%, var(--slider-color) var(--slider-progress), var(--ui-fill) var(--slider-progress), var(--ui-fill) 100%);
}
.slider input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: var(--radius-extra-large);
  height: var(--radius-extra-large);
  border-radius: var(--radius-full);
  background: var(--neutral-6);
  transition: transform var(--transition-fast);
  cursor: pointer;
}
.slider input[type=range]::-moz-range-thumb {
  appearance: none;
  width: var(--radius-extra-large);
  height: var(--radius-extra-large);
  border-radius: var(--radius-full);
  background: var(--neutral-6);
  transition: transform var(--transition-fast);
  cursor: pointer;
}
.slider input[type=range]:focus-visible {
  outline: var(--action-outline) solid 0.1875rem;
  outline-offset: var(--padding-slim);
  border-radius: var(--radius-pill);
}
.slider input[type=range]:disabled {
  cursor: not-allowed;
}
.slider .slider-tooltip {
  --tooltip-fill: var(--slider-color);
  --tooltip-foreground: var(--slider-contrast);
  top: 0;
  width: 0;
  pointer-events: none;
}
.slider .slider-tooltip::after {
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.slider .slider-tooltip::after strong,
.slider .slider-tooltip::after b {
  font-weight: 500;
}
.slider .slider-tooltip::after {
  padding: var(--padding-slim) var(--padding-extra-small);
}
.slider .slider-track-wrapper:hover .slider-tooltip::before,
.slider .slider-track-wrapper:focus-within .slider-tooltip::before {
  opacity: 1;
  transform: translate(-50%, var(--tooltip-gap));
}
.slider .slider-track-wrapper:hover .slider-tooltip::after,
.slider .slider-track-wrapper:focus-within .slider-tooltip::after {
  opacity: 1;
  transform: translate(-50%, calc(100% + var(--tooltip-gap))) scale(1);
}
.slider .slider-ticks {
  position: relative;
  width: 100%;
  height: 1.5rem;
  margin-top: var(--padding-slim);
}
.slider .slider-tick {
  position: absolute;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--padding-slim);
  opacity: 0.5;
}
.slider .slider-tick-mark {
  display: block;
  width: 1px;
  height: 0.375rem;
  background: var(--ui-stroke);
}
.slider .slider-tick-label {
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.slider .slider-tick-label strong,
.slider .slider-tick-label b {
  font-weight: 500;
}
.slider .slider-tick-label {
  font-family: var(--txt-code-family);
  line-height: 1;
  color: var(--ui-stroke);
}
.slider.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.slider.tertiary {
  --slider-color: var(--action-tertiary);
  --slider-contrast: var(--action-tertiary-contrast);
}

.slider-label-container {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}

.snyk-logo {
  height: auto;
  position: relative;
  transition: transform var(--transition-fast);
}
.snyk-logo::before {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.snyk-logo::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.snyk-logo.logo-default::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-dark.svg");
}
.snyk-logo.logo-default::after {
  content: "";
  padding-bottom: 52%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-default-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-solid-dark.svg");
}
.snyk-logo.logo-default-solid::after {
  content: "";
  padding-bottom: 52%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-dark.svg");
}
.snyk-logo.logo-icon::after {
  content: "";
  padding-bottom: 62%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-solid-dark.svg");
}
.snyk-logo.logo-icon-solid::after {
  content: "";
  padding-bottom: 62%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-vertical::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-dark.svg");
}
.snyk-logo.logo-vertical::after {
  content: "";
  padding-bottom: 77%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-vertical-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-solid-dark.svg");
}
.snyk-logo.logo-vertical-solid::after {
  content: "";
  padding-bottom: 77%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-wordmark::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/wordmark-dark.svg");
}
.snyk-logo.logo-wordmark::after {
  content: "";
  padding-bottom: 58%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-security-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/security-labs-solid-dark.svg");
}
.snyk-logo.logo-security-labs-solid::after {
  content: "";
  padding-bottom: 24%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon-security-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-security-labs-solid-dark.svg");
}
.snyk-logo.logo-icon-security-labs-solid::after {
  content: "";
  padding-bottom: 24%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-solid-dark.svg");
}
.snyk-logo.logo-labs-solid::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-evo-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-dark-mode.svg");
}
.snyk-logo.logo-evo-solid::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-mono::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-dark.svg");
}
.snyk-logo.logo-labs-mono::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-mono-reverse::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-light.svg");
}
.snyk-logo.logo-labs-mono-reverse::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}

.stamp {
  max-width: max-content;
  max-height: max-content;
  padding-right: var(--padding-small);
  padding-left: var(--padding-small);
  border-radius: var(--radius-medium);
  border-width: 0.0625rem;
  border-style: solid;
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.stamp strong,
.stamp b {
  font-weight: 500;
}
.stamp {
  border-color: var(--ui-stroke);
  color: var(--ui-text);
}

.switch {
  cursor: pointer;
  display: inline-block;
}
.switch .switch-toggle {
  background: color-mix(in srgb, var(--ui-soft), transparent 80%);
  border-radius: var(--radius-large);
  display: inline-block;
  height: 0.625rem;
  position: relative;
  transform: translateY(-0.125rem);
  transition: var(--transition-fast);
  vertical-align: middle;
  width: 2.125rem;
}
.switch .switch-toggle::before {
  font-family: brandui-icons;
  content: attr(data-icon-default);
  transition: left var(--transition-fast);
  background: var(--ui-soft);
  border-radius: 50%;
  box-shadow: var(--shadow-near);
  outline: transparent solid 0.1875rem;
  display: block;
  height: 1.25rem;
  left: -0.1875rem;
  position: absolute;
  top: -0.313rem;
  width: 1.25rem;
}
.switch.toggle .switch-toggle {
  background: color-mix(in srgb, var(--action), transparent 80%);
}
.switch.toggle .switch-toggle::before {
  background: var(--action);
}
.switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.switch input[type=checkbox]:checked + .switch-toggle {
  background: color-mix(in srgb, var(--action), transparent 80%);
}
.switch input[type=checkbox]:checked + .switch-toggle::before {
  background: var(--action);
  left: 1.063rem;
}
.switch input[type=checkbox]:focus + .switch-toggle::before {
  outline: var(--action-outline) solid 0.1875rem;
}
.switch.reverse {
  transform: rotate(180deg);
}
.switch.alt .switch-toggle {
  background: var(--ui-soft);
  border-radius: 1.25rem;
  width: max-content;
  min-width: 4rem;
  height: 1.75rem;
  padding: 0.25rem;
}
.switch.alt .switch-toggle::before {
  background: var(--ui-fill);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.25rem;
  top: 0.25rem;
}
.switch.alt .switch-toggle .switch-labels {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: var(--padding-extra-small);
  padding-left: var(--padding-extra-small);
  color: var(--ui-fill);
  pointer-events: none;
  user-select: none;
  height: 1.25rem;
  width: max-content;
  overflow: hidden;
  box-sizing: border-box;
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.switch.alt .switch-toggle .switch-labels strong,
.switch.alt .switch-toggle .switch-labels b {
  font-weight: 500;
}
.switch.alt .switch-toggle .switch-labels > * {
  display: block;
  position: relative;
  transition: opacity var(--transition-fast), width var(--transition-fast);
  width: max-content;
  z-index: 0;
}
.switch.alt .switch-toggle .switch-labels > *:first-child {
  opacity: 0;
  width: 1.25rem;
}
.switch.alt .switch-toggle .switch-labels > *:last-child {
  opacity: 1;
  width: max-content;
}
.switch.alt.toggle .switch-toggle {
  background: var(--action);
}
.switch.alt.toggle .switch-toggle::before {
  background: var(--ui-fill);
  color: var(--action);
}
.switch.alt.adjust .switch-toggle {
  height: 1.75rem;
}
.switch.alt input[type=checkbox]:checked + .switch-toggle {
  background: var(--action);
}
.switch.alt input[type=checkbox]:checked + .switch-toggle::before {
  background: var(--ui-fill);
  color: var(--action);
  content: attr(data-icon-active);
  left: calc(100% - 1.5rem);
}
.switch.alt input[type=checkbox]:checked + .switch-toggle .switch-labels > *:first-child {
  opacity: 1;
  width: max-content;
}
.switch.alt input[type=checkbox]:checked + .switch-toggle .switch-labels > *:last-child {
  opacity: 0;
  width: 1.25rem;
}

.toggle-switch input[role=switch] {
  opacity: 0;
  position: absolute;
  top: -9999999px;
  left: -9999999px;
}
.toggle-switch input[role=switch] ~ .switch-state {
  display: flex;
  user-select: none;
  position: relative;
  border-radius: 1.25rem;
  width: max-content;
  padding: 0.25rem;
  min-width: 4rem;
  height: 1.75rem;
  outline: transparent solid 0.1875rem;
  background: var(--neutral-3);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label {
  display: block;
  place-self: center end;
  padding-inline: 1.75rem 0.5rem;
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label strong,
.toggle-switch input[role=switch] ~ .switch-state .switch-label b {
  font-weight: 500;
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label {
  color: var(--default);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label.active {
  color: var(--ui-fill);
}
.toggle-switch input[role=switch] ~ .switch-state::before {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.25rem;
  top: 0.25rem;
  background: var(--ui-fill);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-container .switch-position {
  position: absolute;
  right: 100%;
  left: 0;
  top: 50%;
  transform: translate(5px, -50%);
  display: inline-block;
  border: 2px solid white;
  border-radius: 2rem;
  width: 1.25rem;
  height: 1.25rem;
  background: white;
  transition: 0.2s ease-in-out;
}
.toggle-switch input[role=switch]:focus ~ .switch-state {
  outline: var(--action-outline) solid 0.1875rem;
}
.toggle-switch input[role=switch]:checked ~ .switch-state {
  background: var(--action);
}
.toggle-switch input[role=switch]:checked ~ .switch-state .switch-label {
  justify-self: start;
  padding-inline: 0.5rem 1.75rem;
}
.toggle-switch input[role=switch]:checked ~ .switch-state .switch-container .switch-position {
  right: 0;
  left: 100%;
  transform: translate(calc(-100% - 5px), -50%);
}
.toggle-switch :hover {
  cursor: pointer;
}

.tabs {
  max-width: max-content;
  width: 100%;
  margin: 0 auto var(--spacing-small) auto;
  padding: var(--padding-extra-small);
  display: flex;
  gap: var(--padding-medium);
  border-radius: var(--radius-small);
  border-width: 1px;
  border-style: solid;
  cursor: default;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  border-color: color-mix(in srgb, var(--ui-subtle), transparent 70%);
}
.tabs-body {
  display: flex;
  min-height: var(--spacing-huge);
}
.tabs-slim {
  padding: var(--padding-slim);
  gap: var(--padding-slim);
  background-color: var(--color-dark-grey);
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
}
.tabs-slim .tab-label-content {
  display: inline-flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.tabs-slim .tab-tag {
  font-family: var(--txt-body-small-family);
  font-size: var(--txt-body-small-size);
  font-weight: var(--txt-body-small-weight);
  line-height: var(--txt-body-small-lh);
  letter-spacing: var(--txt-body-small-ls, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.tabs-slim .tab-tag strong,
.tabs-slim .tab-tag b {
  font-weight: 500;
}
.tabs-slim .tab-tag {
  background-color: var(--color-violet);
  color: var(--neutral-6);
  border-radius: var(--radius-small);
  padding: 0 var(--padding-extra-small);
}
.tabs-slim .tab .tab-label {
  font-family: var(--txt-body-lead-family);
  font-size: var(--txt-body-lead-size);
  font-weight: var(--txt-body-lead-weight);
  line-height: var(--txt-body-lead-lh);
  letter-spacing: var(--txt-body-lead-ls, normal);
  text-transform: var(--txt-body-lead-tt, none);
}
.tabs .tab {
  border: 0.0625rem solid transparent;
  border-radius: var(--radius-extra-small);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  align-items: center;
  justify-content: center;
  min-width: max-content;
  outline: transparent solid 0.1875rem;
  padding: var(--padding-extra-small) var(--padding-small);
  text-align: center;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  user-select: none;
  -webkit-text-stroke: 0.06ex transparent;
  font-weight: 700;
  scroll-snap-align: center;
}
.tabs .tab-label {
  font-family: var(--txt-body-lead-bold-family);
  font-size: var(--txt-body-lead-bold-size);
  font-weight: var(--txt-body-lead-bold-weight);
  line-height: var(--txt-body-lead-bold-lh);
  letter-spacing: var(--txt-body-lead-bold-ls, normal);
  text-transform: var(--txt-body-lead-bold-tt, none);
  color: var(--action);
}
.tabs .tab-subtext {
  font-family: var(--txt-body-family);
  font-size: var(--txt-body-size);
  font-weight: var(--txt-body-weight);
  line-height: var(--txt-body-lh);
  letter-spacing: var(--txt-body-ls, normal);
  text-transform: var(--txt-body-tt, none);
}
.tabs .tab-subtext strong,
.tabs .tab-subtext b {
  font-weight: 700;
}
.tabs .tab-subtext {
  color: var(--ui-body);
}
.tabs .tab:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.tabs .tab.active {
  pointer-events: none;
  background-color: var(--action);
  border-color: var(--neutral-6);
}
.tabs .tab.active .tab-label,
.tabs .tab.active .tab-subtext {
  color: var(--action-contrast);
}
.tabs .tab:focus {
  outline: var(--action-outline) solid 0.1875rem;
}

.hide-tab {
  display: none;
}

@media (min-width: 1025px) {
  .slide-in-left {
    animation-name: slide-in-left;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    overflow-x: hidden;
  }
}
@media (prefers-reduced-motion) {
  .slide-in-left {
    animation: none;
  }
}

@media (min-width: 1025px) {
  .slide-in-right {
    animation-name: slide-in-right;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }
}
@media (prefers-reduced-motion) {
  .slide-in-right {
    animation: none;
  }
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-5rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(5rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.tags {
  display: flex;
  gap: var(--padding-small);
  flex-wrap: wrap;
}

.tag {
  padding: var(--padding-slim) var(--padding-extra-small);
  font-weight: 500;
  font-family: var(--txt-body-family), sans-serif;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  color: var(--ui-body);
  border-color: var(--ui-stroke);
}

a.tag {
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast);
  outline-color: transparent;
  color: var(--action);
}
a.tag:hover {
  color: var(--action-tertiary);
  border-color: var(--action-tertiary);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
a.tag:focus {
  outline: var(--action-outline) solid 0.1875rem;
}

.toggle-accordion {
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-accordion::after {
  content: "\e91b";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-accordion:hover, .toggle-accordion:focus-within, .toggle-accordion.open {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-accordion.open::after {
  content: "\e916";
}

.toggle-filter {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  width: max-content;
  transition: var(--transition-fast);
  cursor: pointer;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.toggle-filter strong,
.toggle-filter b {
  font-weight: 700;
}
.toggle-filter {
  color: var(--action);
}
.toggle-filter * {
  transition: var(--transition-fast);
}
.toggle-filter::before {
  content: "\e91e";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 600;
}
.toggle-filter.open::before {
  content: "\e916";
}
.toggle-filter:hover, .toggle-filter:focus-within, .toggle-filter.open {
  color: var(--action-tertiary);
}

.toggle-menu {
  display: none;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-menu::after {
  content: "\e92b";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-menu:hover, .toggle-menu:focus-within, .toggle-menu.open {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-menu.open::after {
  content: "\e916";
}
@media (max-width: 1024px) {
  .toggle-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.trigger-nav {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  transition: var(--transition-fast);
  cursor: pointer;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.trigger-nav strong,
.trigger-nav b {
  font-weight: 700;
}
.trigger-nav {
  color: var(--action);
}
.trigger-nav-prev::before {
  content: "\e903";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.trigger-nav-next::after {
  content: "\e905";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.trigger-nav:hover::before, .trigger-nav:focus-within::before, .trigger-nav.open::before {
  color: var(--action-contrast);
  background-color: var(--action);
}
.trigger-nav:hover::after, .trigger-nav:focus-within::after, .trigger-nav.open::after {
  color: var(--action-contrast);
  background-color: var(--action);
}

.toggle-play {
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: var(--ui-fill);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-play-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.toggle-play-wrapper:hover .toggle-play, .toggle-play-wrapper:focus-within .toggle-play {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-play-overlay {
  background-color: color-mix(in srgb, var(--ui-surface), transparent 30%);
}
.toggle-play::after {
  content: "\e930";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-play:hover, .toggle-play:focus-within, .toggle-play.open {
  color: var(--action-contrast);
  background-color: var(--action);
}

.tooltip-wrapper + .tooltip-wrapper {
  margin-top: 0.625rem;
  z-index: 500;
}

.tooltip-wrapper {
  width: fit-content;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  border-color: var(--action);
}

.tooltip {
  --tooltip-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --tooltip-duration: 0.2s;
  --tooltip-arrow-size: 0.313rem;
  --tooltip-gap: 0.625rem;
  --tooltip-fill: var(--ui-fill);
  --tooltip-foreground: var(--ui-headline);
  position: relative;
}
.tooltip::before {
  position: absolute;
  content: " ";
  border: var(--tooltip-arrow-size) solid transparent;
  z-index: 500;
  opacity: 0;
  transition: opacity var(--tooltip-duration) var(--tooltip-ease), transform var(--tooltip-duration) var(--tooltip-ease);
  pointer-events: none;
}
.tooltip::after {
  display: flex;
  place-items: center center;
  content: attr(data-tooltip-text);
  width: max-content;
  max-width: 11.25rem;
  height: auto;
  max-height: max-content;
  border-radius: 0.1875rem;
  position: absolute;
  text-align: center;
  z-index: 1000;
  opacity: 0;
  transition: opacity var(--tooltip-duration) var(--tooltip-ease), transform var(--tooltip-duration) var(--tooltip-ease);
  pointer-events: none;
  padding: 0.375rem 0.625rem;
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.tooltip::after strong,
.tooltip::after b {
  font-weight: 500;
}
.tooltip::after {
  color: var(--tooltip-foreground);
  background-color: var(--tooltip-fill);
}
.tooltip:hover, .tooltip:focus {
  opacity: 1;
}
.tooltip:hover::before, .tooltip:hover::after, .tooltip:focus::before, .tooltip:focus::after {
  opacity: 1;
}
.tooltip[data-tooltip-instant]::before, .tooltip[data-tooltip-instant]::after {
  --tooltip-duration: 0s;
}
@media (prefers-reduced-motion) {
  .tooltip::before, .tooltip::after {
    transition: opacity var(--tooltip-duration) var(--tooltip-ease);
  }
}
.tooltip.t-top::before {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-1 * var(--tooltip-arrow-size)));
  border-top-color: var(--tooltip-fill);
}
.tooltip.t-top::after {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%) scale(0.97);
  transform-origin: bottom center;
}
.tooltip.t-top:hover::before, .tooltip.t-top:focus::before {
  transform: translate(-50%, calc(-1 * var(--tooltip-gap)));
}
.tooltip.t-top:hover::after, .tooltip.t-top:focus::after {
  transform: translate(-50%, calc(-100% - var(--tooltip-gap))) scale(1);
}
.tooltip.t-left::before {
  top: 0;
  left: 0;
  transform: translate(calc(-1 * var(--tooltip-arrow-size)));
  border-left-color: var(--tooltip-fill);
}
.tooltip.t-left::after {
  top: 0;
  left: 0;
  transform: scale(0.97);
  transform-origin: right center;
}
.tooltip.t-left:hover::before, .tooltip.t-left:focus::before {
  transform: translate(calc(-1 * var(--tooltip-gap)));
}
.tooltip.t-left:hover::after, .tooltip.t-left:focus::after {
  transform: translate(calc(-100% - var(--tooltip-gap))) scale(1);
}
.tooltip.t-right::before {
  top: 0;
  right: 0;
  transform: translate(var(--tooltip-arrow-size));
  border-right-color: var(--tooltip-fill);
}
.tooltip.t-right::after {
  top: 0;
  right: 0;
  transform: translate(calc(100% + var(--tooltip-arrow-size))) scale(0.97);
  transform-origin: left center;
}
.tooltip.t-right:hover::before, .tooltip.t-right:focus::before {
  transform: translate(var(--tooltip-gap));
}
.tooltip.t-right:hover::after, .tooltip.t-right:focus::after {
  transform: translate(calc(100% + var(--tooltip-gap))) scale(1);
}
.tooltip.t-bottom::before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom-color: var(--tooltip-fill);
}
.tooltip.t-bottom::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) scale(0.97);
  transform-origin: top center;
}
.tooltip.t-bottom:hover::before, .tooltip.t-bottom:focus::before {
  transform: translate(-50%, calc(100% + var(--tooltip-gap)));
}
.tooltip.t-bottom:hover::after, .tooltip.t-bottom:focus::after {
  transform: translate(-50%, calc(100% + var(--tooltip-gap))) scale(1);
}

@media (width <= 1440px) {
  .tooltip-overflow .tooltip.t-top::before {
    transform: translate(-50%, calc(-1 * var(--tooltip-gap)));
  }
  .tooltip-overflow .tooltip.t-top::after {
    transform: translate(-90%, calc(-100% - var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-top:hover::after, .tooltip-overflow .tooltip.t-top:focus::after {
    transform: translate(-90%, calc(-100% - var(--tooltip-gap))) scale(1);
  }
  .tooltip-overflow .tooltip.t-bottom::before {
    transform: translate(-50%, var(--tooltip-gap));
  }
  .tooltip-overflow .tooltip.t-bottom::after {
    transform: translate(-90%, calc(100% + var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-bottom:hover::after, .tooltip-overflow .tooltip.t-bottom:focus::after {
    transform: translate(-90%, calc(100% + var(--tooltip-gap))) scale(1);
  }
  .tooltip-overflow .tooltip.t-right::before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-left-color: var(--tooltip-fill);
    transform: translate(-60%);
  }
  .tooltip-overflow .tooltip.t-right::after {
    top: 0;
    left: 0;
    transform: translate(calc(-100% - var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-right:hover::before, .tooltip-overflow .tooltip.t-right:focus::before {
    transform: translate(-60%);
  }
  .tooltip-overflow .tooltip.t-right:hover::after, .tooltip-overflow .tooltip.t-right:focus::after {
    top: 0;
    left: 0;
    transform: translate(calc(-100% - var(--tooltip-gap))) scale(1);
  }
}

.accordion-label {
  padding: var(--padding-small);
  border-radius: var(--radius-small);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.accordion-label strong,
.accordion-label b {
  font-weight: 700;
}
.accordion-label {
  color: var(--ui-headline);
}
.accordion-label * {
  transition: var(--transition-fast);
}
.accordion-label:not(.slim):hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.accordion-label::before {
  content: "\e901";
  font-family: brandui-icons;
  font-weight: 500;
  color: var(--action);
}
.accordion-label.slim {
  padding: 0;
}
.accordion-label.slim:hover {
  color: var(--action);
}
.accordion-content {
  display: none;
  padding: var(--padding-small);
}
.accordion-content.open {
  display: block;
}
.accordion-link-list {
  padding-left: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  list-style: none;
}
.accordion-link {
  text-decoration: none;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.accordion-link strong,
.accordion-link b {
  font-weight: 700;
}
.accordion-link {
  color: var(--ui-body);
}
.accordion-link:hover {
  color: var(--action);
}
.accordion-link.active {
  color: var(--action);
}
.accordion.open .accordion-label:not(.slim) {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.accordion.open .accordion-label.slim {
  color: var(--action);
}
.accordion.open .accordion-label::before {
  content: "\e934";
}
.accordion.open .accordion-content {
  display: block;
}

.agenda {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.agenda-items {
  max-width: calc(1440px / 12 * 4);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
}
@media (max-width: 768px) {
  .agenda-items {
    margin: 0;
  }
}
.agenda-items.items-hide {
  display: none;
}
.agenda-item {
  display: flex;
  gap: var(--padding-extra-large);
}
.agenda-item-datetime {
  max-width: 100%;
  width: calc(1440px / 12 * 3);
  height: fit-content;
  padding: var(--padding-extra-small) var(--padding-slim);
  text-align: center;
  border-radius: var(--radius-medium);
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.agenda-item-datetime strong,
.agenda-item-datetime b {
  font-weight: 500;
}
@media (max-width: 768px) {
  .agenda-item-datetime {
    width: calc(1440px / 12 * 12);
  }
}
.agenda-item-content {
  max-width: 100%;
  width: calc(1440px / 12 * 9);
}
@media (max-width: 768px) {
  .agenda-item-content {
    width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 768px) {
  .agenda-item {
    flex-direction: column;
    gap: var(--padding-small);
  }
}

.decoration-bg {
  pointer-events: none;
}
.decoration-bg.dot-wave {
  position: absolute;
  inset: 0;
  background-size: contain;
  mix-blend-mode: screen;
  z-index: -1;
  padding-bottom: 28rem;
}
.decoration-bg.dot-wave-1 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave.svg") center no-repeat;
}
.decoration-bg.dot-wave-1.dot-wave-center-right {
  top: 20rem;
  right: -50rem;
  scale: 1;
  transform: rotateY(180deg);
}
.decoration-bg.dot-wave-1.dot-wave-center-middle {
  top: 33rem;
  right: -2rem;
  scale: 1.25;
  transform: rotateY(180deg);
}
.decoration-bg.dot-wave-2 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave-2.svg") center no-repeat;
}
.decoration-bg.dot-wave-3 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave-3.svg") center no-repeat;
}
.decoration-bg.dot-wave-3.dot-wave-bottom-right {
  bottom: -10rem;
  right: -40rem;
  transform: rotate(180deg);
}
.decoration-bg.dot-wave-top-right {
  top: 0;
  right: -40rem;
}
.decoration-bg.dot-wave-top-right-high {
  top: -75rem;
  right: -60rem;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .decoration-bg.dot-wave-top-right-high {
    top: -60rem;
    right: -13rem;
  }
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-right-high {
    top: -40rem;
    right: -10rem;
  }
}
.decoration-bg.dot-wave-bottom-right {
  bottom: -10rem;
  right: -40rem;
}
.decoration-bg.dot-wave-top-left {
  top: -20rem;
  left: -50rem;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-left {
    top: -30rem;
  }
}
.decoration-bg.dot-wave-top-left-high {
  top: -75rem;
  left: -60rem;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .decoration-bg.dot-wave-top-left-high {
    top: -60rem;
    left: -13rem;
  }
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-left-high {
    top: -40rem;
    left: -10rem;
  }
}
.decoration-bg.dot-wave-bottom-left {
  bottom: -5rem;
  left: -40rem;
}
.decoration-bg.dot-wave-center-right {
  top: 30rem;
  right: -26rem;
}

.card, .glossary-nav, .feature-cta-card, .basic-cta, .alert {
  display: flex;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-width: var(--padding-hairline);
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--ui-fill), transparent 20%);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.card-wrapper {
  position: relative;
}
.card-banner {
  overflow: hidden;
  border-radius: var(--radius-extra-small) var(--radius-extra-small) 0 0;
}
.card-headshot {
  aspect-ratio: 1/1;
}
.card-body {
  padding: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  flex-grow: 1;
}
.card.spotlight, .spotlight.glossary-nav, .spotlight.feature-cta-card, .spotlight.basic-cta, .spotlight.alert {
  box-shadow: none;
}
.card .bio-trigger, .glossary-nav .bio-trigger, .feature-cta-card .bio-trigger, .basic-cta .bio-trigger, .alert .bio-trigger {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  cursor: pointer;
  margin-left: auto;
  outline: none;
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  color: var(--action);
}
.card .bio-trigger:hover, .glossary-nav .bio-trigger:hover, .feature-cta-card .bio-trigger:hover, .basic-cta .bio-trigger:hover, .alert .bio-trigger:hover {
  color: var(--action-tertiary);
}
.card .bio-trigger:focus, .glossary-nav .bio-trigger:focus, .feature-cta-card .bio-trigger:focus, .basic-cta .bio-trigger:focus, .alert .bio-trigger:focus {
  color: var(--action);
  outline: 2px solid var(--action);
  outline-offset: 2px;
}

.card-decorated, .body-cta {
  position: relative;
  padding: var(--padding-huge);
  max-width: calc(1440px / 12 * 12);
  border-radius: var(--radius-small);
  overflow: hidden;
  box-shadow: var(--shadow-far);
  background-color: color-mix(in srgb, var(--ui-fill), transparent 20%);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.card-decorated > *, .body-cta > * {
  position: relative;
  z-index: 2;
}
.card-decorated::before, .body-cta::before {
  background: linear-gradient(90deg, var(--ui-accent), var(--ui-surface));
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: var(--radius-small);
}
@media (max-width: 768px) {
  .card-decorated::before, .body-cta::before {
    margin: 0;
  }
}
.card-decorated::after, .body-cta::after {
  content: "";
  z-index: 0;
  position: absolute;
  inset: 2px;
  border-radius: var(--radius-small);
  background-color: var(--ui-fill);
}
@media (max-width: 768px) {
  .card-decorated::after, .body-cta::after {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .card-decorated, .body-cta {
    padding: var(--padding-large);
  }
}

.alert {
  padding: var(--padding-medium);
  position: relative;
  border-color: var(--info);
}
.alert-body {
  display: flex;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .alert-body {
    flex-direction: column;
  }
}
.alert-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.alert.alert-success {
  border-color: var(--success);
}
.alert.alert-success .button.tertiary {
  color: var(--success);
}
.alert.alert-warning {
  border-color: var(--warning);
}
.alert.alert-warning .button.tertiary {
  color: var(--warning);
}
.alert.alert-fail {
  border-color: var(--fail);
}
.alert.alert-fail .button.tertiary {
  color: var(--fail);
}
.alert.alert .button:hover, .alert.alert .button:focus {
  color: var(--action);
}

.alert-accordion .accordion-label {
  padding: var(--padding-extra-small) 0;
}
.alert-accordion .accordion-label:not(.slim):hover {
  background-color: transparent;
  color: var(--action);
}
.alert-accordion .accordion-content {
  padding: 0;
  padding-top: var(--padding-extra-small);
}
.alert-accordion .accordion-content.open {
  overflow: visible;
}

.link-stretched, .list-item a.list-item-label, .announcement-link,
.button.link-stretched {
  position: unset;
}
.link-stretched::before, .list-item a.list-item-label::before, .announcement-link::before,
.button.link-stretched::before {
  content: "";
  position: absolute;
  inset: 0;
}

.link:not(.button), .footer-cta-signup-links a:not(.button),
.jumplink:not(.button) {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
  color: var(--action);
}
.link:not(.button).default, .footer-cta-signup-links a:not(.button).default,
.jumplink:not(.button).default {
  color: var(--action);
}
.link:not(.button).default:hover, .footer-cta-signup-links a:not(.button).default:hover, .link:not(.button).default:focus, .footer-cta-signup-links a:not(.button).default:focus,
.jumplink:not(.button).default:hover,
.jumplink:not(.button).default:focus {
  color: var(--action-secondary);
}
.link:not(.button):hover, .footer-cta-signup-links a:not(.button):hover,
.jumplink:not(.button):hover {
  color: var(--action-tertiary);
}

.link-arrow,
.link.link-arrow,
.footer-cta-signup-links a.link-arrow {
  text-decoration: none;
}
.link-arrow::after,
.link.link-arrow::after {
  color: var(--action);
  content: "\e905";
  display: inline-block;
  margin-left: var(--padding-extra-small);
  font-family: brandui-icons;
  transition: transform var(--transition-fast);
  width: var(--padding-small);
  vertical-align: middle;
}
.link-arrow:hover, .link-arrow:focus,
.link.link-arrow:hover,
.link.link-arrow:focus {
  color: var(--action-tertiary);
}
.link-arrow:hover::after, .link-arrow:focus::after,
.link.link-arrow:hover::after,
.link.link-arrow:focus::after {
  color: var(--action-tertiary);
  transform: translateX(-0.25rem);
}

.link-decoration-none {
  text-decoration: none;
}
.link-decoration-none:hover, .link-decoration-none:focus {
  text-decoration: underline;
}

.links a:not(.button),
.jumplinks a:not(.button) {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
}
.links a:not(.button):hover, .links a:not(.button):focus,
.jumplinks a:not(.button):hover,
.jumplinks a:not(.button):focus {
  color: var(--action-tertiary);
}
.links.default,
.jumplinks.default {
  color: var(--action);
}
.links.default:hover,
.jumplinks.default:hover {
  color: var(--action-secondary);
}
.links-decoration-none a:not(.button),
.jumplinks-decoration-none a:not(.button) {
  text-decoration: none;
}
.links-decoration-none a:not(.button):hover, .links-decoration-none a:not(.button):focus,
.jumplinks-decoration-none a:not(.button):hover,
.jumplinks-decoration-none a:not(.button):focus {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
  color: var(--action-tertiary);
}
.links.dark a:not(.button):hover, .links.dark a:not(.button):focus,
.jumplinks.dark a:not(.button):hover,
.jumplinks.dark a:not(.button):focus {
  color: var(--action);
}

.jumplink:not(.button),
.jumplinks a:not(.button) {
  max-width: max-content;
  max-height: max-content;
  text-decoration: none;
  color: var(--action);
}
.jumplink:not(.button)::after,
.jumplinks a:not(.button)::after {
  transform: translateY(var(--padding-thin));
  font-family: brandui-icons;
  font-size: var(--padding-medium);
  display: none;
  content: "\e918";
}
.jumplink:not(.button):hover,
.jumplinks a:not(.button):hover {
  text-decoration: underline;
  text-decoration-style: dotted;
  color: var(--action-tertiary);
}
.jumplink:not(.button):hover::after,
.jumplinks a:not(.button):hover::after {
  display: inline-block;
}

.announcement-bar {
  border: 1px solid;
  border-radius: var(--radius-small);
  cursor: pointer;
  display: inline-block;
  align-items: center;
  gap: var(--padding-extra-small);
  max-width: max-content;
  padding: 0.5rem 1.5rem;
  position: relative;
  transition: var(--transition-fast);
  background-color: var(--default);
  border-color: var(--ui-fill);
}
.announcement-bar .badge {
  margin-right: var(--padding-extra-small);
}
.announcement-bar:hover, .announcement-bar:focus {
  background-color: var(--ui-fill);
}
.announcement-bar.rsa {
  --rsa-theme-border: rgb(164 214 94 / 50%);
  --rsa-theme-background: rgb(164 214 94 / 10%);
  --rsa-theme-text: rgb(164 214 94 / 100%);
  border-color: var(--rsa-theme-border);
}
.announcement-bar.rsa .announcement-link {
  color: var(--rsa-theme-text);
}
.announcement-bar.rsa .announcement-link::after {
  color: var(--rsa-theme-text);
}
@media (min-width: 769px) {
  .announcement-bar.rsa {
    background-color: var(--rsa-theme-background);
  }
}
.announcement-message {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.announcement-message strong,
.announcement-message b {
  font-weight: 700;
}
.announcement-message {
  color: var(--ui-headline);
}
.announcement-link {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.announcement-link strong,
.announcement-link b {
  font-weight: 700;
}
.announcement-link {
  color: var(--ui-stroke);
}
.announcement-link::after {
  color: var(--ui-stroke);
}
.announcement-link:hover, .announcement-link:focus {
  text-decoration: none;
  transition: var(--transition-fast);
  color: var(--action);
}
.announcement-link:hover::after, .announcement-link:focus::after {
  color: var(--action);
}
.announcement-banner {
  width: 100%;
  padding: var(--padding-extra-large);
  position: relative;
  display: flex;
  gap: var(--padding-huge);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  background-color: var(--ui-fill);
  border-color: var(--ui-fill);
}
@media (max-width: 768px) {
  .announcement-banner {
    padding: var(--padding-small);
    gap: var(--padding-large);
    flex-wrap: wrap;
    text-align: center;
  }
}

.avatar-grid-item {
  display: flex;
  flex-direction: column;
  gap: var(--padding-large);
}
.avatar-grid-item-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}

.avatar-username {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.avatar-username a {
  text-decoration: none;
  color: var(--action);
}
.avatar-username a:hover {
  color: var(--action-tertiary);
}

.card-bg-image {
  position: relative;
  overflow: clip;
  border-radius: var(--radius-small);
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: calc(1440px / 12 * 2);
}
.card-bg-image * {
  transition: var(--transition-mid);
}
.card-bg-image:hover .card-bg-image-asset, .card-bg-image:focus-within .card-bg-image-asset {
  transform: scale(1.25);
}
.card-bg-image:hover .card-bg-image-content, .card-bg-image:focus-within .card-bg-image-content {
  transform: translateY(0);
}
.card-bg-image-asset {
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  transform: scale(1);
}
.card-bg-image-content {
  padding: var(--padding-large) var(--padding-medium);
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: var(--padding-small);
  transform: translateY(var(--padding-huge));
}
.card-bg-image-content > [data-component=Title][class*=txt-line-clamp-] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-bg-image-content::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--neutral-1), transparent 100%) 0%, color-mix(in srgb, var(--neutral-1), transparent 40%) 12%, color-mix(in srgb, var(--neutral-1), transparent 20%) 25%, color-mix(in srgb, var(--neutral-1), transparent 10%) 50%, color-mix(in srgb, var(--neutral-1), transparent 0%) 100%);
  z-index: -1;
}

.action-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.action-card.group:hover, .action-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.action-card {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
  gap: var(--spacing-extra-small);
  align-self: start;
}
.action-card-description {
  color: var(--color-white);
}

.callout-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.callout-card.group:hover, .callout-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.callout-card {
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
  gap: var(--spacing-extra-small);
  display: flex;
  flex-direction: column;
}

.pricing-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.pricing-card.group:hover, .pricing-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.pricing-card {
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
}
.pricing-card-subgrid {
  display: grid;
  grid-row: span 8;
  grid-template-rows: subgrid;
  gap: var(--spacing-extra-small);
}
.pricing-card-description {
  color: var(--neutral-6);
}
.pricing-card-pricing-statement {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
  margin-bottom: calc(-1 * var(--spacing-extra-small));
}
.pricing-card-pricing-suffix {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
  margin-top: calc(-1 * var(--spacing-extra-small));
}
.pricing-card-features-label {
  font-family: var(--txt-code-family);
  color: var(--neutral-6);
}
.pricing-card-feature-label {
  color: var(--neutral-6);
}
.pricing-card-highlighted {
  background: linear-gradient(var(--ui-fill), var(--ui-fill)) padding-box, linear-gradient(to bottom right, var(--color-bubblegum), var(--color-electric-blue)) border-box;
  border: 0.0625rem solid transparent;
  backdrop-filter: blur(var(--radius-extra-large));
  box-shadow: 0 var(--radius-medium) var(--padding-extra-large) var(--color-dark-purple);
}
.pricing-card .feature-checkmark::after {
  color: var(--color-pink);
}

.chipbar {
  margin: 0 -var(--padding-large);
}
.chipbar .chips {
  width: fit-content;
  margin: 0 auto;
  padding: 0 var(--padding-large);
  display: flex;
  gap: var(--padding-small) var(--padding-extra-small);
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .chipbar .chips {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}
@media (max-width: 768px) {
  .chipbar {
    margin: 0;
  }
}

.code-block-copy-btn {
  position: absolute;
  top: var(--padding-extra-small);
  right: var(--padding-extra-small);
  z-index: 1;
}
.code-block-copy-btn .code-block-copy-trigger {
  padding: var(--padding-extra-small);
  border: none;
  border-radius: var(--radius-small);
  background-color: var(--action-tertiary);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  box-shadow: none;
}
.code-block-copy-btn .code-block-copy-trigger::before {
  transform: translate(calc(-100% + 0.375rem));
}
.code-block-copy-btn .code-block-copy-trigger::after {
  transform: translate(calc(-100% - 0.25rem));
}
.code-block-copy-btn .code-block-copy-trigger .general-icon {
  color: var(--color-white);
}
.code-block-copy-btn .code-block-copy-trigger:hover, .code-block-copy-btn .code-block-copy-trigger:focus {
  background-color: var(--action-secondary);
  box-shadow: none;
}
.code-block-copy-btn .code-block-copy-trigger:focus-visible {
  outline: var(--action-outline) solid 0.1875rem;
}

.code-block-scrollbar-corner ::-webkit-scrollbar-corner {
  background: black;
}

.filter-fields {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
  overflow-y: auto;
  max-height: 60vh;
  padding: var(--padding-large) var(--padding-medium) var(--padding-large) 0;
}
@media (max-width: 768px) {
  .filter-fields {
    max-height: var(--spacing-full);
    height: max-content;
    padding: var(--padding-extra-small) 0;
    overflow: visible;
  }
}
.filter-fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.filter-fields-group {
  padding: 0 var(--padding-slim);
}
.filter-fields-group-heading {
  margin-bottom: var(--padding-medium);
  font-family: var(--txt-subhead-small-family);
  font-size: var(--txt-subhead-small-size);
  font-weight: var(--txt-subhead-small-weight);
  line-height: var(--txt-subhead-small-lh);
  letter-spacing: var(--txt-subhead-small-ls, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.filter-actions {
  display: flex;
  flex-direction: column;
  margin-top: var(--padding-small);
  gap: var(--padding-small);
}

.filter-animation-paused {
  animation-play-state: paused;
  width: 0%;
  overflow: hidden;
  display: none;
}

.filter-opened {
  width: calc(1440px / 12 * 3);
  animation: filter-slide-in var(--transition-slow) forwards;
  animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0);
  overflow: auto;
}
@media (max-width: 1024px) {
  .filter-opened {
    animation: none;
    width: max-content;
    overflow: auto;
    padding-top: 0;
  }
}

.filter-collapsed {
  animation: filter-slide-out var(--transition-slow) forwards;
  animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  width: 0;
}
@media (max-width: 1024px) {
  .filter-collapsed {
    animation: none;
    width: 0;
    overflow: hidden;
    display: none;
  }
}

@keyframes filter-slide-in {
  0% {
    display: block;
    width: 0%;
  }
  100% {
    width: calc(1440px / 12 * 3);
  }
}
@keyframes filter-slide-out {
  0% {
    width: calc(1440px / 12 * 3);
  }
  100% {
    width: 0%;
    overflow: hidden;
    display: none;
  }
}
@keyframes filter-slide-down {
  0% {
    display: block;
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes filter-slide-up {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
    overflow: hidden;
    display: none;
  }
}
.list-item {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  border-radius: var(--radius-small);
  position: relative;
  transition: var(--transition-fast);
}
.list-item > * {
  transition: var(--transition-fast);
}
.list-item-label {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.list-item-label strong,
.list-item-label b {
  font-weight: 700;
}
.list-item-label {
  color: var(--ui-headline);
}
.list-item:has(a):not(.slim)::after {
  content: "\e905";
  font-family: brandui-icons;
  font-style: normal;
  font-size: 1.5rem;
  margin-left: auto;
  transform: translateX(-0.5rem);
  color: var(--action);
}
.list-item:has(a):not(.slim):hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.list-item:has(a):not(.slim):hover::after {
  transform: translateX(0);
  transition: var(--transition-fast);
}
.list-item:has(a):not(.slim):hover a.list-item-label {
  color: var(--action);
}
.list-item.slim:has(a):hover {
  color: var(--action);
}
.list-item.slim:has(a):hover .general-icon {
  transition: var(--transition-fast);
  color: var(--action-tertiary);
}
.list-item.slim:has(a):hover a.list-item-label {
  color: var(--action-tertiary);
}
.list-item a.list-item-label {
  text-decoration: none;
  color: var(--ui-headline);
}

.logo-parade {
  display: flex;
  gap: var(--padding-medium);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.logo-parade .logo-container {
  flex-basis: calc(1440px / 12 * 1);
}

.logo-cluster {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--content-max) / 12 * 2), 1fr));
  gap: var(--padding-large) var(--padding-small);
}
.logo-cluster .logo-container {
  max-width: calc(1440px / 12 * 1);
}

.recognition-badges {
  display: flex;
  gap: var(--padding-extra-large);
  place-items: center;
}
.recognition-badges-wrapper {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
@media (max-width: 768px) {
  .recognition-badges {
    flex-direction: column;
  }
}

.modal {
  margin: auto;
  padding: var(--padding-small);
  position: fixed;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  outline: 0;
  isolation: isolate;
  z-index: 1000;
}
.modal .modal-dialog {
  max-width: calc(1440px / 12 * 6);
  margin: auto;
  padding: var(--padding-small);
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  z-index: 1;
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.modal .modal-dialog.group:hover, .modal .modal-dialog.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.modal .modal-dialog {
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.modal .modal-dialog.group:hover, .modal .modal-dialog.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
.modal .modal-dialog-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  color: var(--ui-headline);
}
.modal .modal-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--padding-small);
}
.modal .modal-dialog-header .close-modal-trigger {
  margin-left: auto;
  color: var(--ui-headline);
}
.modal .modal-dialog-body {
  max-height: 50vh;
  overflow-x: auto;
}
.modal .modal-dialog-footer {
  margin-top: var(--padding-small);
}
.modal.open {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 30%);
}

.notification {
  margin: var(--padding-small);
  padding: var(--padding-small);
  display: flex;
  flex-direction: column;
  position: fixed;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  background-color: var(--ui-surface);
  border-color: var(--info);
}
.notification.notification-success {
  background-color: var(--ui-surface);
  border-color: var(--success);
}
.notification.notification-warning {
  background-color: var(--ui-surface);
  border-color: var(--warning);
}
.notification.notification-fail {
  background-color: var(--ui-surface);
  border-color: var(--fail);
}

.pagination-links {
  display: flex;
  gap: var(--padding-extra-small);
  justify-content: center;
}
@media (max-width: 768px) {
  .pagination-links {
    display: none;
  }
}
.pagination-links-bar {
  display: flex;
  justify-content: center;
  gap: var(--padding-small);
}
.pagination-links-tile, .pagination-links-util, .pagination-links-skip {
  display: flex;
  align-items: center;
  padding: var(--padding-extra-small) var(--padding-small);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  font-family: var(--txt-body-lead-family);
  font-size: var(--txt-body-lead-size);
  font-weight: var(--txt-body-lead-weight);
  line-height: var(--txt-body-lead-lh);
  letter-spacing: var(--txt-body-lead-ls, normal);
  text-transform: var(--txt-body-lead-tt, none);
  color: var(--action);
  background-color: var(--neutral-1);
  border-color: color-mix(in srgb, var(--ui-body), transparent 70%);
}
.pagination-links-tile:hover, .pagination-links-util:hover, .pagination-links-skip:hover {
  color: var(--action-secondary);
  background-color: var(--action);
  border-color: var(--action);
}
.pagination-links-tile.active {
  border-color: var(--neutral-6);
}
.pagination-links-skip .general-icon {
  color: inherit;
}
.pagination-links-util.util-prev::after {
  content: "\e913";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-style: normal;
}
.pagination-links-util.util-next::after {
  content: "\e914";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-style: normal;
}
.pagination-links-util.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.share-this {
  display: flex;
  gap: var(--padding-extra-small);
}
.share-this-label {
  max-width: max-content;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.share-this-label strong,
.share-this-label b {
  font-weight: 700;
}
.share-this-icon {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--padding-medium);
  height: var(--padding-medium);
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.share-this-icon-list {
  display: flex;
  gap: var(--padding-extra-small);
}
.share-this-icon:hover {
  cursor: pointer;
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
  background-color: var(--ui-fill);
  color: var(--action-tertiary);
}

.search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 2px solid transparent;
  border-radius: var(--radius-small);
}
.search-input {
  border: 2px solid transparent;
  border-radius: var(--radius-small);
  outline: none;
  padding: var(--padding-extra-small) var(--padding-medium);
  width: 100%;
  font-family: var(--txt-body-family), sans-serif;
  min-width: 300px;
  font-size: var(--txt-body-size);
  color: var(--neutral-1);
}
.search-input::placeholder {
  font-size: var(--txt-body-size);
  font-family: var(--txt-body-family), sans-serif;
}
@media (min-width: 769px) {
  .search-input {
    min-width: 500px;
  }
}
.search-actions {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.search-actions hr {
  width: 1px;
  height: 20px;
  margin: 0 10px;
  background-color: var(--color-midnight);
}
.search-actions .general-icon {
  color: var(--action-secondary);
}

.search-result-highlight {
  border-radius: 2px;
  background-color: var(--color-daffodil);
}

.table-basic {
  border-collapse: collapse;
  min-width: calc(1440px / 12 * 6);
}
.table-basic-wrapper {
  border-radius: var(--padding-extra-small);
  border-width: 1px;
  border-style: solid;
  overflow-y: hidden;
  border-color: var(--ui-fill);
}
.table-basic tr:nth-child(even) {
  background-color: var(--ui-fill);
}
.table-basic-caption {
  width: calc(1440px / 12 * 6);
}
.table-basic-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-basic-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-basic-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-basic-col-header {
  min-width: 200px;
  padding: var(--padding-small);
  font-family: var(--txt-subhead-small-family);
  font-size: var(--txt-subhead-small-size);
  font-weight: var(--txt-subhead-small-weight);
  line-height: var(--txt-subhead-small-lh);
  letter-spacing: var(--txt-subhead-small-ls, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  background-color: var(--ui-fill);
}
.table-basic-col-header-wrapper {
  text-align: left;
  vertical-align: top;
}
.table-basic-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-basic-row-header-content {
  padding: var(--padding-small);
}
.table-basic-row-data-content {
  padding: var(--padding-small);
}
.table-multi-dimensional {
  border-collapse: collapse;
  border-radius: var(--padding-extra-small) var(--padding-extra-small) 0 0;
  overflow-y: hidden;
}
.table-multi-dimensional tr:nth-child(even) {
  background-color: var(--ui-surface);
}
.table-multi-dimensional-caption {
  width: calc(1440px / 12 * 6);
}
.table-multi-dimensional-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-multi-dimensional-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-multi-dimensional-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-multi-dimensional-col-header {
  min-width: 200px;
  padding: var(--padding-small);
  background-color: var(--ui-body);
}
.table-multi-dimensional-col-header-wrapper {
  vertical-align: top;
}
.table-multi-dimensional-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-multi-dimensional-row-header-content {
  padding: var(--padding-small);
}
.table-multi-dimensional-row-data-content {
  padding: var(--padding-small);
}
.table-comparison-caption {
  width: calc(1440px / 12 * 6);
}
.table-comparison-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-comparison-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-comparison-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-comparison-col-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--txt-subhead-small-family);
  font-size: var(--txt-subhead-small-size);
  font-weight: var(--txt-subhead-small-weight);
  line-height: var(--txt-subhead-small-lh);
  letter-spacing: var(--txt-subhead-small-ls, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.table-comparison-group-header {
  display: block;
  width: 100%;
  margin: var(--padding-extra-large) 0 var(--padding-medium);
}
.table-comparison-group-header-content {
  border-radius: var(--radius-large);
  padding: var(--padding-small);
  text-align: left;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-group-header-content strong,
.table-comparison-group-header-content b {
  font-weight: 700;
}
.table-comparison-group-header-content {
  background-color: var(--ui-fill);
}
.table-comparison-row-header {
  width: calc(1440px / 12 * 4);
  padding-left: var(--padding-small);
  text-align: left;
  vertical-align: top;
}
.table-comparison-row-header-content {
  margin-bottom: var(--padding-extra-small);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-row-header-content strong,
.table-comparison-row-header-content b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .table-comparison-row-header {
    width: calc(1440px / 12 * 12);
  }
}
.table-comparison-row-data {
  width: calc(1440px / 12 * 2);
  text-align: center;
  vertical-align: top;
}
.table-comparison-row-data-content {
  margin-bottom: var(--padding-extra-small);
  display: flex;
  justify-content: center;
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-row-data-content strong,
.table-comparison-row-data-content b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .table-comparison-row-data {
    width: calc(1440px / 12 * 3);
    max-width: max-content;
  }
}
.table-product-comparison {
  border-collapse: collapse;
}
.table-product-comparison-wrapper {
  border-radius: 1rem;
  overflow-x: auto;
  min-width: calc(1440px / 12 * 6);
}
.table-product-comparison tr td:nth-child(even),
.table-product-comparison tr th:nth-child(even) {
  background-color: var(--ui-body);
}
.table-product-comparison tr td:nth-child(odd),
.table-product-comparison tr th:nth-child(odd) {
  background-color: var(--ui-surface);
}
.table-product-comparison tr:not(:last-child) .table-product-comparison-row-header,
.table-product-comparison tr:not(:last-child) .table-product-comparison-row-data {
  border-bottom: 3px solid color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.table-product-comparison-cell-content {
  padding: var(--padding-large) var(--padding-medium);
}
.table-product-comparison-col-header {
  text-align: start;
}
.table-product-comparison-col-header-wrapper {
  padding: var(--padding-large) var(--padding-medium);
  border-bottom: 3px solid color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.table-product-comparison-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-product-comparison-row-header-content {
  padding: var(--padding-large) var(--padding-medium);
  text-align: start;
}
.table-product-comparison-row-data .table-product-comparison-cell-content {
  display: flex;
  gap: var(--padding-medium);
}

.brandui-table {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  overflow: hidden;
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.brandui-table.group:hover, .brandui-table.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
.brandui-table .table-wrapper {
  width: 100%;
  overflow-x: scroll;
  background-color: var(--default);
}
.brandui-table .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--txt-body-small-family);
  font-size: var(--txt-body-small-size);
  font-weight: var(--txt-body-small-weight);
  line-height: var(--txt-body-small-lh);
  letter-spacing: var(--txt-body-small-ls, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.brandui-table .table-wrapper table strong,
.brandui-table .table-wrapper table b {
  font-weight: 500;
}
.brandui-table .table-wrapper table caption {
  margin-bottom: 0;
  font-family: var(--txt-subhead-family);
  font-size: var(--txt-subhead-size);
  font-weight: var(--txt-subhead-weight);
  line-height: var(--txt-subhead-lh);
  letter-spacing: var(--txt-subhead-ls, normal);
  text-transform: var(--txt-subhead-tt, none);
}
.brandui-table .table-wrapper table thead,
.brandui-table .table-wrapper table tfoot {
  cursor: default;
  font-weight: 600;
  border-collapse: separate;
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-table .table-wrapper table thead strong,
.brandui-table .table-wrapper table thead b,
.brandui-table .table-wrapper table tfoot strong,
.brandui-table .table-wrapper table tfoot b {
  font-weight: 500;
}
.brandui-table .table-wrapper table thead,
.brandui-table .table-wrapper table tfoot {
  color: var(--headline);
}
.brandui-table .table-wrapper table thead {
  border-bottom: 0.0625rem solid var(--ui-stroke);
}
.brandui-table .table-wrapper table tfoot {
  border-top: 0.0625rem solid var(--ui-stroke);
}
.brandui-table .table-wrapper table tr {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: var(--ui-accent);
}
.brandui-table .table-wrapper table tr:nth-child(2n) {
  background-color: var(--ui-accent);
}
.brandui-table .table-wrapper table tr:last-of-type {
  border: none;
}
.brandui-table .table-wrapper table td,
.brandui-table .table-wrapper table th,
.brandui-table .table-wrapper table col {
  padding: var(--padding-small);
  position: relative;
}
.brandui-table .table-wrapper.sortable table thead th,
.brandui-table .table-wrapper.sortable table thead td {
  border-width: 0.252rem;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--radius-large);
  cursor: pointer;
  padding-top: var(--padding-extra-small);
  padding-bottom: var(--padding-extra-small);
  vertical-align: middle;
}
.brandui-table .table-wrapper.sortable table thead th.active, .brandui-table .table-wrapper.sortable table thead th:hover,
.brandui-table .table-wrapper.sortable table thead td.active,
.brandui-table .table-wrapper.sortable table thead td:hover {
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-table .table-wrapper.sortable table thead th.active,
.brandui-table .table-wrapper.sortable table thead td.active {
  padding-left: var(--padding-extra-small);
  color: var(--action);
}
.brandui-table .table-description {
  padding: var(--padding-small);
  text-align: left;
  background-color: var(--default);
}

.toc {
  border-radius: var(--radius-small);
  border-width: 1px;
  border-style: solid;
  padding-bottom: var(--padding-medium);
  border-color: color-mix(in srgb, var(--ui-body), transparent 70%);
}
@media (max-width: 768px) {
  .toc {
    display: none;
  }
}
.toc-title {
  margin: var(--padding-medium);
  padding-bottom: var(--padding-small);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-body), transparent 70%);
  color: var(--ui-headline);
}
.toc-item {
  padding: var(--padding-extra-small) var(--padding-small);
  transition: var(--transition-fast);
}
.toc-item-link {
  display: block;
  text-decoration: none;
  font-family: var(--txt-body-family);
  font-size: var(--txt-body-size);
  font-weight: var(--txt-body-weight);
  line-height: var(--txt-body-lh);
  letter-spacing: var(--txt-body-ls, normal);
  text-transform: var(--txt-body-tt, none);
}
.toc-item-link strong,
.toc-item-link b {
  font-weight: 700;
}
.toc-item-link {
  color: var(--ui-headline);
}
.toc-item-link:hover {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  color: var(--action);
}
.toc-item-children {
  max-height: 0;
  transition: var(--transition-slow);
  overflow: hidden;
}
.toc-item-wrapper {
  padding: 0 var(--padding-small);
  border-radius: var(--radius-extra-large);
}
.toc-item-wrapper:has(.toc-item-children .active) > .toc-item-children {
  max-height: 1000px;
}
.toc-item-wrapper .toc-item.active + .toc-item-children {
  max-height: 1000px;
}
.toc-item.active {
  position: relative;
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
  border-color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.toc-item.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid var(--action);
  height: 100%;
}

.title-text {
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
}
@media (max-width: 768px) {
  .title-text {
    text-align: center;
    align-items: center;
  }
}
.title-text-left {
  max-width: calc(1440px / 12 * 12);
}
@media (max-width: 768px) {
  .title-text-left {
    max-width: 100%;
  }
}

.text-grid-item {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.text-grid-item.center {
  text-align: center;
}

.text-media {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .text-media {
    flex-direction: column;
    gap: var(--padding-large);
  }
}
.text-media.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .text-media.reverse {
    flex-direction: column-reverse;
  }
}
.text-media-media {
  width: 58.3333333333%;
}
@media (max-width: 1024px) {
  .text-media-media {
    width: 100%;
  }
}
.text-media-text {
  width: 41.6666666667%;
}
@media (max-width: 1024px) {
  .text-media-text {
    width: 100%;
  }
}
.text-media-text-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 var(--padding-huge) 0;
}
.text-media-text-content.reverse {
  padding: 0;
}
@media (max-width: 1024px) {
  .text-media-text-content {
    padding: 0;
  }
}

.quote-media-asset {
  display: block;
}
.quote-media-item {
  display: flex;
  justify-content: center;
  width: calc(1440px / 12 * 5);
  padding: var(--padding-small);
}
.quote-media-item.blockquote {
  flex-direction: column;
  align-items: start;
  gap: var(--padding-large);
}
.quote-media-item.blockquote blockquote {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .quote-media-item {
    width: unset;
  }
}
.quote-media-source {
  font-family: var(--txt-mini-header-small-family);
  font-size: var(--txt-mini-header-small-size);
  font-weight: var(--txt-mini-header-small-weight);
  line-height: var(--txt-mini-header-small-lh);
  letter-spacing: var(--txt-mini-header-small-ls, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
}
.quote-media-text {
  font-family: var(--txt-subhead-family);
  font-size: var(--txt-subhead-size);
  font-weight: var(--txt-subhead-weight);
  line-height: var(--txt-subhead-lh);
  letter-spacing: var(--txt-subhead-ls, normal);
  text-transform: var(--txt-subhead-tt, none);
}
.quote-media-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .quote-media-wrapper {
    flex-direction: column;
  }
}

.list-style-disc {
  list-style: disc;
}

.list-style-circle {
  list-style: circle;
}

.list-style-square {
  list-style: square;
}

.list-style-decimal {
  list-style: decimal;
}

.list-style-decimal-leading-zero {
  list-style: decimal-leading-zero;
}

.list-style-lower-roman {
  list-style: lower-roman;
}

.list-style-upper-roman {
  list-style: upper-roman;
}

.list-style-lower-greek {
  list-style: lower-greek;
}

.list-style-lower-latin {
  list-style: lower-latin;
}

.list-style-upper-latin {
  list-style: upper-latin;
}

.list-style-armenian {
  list-style: armenian;
}

.list-style-georgian {
  list-style: georgian;
}

.list-style-lower-alpha {
  list-style: lower-alpha;
}

.list-style-upper-alpha {
  list-style: upper-alpha;
}

.list-style-none {
  list-style: none;
}

.list-reset, .sub-navigation-links, .brandui-navigation .navigation-menu, .brandui-navigation .navigation-submenu .submenu-nav-items, .breadcrumbs-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs-links {
  padding: var(--padding-small) 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs-links li {
  display: flex;
  align-items: center;
}
.breadcrumbs-links li + li::before {
  content: "\e914";
  font-family: brandui-icons;
  font-style: normal;
  font-size: var(--txt-subhead-size);
  font-weight: 600;
}
.breadcrumbs-links li a.breadcrumb-link {
  text-decoration: none;
  transition: color var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.breadcrumbs-links li a.breadcrumb-link strong,
.breadcrumbs-links li a.breadcrumb-link b {
  font-weight: 700;
}
.breadcrumbs-links li a.breadcrumb-link {
  color: var(--action);
}
.breadcrumbs-links li a.breadcrumb-link:hover {
  color: var(--action-secondary);
}
.breadcrumbs-links li .breadcrumb-link-current {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.breadcrumbs-links li .breadcrumb-link-current strong,
.breadcrumbs-links li .breadcrumb-link-current b {
  font-weight: 700;
}
.breadcrumbs-links li .breadcrumb-link-current {
  color: var(--ui-body);
}

.basic-cta {
  width: 100%;
  margin: 0 auto;
  padding: var(--padding-medium);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding-huge);
}
.basic-cta-content {
  max-width: calc(1440px / 12 * 7);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.basic-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
@media (max-width: 768px) {
  .basic-cta {
    flex-direction: column;
    gap: var(--padding-extra-large);
    text-align: center;
  }
}

.body-cta {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding-huge);
}
.body-cta-content {
  max-width: calc(1440px / 12 * 8);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .body-cta-content {
    max-width: calc(1440px / 12 * 12);
    align-items: center;
  }
}
.body-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.body-cta-media {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .body-cta-media {
    max-width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 768px) {
  .body-cta {
    flex-direction: column;
    gap: var(--padding-extra-large);
    text-align: center;
  }
}

.feature-cta {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.feature-cta-content {
  max-width: calc(1440px / 12 * 8);
  height: fit-content;
  padding: var(--padding-medium);
  padding-right: 12rem;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  justify-content: center;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large) 0 0 var(--radius-large);
  box-shadow: var(--shadow-outline);
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.feature-cta-content.group:hover, .feature-cta-content.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
@media (max-width: 1024px) {
  .feature-cta-content {
    max-width: calc(1440px / 12 * 12);
    padding-right: unset;
    border-radius: var(--radius-large) var(--radius-large) 0 0;
  }
}
.feature-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.feature-cta-card {
  width: 100%;
  margin-left: -0.5rem;
}
@media (max-width: 1024px) {
  .feature-cta-card {
    max-width: calc(1440px / 12 * 12);
    margin-left: unset;
    margin-top: -0.5rem;
  }
}
.feature-cta .card-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: relative;
  isolation: isolate;
}
.feature-cta .card-wrapper .patch-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: -16rem;
  z-index: -1;
}
@media (max-width: 1024px) {
  .feature-cta .card-wrapper .patch-wrapper {
    display: none;
  }
}
@media (max-width: 1024px) {
  .feature-cta .card-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 1024px) {
  .feature-cta {
    flex-direction: column;
  }
}

.wide-wrapper, .hero,
.wide-container,
.content-block,
.brandui-section,
.brandui-footer,
.brandui-container {
  z-index: 0;
  position: relative;
}

.wide-wrapper, .hero,
.wide-container,
.wide-container-max,
.wide-wrapper-outer-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wide-container-max {
  max-width: 2560px;
}

.wide-wrapper-outer-content {
  width: calc(100vw - 2.25rem);
}

.content-block {
  max-width: calc(var(--content-max) / 12 * 12);
  width: calc(100vw - var(--padding-huge));
  margin-right: auto;
  margin-left: auto;
}
@media (width <= 580px) {
  .content-block {
    width: calc(100vw - var(--padding-extra-large));
  }
}

.brandui-section, .brandui-footer {
  margin: var(--padding-huge) 0;
  padding: 0 var(--padding-huge) var(--padding-extra-large);
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.brandui-section .section-intro, .brandui-footer .section-intro, .brandui-section .section-intro-left-aligned, .brandui-footer .section-intro-left-aligned {
  max-width: calc(1440px / 12 * 6);
  margin: auto;
  margin-bottom: var(--padding-huge);
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  align-items: center;
  text-align: center;
}
.brandui-section .section-intro.solo-title, .brandui-footer .section-intro.solo-title, .brandui-section .solo-title.section-intro-left-aligned, .brandui-footer .solo-title.section-intro-left-aligned {
  margin-bottom: var(--padding-large);
}
.brandui-section .section-intro-left-aligned, .brandui-footer .section-intro-left-aligned {
  align-items: start;
  text-align: left;
  margin: 0;
  margin-bottom: var(--padding-huge);
  max-width: calc(1440px / 12 * 8);
}
@media (max-width: 1024px) {
  .brandui-section, .brandui-footer {
    padding: 0 var(--padding-extra-large) var(--padding-medium);
  }
}
@media (max-width: 768px) {
  .brandui-section, .brandui-footer {
    padding: 0 var(--padding-large) var(--padding-small);
  }
}

.brandui-container {
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
}

.brandui-backdrop {
  background: color-mix(in srgb, var(--ui-accent), transparent 10%);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  z-index: 100;
}

@media (max-width: 8640px) {
  .border-box {
    box-sizing: border-box;
  }
  .content-box {
    box-sizing: content-box;
  }
  .-z-100 {
    z-index: -100;
  }
  .-z-99 {
    z-index: -99;
  }
  .-z-98 {
    z-index: -98;
  }
  .-z-97 {
    z-index: -97;
  }
  .-z-96 {
    z-index: -96;
  }
  .-z-95 {
    z-index: -95;
  }
  .-z-94 {
    z-index: -94;
  }
  .-z-93 {
    z-index: -93;
  }
  .-z-92 {
    z-index: -92;
  }
  .-z-91 {
    z-index: -91;
  }
  .-z-90 {
    z-index: -90;
  }
  .-z-89 {
    z-index: -89;
  }
  .-z-88 {
    z-index: -88;
  }
  .-z-87 {
    z-index: -87;
  }
  .-z-86 {
    z-index: -86;
  }
  .-z-85 {
    z-index: -85;
  }
  .-z-84 {
    z-index: -84;
  }
  .-z-83 {
    z-index: -83;
  }
  .-z-82 {
    z-index: -82;
  }
  .-z-81 {
    z-index: -81;
  }
  .-z-80 {
    z-index: -80;
  }
  .-z-79 {
    z-index: -79;
  }
  .-z-78 {
    z-index: -78;
  }
  .-z-77 {
    z-index: -77;
  }
  .-z-76 {
    z-index: -76;
  }
  .-z-75 {
    z-index: -75;
  }
  .-z-74 {
    z-index: -74;
  }
  .-z-73 {
    z-index: -73;
  }
  .-z-72 {
    z-index: -72;
  }
  .-z-71 {
    z-index: -71;
  }
  .-z-70 {
    z-index: -70;
  }
  .-z-69 {
    z-index: -69;
  }
  .-z-68 {
    z-index: -68;
  }
  .-z-67 {
    z-index: -67;
  }
  .-z-66 {
    z-index: -66;
  }
  .-z-65 {
    z-index: -65;
  }
  .-z-64 {
    z-index: -64;
  }
  .-z-63 {
    z-index: -63;
  }
  .-z-62 {
    z-index: -62;
  }
  .-z-61 {
    z-index: -61;
  }
  .-z-60 {
    z-index: -60;
  }
  .-z-59 {
    z-index: -59;
  }
  .-z-58 {
    z-index: -58;
  }
  .-z-57 {
    z-index: -57;
  }
  .-z-56 {
    z-index: -56;
  }
  .-z-55 {
    z-index: -55;
  }
  .-z-54 {
    z-index: -54;
  }
  .-z-53 {
    z-index: -53;
  }
  .-z-52 {
    z-index: -52;
  }
  .-z-51 {
    z-index: -51;
  }
  .-z-50 {
    z-index: -50;
  }
  .-z-49 {
    z-index: -49;
  }
  .-z-48 {
    z-index: -48;
  }
  .-z-47 {
    z-index: -47;
  }
  .-z-46 {
    z-index: -46;
  }
  .-z-45 {
    z-index: -45;
  }
  .-z-44 {
    z-index: -44;
  }
  .-z-43 {
    z-index: -43;
  }
  .-z-42 {
    z-index: -42;
  }
  .-z-41 {
    z-index: -41;
  }
  .-z-40 {
    z-index: -40;
  }
  .-z-39 {
    z-index: -39;
  }
  .-z-38 {
    z-index: -38;
  }
  .-z-37 {
    z-index: -37;
  }
  .-z-36 {
    z-index: -36;
  }
  .-z-35 {
    z-index: -35;
  }
  .-z-34 {
    z-index: -34;
  }
  .-z-33 {
    z-index: -33;
  }
  .-z-32 {
    z-index: -32;
  }
  .-z-31 {
    z-index: -31;
  }
  .-z-30 {
    z-index: -30;
  }
  .-z-29 {
    z-index: -29;
  }
  .-z-28 {
    z-index: -28;
  }
  .-z-27 {
    z-index: -27;
  }
  .-z-26 {
    z-index: -26;
  }
  .-z-25 {
    z-index: -25;
  }
  .-z-24 {
    z-index: -24;
  }
  .-z-23 {
    z-index: -23;
  }
  .-z-22 {
    z-index: -22;
  }
  .-z-21 {
    z-index: -21;
  }
  .-z-20 {
    z-index: -20;
  }
  .-z-19 {
    z-index: -19;
  }
  .-z-18 {
    z-index: -18;
  }
  .-z-17 {
    z-index: -17;
  }
  .-z-16 {
    z-index: -16;
  }
  .-z-15 {
    z-index: -15;
  }
  .-z-14 {
    z-index: -14;
  }
  .-z-13 {
    z-index: -13;
  }
  .-z-12 {
    z-index: -12;
  }
  .-z-11 {
    z-index: -11;
  }
  .-z-10 {
    z-index: -10;
  }
  .-z-9 {
    z-index: -9;
  }
  .-z-8 {
    z-index: -8;
  }
  .-z-7 {
    z-index: -7;
  }
  .-z-6 {
    z-index: -6;
  }
  .-z-5 {
    z-index: -5;
  }
  .-z-4 {
    z-index: -4;
  }
  .-z-3 {
    z-index: -3;
  }
  .-z-2 {
    z-index: -2;
  }
  .-z-1 {
    z-index: -1;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-6 {
    z-index: 6;
  }
  .z-7 {
    z-index: 7;
  }
  .z-8 {
    z-index: 8;
  }
  .z-9 {
    z-index: 9;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-12 {
    z-index: 12;
  }
  .z-13 {
    z-index: 13;
  }
  .z-14 {
    z-index: 14;
  }
  .z-15 {
    z-index: 15;
  }
  .z-16 {
    z-index: 16;
  }
  .z-17 {
    z-index: 17;
  }
  .z-18 {
    z-index: 18;
  }
  .z-19 {
    z-index: 19;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-22 {
    z-index: 22;
  }
  .z-23 {
    z-index: 23;
  }
  .z-24 {
    z-index: 24;
  }
  .z-25 {
    z-index: 25;
  }
  .z-26 {
    z-index: 26;
  }
  .z-27 {
    z-index: 27;
  }
  .z-28 {
    z-index: 28;
  }
  .z-29 {
    z-index: 29;
  }
  .z-30 {
    z-index: 30;
  }
  .z-31 {
    z-index: 31;
  }
  .z-32 {
    z-index: 32;
  }
  .z-33 {
    z-index: 33;
  }
  .z-34 {
    z-index: 34;
  }
  .z-35 {
    z-index: 35;
  }
  .z-36 {
    z-index: 36;
  }
  .z-37 {
    z-index: 37;
  }
  .z-38 {
    z-index: 38;
  }
  .z-39 {
    z-index: 39;
  }
  .z-40 {
    z-index: 40;
  }
  .z-41 {
    z-index: 41;
  }
  .z-42 {
    z-index: 42;
  }
  .z-43 {
    z-index: 43;
  }
  .z-44 {
    z-index: 44;
  }
  .z-45 {
    z-index: 45;
  }
  .z-46 {
    z-index: 46;
  }
  .z-47 {
    z-index: 47;
  }
  .z-48 {
    z-index: 48;
  }
  .z-49 {
    z-index: 49;
  }
  .z-50 {
    z-index: 50;
  }
  .z-51 {
    z-index: 51;
  }
  .z-52 {
    z-index: 52;
  }
  .z-53 {
    z-index: 53;
  }
  .z-54 {
    z-index: 54;
  }
  .z-55 {
    z-index: 55;
  }
  .z-56 {
    z-index: 56;
  }
  .z-57 {
    z-index: 57;
  }
  .z-58 {
    z-index: 58;
  }
  .z-59 {
    z-index: 59;
  }
  .z-60 {
    z-index: 60;
  }
  .z-61 {
    z-index: 61;
  }
  .z-62 {
    z-index: 62;
  }
  .z-63 {
    z-index: 63;
  }
  .z-64 {
    z-index: 64;
  }
  .z-65 {
    z-index: 65;
  }
  .z-66 {
    z-index: 66;
  }
  .z-67 {
    z-index: 67;
  }
  .z-68 {
    z-index: 68;
  }
  .z-69 {
    z-index: 69;
  }
  .z-70 {
    z-index: 70;
  }
  .z-71 {
    z-index: 71;
  }
  .z-72 {
    z-index: 72;
  }
  .z-73 {
    z-index: 73;
  }
  .z-74 {
    z-index: 74;
  }
  .z-75 {
    z-index: 75;
  }
  .z-76 {
    z-index: 76;
  }
  .z-77 {
    z-index: 77;
  }
  .z-78 {
    z-index: 78;
  }
  .z-79 {
    z-index: 79;
  }
  .z-80 {
    z-index: 80;
  }
  .z-81 {
    z-index: 81;
  }
  .z-82 {
    z-index: 82;
  }
  .z-83 {
    z-index: 83;
  }
  .z-84 {
    z-index: 84;
  }
  .z-85 {
    z-index: 85;
  }
  .z-86 {
    z-index: 86;
  }
  .z-87 {
    z-index: 87;
  }
  .z-88 {
    z-index: 88;
  }
  .z-89 {
    z-index: 89;
  }
  .z-90 {
    z-index: 90;
  }
  .z-91 {
    z-index: 91;
  }
  .z-92 {
    z-index: 92;
  }
  .z-93 {
    z-index: 93;
  }
  .z-94 {
    z-index: 94;
  }
  .z-95 {
    z-index: 95;
  }
  .z-96 {
    z-index: 96;
  }
  .z-97 {
    z-index: 97;
  }
  .z-98 {
    z-index: 98;
  }
  .z-99 {
    z-index: 99;
  }
  .z-100 {
    z-index: 100;
  }
  .inset,
  .inset-0 {
    inset: 0;
  }
  .top-0 {
    top: 0;
  }
  .right-0 {
    right: 0;
  }
  .bottom-0 {
    bottom: 0;
  }
  .left-0 {
    left: 0;
  }
  .top-none {
    top: var(--padding-none);
  }
  .right-none {
    right: var(--padding-none);
  }
  .bottom-none {
    bottom: var(--padding-none);
  }
  .left-none {
    left: var(--padding-none);
  }
  .top-hairline {
    top: var(--padding-hairline);
  }
  .right-hairline {
    right: var(--padding-hairline);
  }
  .bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .left-hairline {
    left: var(--padding-hairline);
  }
  .top-thin {
    top: var(--padding-thin);
  }
  .right-thin {
    right: var(--padding-thin);
  }
  .bottom-thin {
    bottom: var(--padding-thin);
  }
  .left-thin {
    left: var(--padding-thin);
  }
  .top-slim {
    top: var(--padding-slim);
  }
  .right-slim {
    right: var(--padding-slim);
  }
  .bottom-slim {
    bottom: var(--padding-slim);
  }
  .left-slim {
    left: var(--padding-slim);
  }
  .top-extra-small {
    top: var(--padding-extra-small);
  }
  .right-extra-small {
    right: var(--padding-extra-small);
  }
  .bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .left-extra-small {
    left: var(--padding-extra-small);
  }
  .top-small {
    top: var(--padding-small);
  }
  .right-small {
    right: var(--padding-small);
  }
  .bottom-small {
    bottom: var(--padding-small);
  }
  .left-small {
    left: var(--padding-small);
  }
  .top-medium {
    top: var(--padding-medium);
  }
  .right-medium {
    right: var(--padding-medium);
  }
  .bottom-medium {
    bottom: var(--padding-medium);
  }
  .left-medium {
    left: var(--padding-medium);
  }
  .top-large {
    top: var(--padding-large);
  }
  .right-large {
    right: var(--padding-large);
  }
  .bottom-large {
    bottom: var(--padding-large);
  }
  .left-large {
    left: var(--padding-large);
  }
  .top-extra-large {
    top: var(--padding-extra-large);
  }
  .right-extra-large {
    right: var(--padding-extra-large);
  }
  .bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .left-extra-large {
    left: var(--padding-extra-large);
  }
  .top-huge {
    top: var(--padding-huge);
  }
  .right-huge {
    right: var(--padding-huge);
  }
  .bottom-huge {
    bottom: var(--padding-huge);
  }
  .left-huge {
    left: var(--padding-huge);
  }
  .d-none,
  .hover\:d-none:hover,
  .focus\:d-none:focus,
  .focus-within\:d-none:focus-within,
  .group:hover .group-hover\:d-none {
    display: none;
  }
  .d-block,
  .hover\:d-block:hover,
  .focus\:d-block:focus,
  .focus-within\:d-block:focus-within,
  .group:hover .group-hover\:d-block {
    display: block;
  }
  .d-inline-block,
  .hover\:d-inline-block:hover,
  .focus\:d-inline-block:focus,
  .focus-within\:d-inline-block:focus-within,
  .group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .d-flex,
  .hover\:d-flex:hover,
  .focus\:d-flex:focus,
  .focus-within\:d-flex:focus-within,
  .group:hover .group-hover\:d-flex {
    display: flex;
  }
  .d-inline-flex,
  .hover\:d-inline-flex:hover,
  .focus\:d-inline-flex:focus,
  .focus-within\:d-inline-flex:focus-within,
  .group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .d-grid,
  .hover\:d-grid:hover,
  .focus\:d-grid:focus,
  .focus-within\:d-grid:focus-within,
  .group:hover .group-hover\:d-grid {
    display: grid;
  }
  .d-inline-grid,
  .hover\:d-inline-grid:hover,
  .focus\:d-inline-grid:focus,
  .focus-within\:d-inline-grid:focus-within,
  .group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .p-static,
  .hover\:p-static:hover,
  .focus\:p-static:focus,
  .focus-within\:p-static:focus-within,
  .group:hover .group-hover\:p-static {
    position: static;
  }
  .p-fixed,
  .hover\:p-fixed:hover,
  .focus\:p-fixed:focus,
  .focus-within\:p-fixed:focus-within,
  .group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .p-absolute,
  .hover\:p-absolute:hover,
  .focus\:p-absolute:focus,
  .focus-within\:p-absolute:focus-within,
  .group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .p-relative,
  .hover\:p-relative:hover,
  .focus\:p-relative:focus,
  .focus-within\:p-relative:focus-within,
  .group:hover .group-hover\:p-relative {
    position: relative;
  }
  .p-sticky,
  .hover\:p-sticky:hover,
  .focus\:p-sticky:focus,
  .focus-within\:p-sticky:focus-within,
  .group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .overflow-hidden,
  .hover\:overflow-hidden:hover,
  .focus\:overflow-hidden:focus,
  .focus-within\:overflow-hidden:focus-within,
  .group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden,
  .hover\:overflow-x-hidden:hover,
  .focus\:overflow-x-hidden:focus,
  .focus-within\:overflow-x-hidden:focus-within,
  .group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-hidden,
  .hover\:overflow-y-hidden:hover,
  .focus\:overflow-y-hidden:focus,
  .focus-within\:overflow-y-hidden:focus-within,
  .group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-clip,
  .hover\:overflow-clip:hover,
  .focus\:overflow-clip:focus,
  .focus-within\:overflow-clip:focus-within,
  .group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .overflow-x-clip,
  .hover\:overflow-x-clip:hover,
  .focus\:overflow-x-clip:focus,
  .focus-within\:overflow-x-clip:focus-within,
  .group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-clip,
  .hover\:overflow-y-clip:hover,
  .focus\:overflow-y-clip:focus,
  .focus-within\:overflow-y-clip:focus-within,
  .group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-visible,
  .hover\:overflow-visible:hover,
  .focus\:overflow-visible:focus,
  .focus-within\:overflow-visible:focus-within,
  .group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .overflow-x-visible,
  .hover\:overflow-x-visible:hover,
  .focus\:overflow-x-visible:focus,
  .focus-within\:overflow-x-visible:focus-within,
  .group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-visible,
  .hover\:overflow-y-visible:hover,
  .focus\:overflow-y-visible:focus,
  .focus-within\:overflow-y-visible:focus-within,
  .group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .overflow-scroll,
  .hover\:overflow-scroll:hover,
  .focus\:overflow-scroll:focus,
  .focus-within\:overflow-scroll:focus-within,
  .group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .overflow-x-scroll,
  .hover\:overflow-x-scroll:hover,
  .focus\:overflow-x-scroll:focus,
  .focus-within\:overflow-x-scroll:focus-within,
  .group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-scroll,
  .hover\:overflow-y-scroll:hover,
  .focus\:overflow-y-scroll:focus,
  .focus-within\:overflow-y-scroll:focus-within,
  .group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-auto,
  .hover\:overflow-auto:hover,
  .focus\:overflow-auto:focus,
  .focus-within\:overflow-auto:focus-within,
  .group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .overflow-x-auto,
  .hover\:overflow-x-auto:hover,
  .focus\:overflow-x-auto:focus,
  .focus-within\:overflow-x-auto:focus-within,
  .group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto,
  .hover\:overflow-y-auto:hover,
  .focus\:overflow-y-auto:focus,
  .focus-within\:overflow-y-auto:focus-within,
  .group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-hidden,
  .hover\:overflow-hidden:hover,
  .focus\:overflow-hidden:focus,
  .focus-within\:overflow-hidden:focus-within,
  .group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .scroll-lock {
    overflow: hidden !important;
  }
}
@media (max-width: 1024px) {
  .tablet\:border-box {
    box-sizing: border-box;
  }
  .tablet\:content-box {
    box-sizing: content-box;
  }
  .tablet\:-z-100 {
    z-index: -100;
  }
  .tablet\:-z-99 {
    z-index: -99;
  }
  .tablet\:-z-98 {
    z-index: -98;
  }
  .tablet\:-z-97 {
    z-index: -97;
  }
  .tablet\:-z-96 {
    z-index: -96;
  }
  .tablet\:-z-95 {
    z-index: -95;
  }
  .tablet\:-z-94 {
    z-index: -94;
  }
  .tablet\:-z-93 {
    z-index: -93;
  }
  .tablet\:-z-92 {
    z-index: -92;
  }
  .tablet\:-z-91 {
    z-index: -91;
  }
  .tablet\:-z-90 {
    z-index: -90;
  }
  .tablet\:-z-89 {
    z-index: -89;
  }
  .tablet\:-z-88 {
    z-index: -88;
  }
  .tablet\:-z-87 {
    z-index: -87;
  }
  .tablet\:-z-86 {
    z-index: -86;
  }
  .tablet\:-z-85 {
    z-index: -85;
  }
  .tablet\:-z-84 {
    z-index: -84;
  }
  .tablet\:-z-83 {
    z-index: -83;
  }
  .tablet\:-z-82 {
    z-index: -82;
  }
  .tablet\:-z-81 {
    z-index: -81;
  }
  .tablet\:-z-80 {
    z-index: -80;
  }
  .tablet\:-z-79 {
    z-index: -79;
  }
  .tablet\:-z-78 {
    z-index: -78;
  }
  .tablet\:-z-77 {
    z-index: -77;
  }
  .tablet\:-z-76 {
    z-index: -76;
  }
  .tablet\:-z-75 {
    z-index: -75;
  }
  .tablet\:-z-74 {
    z-index: -74;
  }
  .tablet\:-z-73 {
    z-index: -73;
  }
  .tablet\:-z-72 {
    z-index: -72;
  }
  .tablet\:-z-71 {
    z-index: -71;
  }
  .tablet\:-z-70 {
    z-index: -70;
  }
  .tablet\:-z-69 {
    z-index: -69;
  }
  .tablet\:-z-68 {
    z-index: -68;
  }
  .tablet\:-z-67 {
    z-index: -67;
  }
  .tablet\:-z-66 {
    z-index: -66;
  }
  .tablet\:-z-65 {
    z-index: -65;
  }
  .tablet\:-z-64 {
    z-index: -64;
  }
  .tablet\:-z-63 {
    z-index: -63;
  }
  .tablet\:-z-62 {
    z-index: -62;
  }
  .tablet\:-z-61 {
    z-index: -61;
  }
  .tablet\:-z-60 {
    z-index: -60;
  }
  .tablet\:-z-59 {
    z-index: -59;
  }
  .tablet\:-z-58 {
    z-index: -58;
  }
  .tablet\:-z-57 {
    z-index: -57;
  }
  .tablet\:-z-56 {
    z-index: -56;
  }
  .tablet\:-z-55 {
    z-index: -55;
  }
  .tablet\:-z-54 {
    z-index: -54;
  }
  .tablet\:-z-53 {
    z-index: -53;
  }
  .tablet\:-z-52 {
    z-index: -52;
  }
  .tablet\:-z-51 {
    z-index: -51;
  }
  .tablet\:-z-50 {
    z-index: -50;
  }
  .tablet\:-z-49 {
    z-index: -49;
  }
  .tablet\:-z-48 {
    z-index: -48;
  }
  .tablet\:-z-47 {
    z-index: -47;
  }
  .tablet\:-z-46 {
    z-index: -46;
  }
  .tablet\:-z-45 {
    z-index: -45;
  }
  .tablet\:-z-44 {
    z-index: -44;
  }
  .tablet\:-z-43 {
    z-index: -43;
  }
  .tablet\:-z-42 {
    z-index: -42;
  }
  .tablet\:-z-41 {
    z-index: -41;
  }
  .tablet\:-z-40 {
    z-index: -40;
  }
  .tablet\:-z-39 {
    z-index: -39;
  }
  .tablet\:-z-38 {
    z-index: -38;
  }
  .tablet\:-z-37 {
    z-index: -37;
  }
  .tablet\:-z-36 {
    z-index: -36;
  }
  .tablet\:-z-35 {
    z-index: -35;
  }
  .tablet\:-z-34 {
    z-index: -34;
  }
  .tablet\:-z-33 {
    z-index: -33;
  }
  .tablet\:-z-32 {
    z-index: -32;
  }
  .tablet\:-z-31 {
    z-index: -31;
  }
  .tablet\:-z-30 {
    z-index: -30;
  }
  .tablet\:-z-29 {
    z-index: -29;
  }
  .tablet\:-z-28 {
    z-index: -28;
  }
  .tablet\:-z-27 {
    z-index: -27;
  }
  .tablet\:-z-26 {
    z-index: -26;
  }
  .tablet\:-z-25 {
    z-index: -25;
  }
  .tablet\:-z-24 {
    z-index: -24;
  }
  .tablet\:-z-23 {
    z-index: -23;
  }
  .tablet\:-z-22 {
    z-index: -22;
  }
  .tablet\:-z-21 {
    z-index: -21;
  }
  .tablet\:-z-20 {
    z-index: -20;
  }
  .tablet\:-z-19 {
    z-index: -19;
  }
  .tablet\:-z-18 {
    z-index: -18;
  }
  .tablet\:-z-17 {
    z-index: -17;
  }
  .tablet\:-z-16 {
    z-index: -16;
  }
  .tablet\:-z-15 {
    z-index: -15;
  }
  .tablet\:-z-14 {
    z-index: -14;
  }
  .tablet\:-z-13 {
    z-index: -13;
  }
  .tablet\:-z-12 {
    z-index: -12;
  }
  .tablet\:-z-11 {
    z-index: -11;
  }
  .tablet\:-z-10 {
    z-index: -10;
  }
  .tablet\:-z-9 {
    z-index: -9;
  }
  .tablet\:-z-8 {
    z-index: -8;
  }
  .tablet\:-z-7 {
    z-index: -7;
  }
  .tablet\:-z-6 {
    z-index: -6;
  }
  .tablet\:-z-5 {
    z-index: -5;
  }
  .tablet\:-z-4 {
    z-index: -4;
  }
  .tablet\:-z-3 {
    z-index: -3;
  }
  .tablet\:-z-2 {
    z-index: -2;
  }
  .tablet\:-z-1 {
    z-index: -1;
  }
  .tablet\:z-0 {
    z-index: 0;
  }
  .tablet\:z-1 {
    z-index: 1;
  }
  .tablet\:z-2 {
    z-index: 2;
  }
  .tablet\:z-3 {
    z-index: 3;
  }
  .tablet\:z-4 {
    z-index: 4;
  }
  .tablet\:z-5 {
    z-index: 5;
  }
  .tablet\:z-6 {
    z-index: 6;
  }
  .tablet\:z-7 {
    z-index: 7;
  }
  .tablet\:z-8 {
    z-index: 8;
  }
  .tablet\:z-9 {
    z-index: 9;
  }
  .tablet\:z-10 {
    z-index: 10;
  }
  .tablet\:z-11 {
    z-index: 11;
  }
  .tablet\:z-12 {
    z-index: 12;
  }
  .tablet\:z-13 {
    z-index: 13;
  }
  .tablet\:z-14 {
    z-index: 14;
  }
  .tablet\:z-15 {
    z-index: 15;
  }
  .tablet\:z-16 {
    z-index: 16;
  }
  .tablet\:z-17 {
    z-index: 17;
  }
  .tablet\:z-18 {
    z-index: 18;
  }
  .tablet\:z-19 {
    z-index: 19;
  }
  .tablet\:z-20 {
    z-index: 20;
  }
  .tablet\:z-21 {
    z-index: 21;
  }
  .tablet\:z-22 {
    z-index: 22;
  }
  .tablet\:z-23 {
    z-index: 23;
  }
  .tablet\:z-24 {
    z-index: 24;
  }
  .tablet\:z-25 {
    z-index: 25;
  }
  .tablet\:z-26 {
    z-index: 26;
  }
  .tablet\:z-27 {
    z-index: 27;
  }
  .tablet\:z-28 {
    z-index: 28;
  }
  .tablet\:z-29 {
    z-index: 29;
  }
  .tablet\:z-30 {
    z-index: 30;
  }
  .tablet\:z-31 {
    z-index: 31;
  }
  .tablet\:z-32 {
    z-index: 32;
  }
  .tablet\:z-33 {
    z-index: 33;
  }
  .tablet\:z-34 {
    z-index: 34;
  }
  .tablet\:z-35 {
    z-index: 35;
  }
  .tablet\:z-36 {
    z-index: 36;
  }
  .tablet\:z-37 {
    z-index: 37;
  }
  .tablet\:z-38 {
    z-index: 38;
  }
  .tablet\:z-39 {
    z-index: 39;
  }
  .tablet\:z-40 {
    z-index: 40;
  }
  .tablet\:z-41 {
    z-index: 41;
  }
  .tablet\:z-42 {
    z-index: 42;
  }
  .tablet\:z-43 {
    z-index: 43;
  }
  .tablet\:z-44 {
    z-index: 44;
  }
  .tablet\:z-45 {
    z-index: 45;
  }
  .tablet\:z-46 {
    z-index: 46;
  }
  .tablet\:z-47 {
    z-index: 47;
  }
  .tablet\:z-48 {
    z-index: 48;
  }
  .tablet\:z-49 {
    z-index: 49;
  }
  .tablet\:z-50 {
    z-index: 50;
  }
  .tablet\:z-51 {
    z-index: 51;
  }
  .tablet\:z-52 {
    z-index: 52;
  }
  .tablet\:z-53 {
    z-index: 53;
  }
  .tablet\:z-54 {
    z-index: 54;
  }
  .tablet\:z-55 {
    z-index: 55;
  }
  .tablet\:z-56 {
    z-index: 56;
  }
  .tablet\:z-57 {
    z-index: 57;
  }
  .tablet\:z-58 {
    z-index: 58;
  }
  .tablet\:z-59 {
    z-index: 59;
  }
  .tablet\:z-60 {
    z-index: 60;
  }
  .tablet\:z-61 {
    z-index: 61;
  }
  .tablet\:z-62 {
    z-index: 62;
  }
  .tablet\:z-63 {
    z-index: 63;
  }
  .tablet\:z-64 {
    z-index: 64;
  }
  .tablet\:z-65 {
    z-index: 65;
  }
  .tablet\:z-66 {
    z-index: 66;
  }
  .tablet\:z-67 {
    z-index: 67;
  }
  .tablet\:z-68 {
    z-index: 68;
  }
  .tablet\:z-69 {
    z-index: 69;
  }
  .tablet\:z-70 {
    z-index: 70;
  }
  .tablet\:z-71 {
    z-index: 71;
  }
  .tablet\:z-72 {
    z-index: 72;
  }
  .tablet\:z-73 {
    z-index: 73;
  }
  .tablet\:z-74 {
    z-index: 74;
  }
  .tablet\:z-75 {
    z-index: 75;
  }
  .tablet\:z-76 {
    z-index: 76;
  }
  .tablet\:z-77 {
    z-index: 77;
  }
  .tablet\:z-78 {
    z-index: 78;
  }
  .tablet\:z-79 {
    z-index: 79;
  }
  .tablet\:z-80 {
    z-index: 80;
  }
  .tablet\:z-81 {
    z-index: 81;
  }
  .tablet\:z-82 {
    z-index: 82;
  }
  .tablet\:z-83 {
    z-index: 83;
  }
  .tablet\:z-84 {
    z-index: 84;
  }
  .tablet\:z-85 {
    z-index: 85;
  }
  .tablet\:z-86 {
    z-index: 86;
  }
  .tablet\:z-87 {
    z-index: 87;
  }
  .tablet\:z-88 {
    z-index: 88;
  }
  .tablet\:z-89 {
    z-index: 89;
  }
  .tablet\:z-90 {
    z-index: 90;
  }
  .tablet\:z-91 {
    z-index: 91;
  }
  .tablet\:z-92 {
    z-index: 92;
  }
  .tablet\:z-93 {
    z-index: 93;
  }
  .tablet\:z-94 {
    z-index: 94;
  }
  .tablet\:z-95 {
    z-index: 95;
  }
  .tablet\:z-96 {
    z-index: 96;
  }
  .tablet\:z-97 {
    z-index: 97;
  }
  .tablet\:z-98 {
    z-index: 98;
  }
  .tablet\:z-99 {
    z-index: 99;
  }
  .tablet\:z-100 {
    z-index: 100;
  }
  .tablet\:inset,
  .tablet\:inset-0 {
    inset: 0;
  }
  .tablet\:top-0 {
    top: 0;
  }
  .tablet\:right-0 {
    right: 0;
  }
  .tablet\:bottom-0 {
    bottom: 0;
  }
  .tablet\:left-0 {
    left: 0;
  }
  .tablet\:top-none {
    top: var(--padding-none);
  }
  .tablet\:right-none {
    right: var(--padding-none);
  }
  .tablet\:bottom-none {
    bottom: var(--padding-none);
  }
  .tablet\:left-none {
    left: var(--padding-none);
  }
  .tablet\:top-hairline {
    top: var(--padding-hairline);
  }
  .tablet\:right-hairline {
    right: var(--padding-hairline);
  }
  .tablet\:bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .tablet\:left-hairline {
    left: var(--padding-hairline);
  }
  .tablet\:top-thin {
    top: var(--padding-thin);
  }
  .tablet\:right-thin {
    right: var(--padding-thin);
  }
  .tablet\:bottom-thin {
    bottom: var(--padding-thin);
  }
  .tablet\:left-thin {
    left: var(--padding-thin);
  }
  .tablet\:top-slim {
    top: var(--padding-slim);
  }
  .tablet\:right-slim {
    right: var(--padding-slim);
  }
  .tablet\:bottom-slim {
    bottom: var(--padding-slim);
  }
  .tablet\:left-slim {
    left: var(--padding-slim);
  }
  .tablet\:top-extra-small {
    top: var(--padding-extra-small);
  }
  .tablet\:right-extra-small {
    right: var(--padding-extra-small);
  }
  .tablet\:bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .tablet\:left-extra-small {
    left: var(--padding-extra-small);
  }
  .tablet\:top-small {
    top: var(--padding-small);
  }
  .tablet\:right-small {
    right: var(--padding-small);
  }
  .tablet\:bottom-small {
    bottom: var(--padding-small);
  }
  .tablet\:left-small {
    left: var(--padding-small);
  }
  .tablet\:top-medium {
    top: var(--padding-medium);
  }
  .tablet\:right-medium {
    right: var(--padding-medium);
  }
  .tablet\:bottom-medium {
    bottom: var(--padding-medium);
  }
  .tablet\:left-medium {
    left: var(--padding-medium);
  }
  .tablet\:top-large {
    top: var(--padding-large);
  }
  .tablet\:right-large {
    right: var(--padding-large);
  }
  .tablet\:bottom-large {
    bottom: var(--padding-large);
  }
  .tablet\:left-large {
    left: var(--padding-large);
  }
  .tablet\:top-extra-large {
    top: var(--padding-extra-large);
  }
  .tablet\:right-extra-large {
    right: var(--padding-extra-large);
  }
  .tablet\:bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .tablet\:left-extra-large {
    left: var(--padding-extra-large);
  }
  .tablet\:top-huge {
    top: var(--padding-huge);
  }
  .tablet\:right-huge {
    right: var(--padding-huge);
  }
  .tablet\:bottom-huge {
    bottom: var(--padding-huge);
  }
  .tablet\:left-huge {
    left: var(--padding-huge);
  }
  .tablet\:d-none,
  .tablet\:hover\:d-none:hover,
  .tablet\:focus\:d-none:focus,
  .tablet\:focus-within\:d-none:focus-within,
  .tablet\:group:hover .group-hover\:d-none {
    display: none;
  }
  .tablet\:d-block,
  .tablet\:hover\:d-block:hover,
  .tablet\:focus\:d-block:focus,
  .tablet\:focus-within\:d-block:focus-within,
  .tablet\:group:hover .group-hover\:d-block {
    display: block;
  }
  .tablet\:d-inline-block,
  .tablet\:hover\:d-inline-block:hover,
  .tablet\:focus\:d-inline-block:focus,
  .tablet\:focus-within\:d-inline-block:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .tablet\:d-flex,
  .tablet\:hover\:d-flex:hover,
  .tablet\:focus\:d-flex:focus,
  .tablet\:focus-within\:d-flex:focus-within,
  .tablet\:group:hover .group-hover\:d-flex {
    display: flex;
  }
  .tablet\:d-inline-flex,
  .tablet\:hover\:d-inline-flex:hover,
  .tablet\:focus\:d-inline-flex:focus,
  .tablet\:focus-within\:d-inline-flex:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .tablet\:d-grid,
  .tablet\:hover\:d-grid:hover,
  .tablet\:focus\:d-grid:focus,
  .tablet\:focus-within\:d-grid:focus-within,
  .tablet\:group:hover .group-hover\:d-grid {
    display: grid;
  }
  .tablet\:d-inline-grid,
  .tablet\:hover\:d-inline-grid:hover,
  .tablet\:focus\:d-inline-grid:focus,
  .tablet\:focus-within\:d-inline-grid:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .tablet\:p-static,
  .tablet\:hover\:p-static:hover,
  .tablet\:focus\:p-static:focus,
  .tablet\:focus-within\:p-static:focus-within,
  .tablet\:group:hover .group-hover\:p-static {
    position: static;
  }
  .tablet\:p-fixed,
  .tablet\:hover\:p-fixed:hover,
  .tablet\:focus\:p-fixed:focus,
  .tablet\:focus-within\:p-fixed:focus-within,
  .tablet\:group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .tablet\:p-absolute,
  .tablet\:hover\:p-absolute:hover,
  .tablet\:focus\:p-absolute:focus,
  .tablet\:focus-within\:p-absolute:focus-within,
  .tablet\:group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .tablet\:p-relative,
  .tablet\:hover\:p-relative:hover,
  .tablet\:focus\:p-relative:focus,
  .tablet\:focus-within\:p-relative:focus-within,
  .tablet\:group:hover .group-hover\:p-relative {
    position: relative;
  }
  .tablet\:p-sticky,
  .tablet\:hover\:p-sticky:hover,
  .tablet\:focus\:p-sticky:focus,
  .tablet\:focus-within\:p-sticky:focus-within,
  .tablet\:group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .tablet\:overflow-hidden,
  .tablet\:hover\:overflow-hidden:hover,
  .tablet\:focus\:overflow-hidden:focus,
  .tablet\:focus-within\:overflow-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .tablet\:overflow-x-hidden,
  .tablet\:hover\:overflow-x-hidden:hover,
  .tablet\:focus\:overflow-x-hidden:focus,
  .tablet\:focus-within\:overflow-x-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .tablet\:overflow-y-hidden,
  .tablet\:hover\:overflow-y-hidden:hover,
  .tablet\:focus\:overflow-y-hidden:focus,
  .tablet\:focus-within\:overflow-y-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .tablet\:overflow-clip,
  .tablet\:hover\:overflow-clip:hover,
  .tablet\:focus\:overflow-clip:focus,
  .tablet\:focus-within\:overflow-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .tablet\:overflow-x-clip,
  .tablet\:hover\:overflow-x-clip:hover,
  .tablet\:focus\:overflow-x-clip:focus,
  .tablet\:focus-within\:overflow-x-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .tablet\:overflow-y-clip,
  .tablet\:hover\:overflow-y-clip:hover,
  .tablet\:focus\:overflow-y-clip:focus,
  .tablet\:focus-within\:overflow-y-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .tablet\:overflow-visible,
  .tablet\:hover\:overflow-visible:hover,
  .tablet\:focus\:overflow-visible:focus,
  .tablet\:focus-within\:overflow-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .tablet\:overflow-x-visible,
  .tablet\:hover\:overflow-x-visible:hover,
  .tablet\:focus\:overflow-x-visible:focus,
  .tablet\:focus-within\:overflow-x-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .tablet\:overflow-y-visible,
  .tablet\:hover\:overflow-y-visible:hover,
  .tablet\:focus\:overflow-y-visible:focus,
  .tablet\:focus-within\:overflow-y-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .tablet\:overflow-scroll,
  .tablet\:hover\:overflow-scroll:hover,
  .tablet\:focus\:overflow-scroll:focus,
  .tablet\:focus-within\:overflow-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .tablet\:overflow-x-scroll,
  .tablet\:hover\:overflow-x-scroll:hover,
  .tablet\:focus\:overflow-x-scroll:focus,
  .tablet\:focus-within\:overflow-x-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .tablet\:overflow-y-scroll,
  .tablet\:hover\:overflow-y-scroll:hover,
  .tablet\:focus\:overflow-y-scroll:focus,
  .tablet\:focus-within\:overflow-y-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .tablet\:overflow-auto,
  .tablet\:hover\:overflow-auto:hover,
  .tablet\:focus\:overflow-auto:focus,
  .tablet\:focus-within\:overflow-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .tablet\:overflow-x-auto,
  .tablet\:hover\:overflow-x-auto:hover,
  .tablet\:focus\:overflow-x-auto:focus,
  .tablet\:focus-within\:overflow-x-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .tablet\:overflow-y-auto,
  .tablet\:hover\:overflow-y-auto:hover,
  .tablet\:focus\:overflow-y-auto:focus,
  .tablet\:focus-within\:overflow-y-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .tablet\:overflow-hidden,
  .tablet\:hover\:overflow-hidden:hover,
  .tablet\:focus\:overflow-hidden:focus,
  .tablet\:focus-within\:overflow-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .tablet\:scroll-lock {
    overflow: hidden !important;
  }
}
@media (max-width: 768px) {
  .mobile\:border-box {
    box-sizing: border-box;
  }
  .mobile\:content-box {
    box-sizing: content-box;
  }
  .mobile\:-z-100 {
    z-index: -100;
  }
  .mobile\:-z-99 {
    z-index: -99;
  }
  .mobile\:-z-98 {
    z-index: -98;
  }
  .mobile\:-z-97 {
    z-index: -97;
  }
  .mobile\:-z-96 {
    z-index: -96;
  }
  .mobile\:-z-95 {
    z-index: -95;
  }
  .mobile\:-z-94 {
    z-index: -94;
  }
  .mobile\:-z-93 {
    z-index: -93;
  }
  .mobile\:-z-92 {
    z-index: -92;
  }
  .mobile\:-z-91 {
    z-index: -91;
  }
  .mobile\:-z-90 {
    z-index: -90;
  }
  .mobile\:-z-89 {
    z-index: -89;
  }
  .mobile\:-z-88 {
    z-index: -88;
  }
  .mobile\:-z-87 {
    z-index: -87;
  }
  .mobile\:-z-86 {
    z-index: -86;
  }
  .mobile\:-z-85 {
    z-index: -85;
  }
  .mobile\:-z-84 {
    z-index: -84;
  }
  .mobile\:-z-83 {
    z-index: -83;
  }
  .mobile\:-z-82 {
    z-index: -82;
  }
  .mobile\:-z-81 {
    z-index: -81;
  }
  .mobile\:-z-80 {
    z-index: -80;
  }
  .mobile\:-z-79 {
    z-index: -79;
  }
  .mobile\:-z-78 {
    z-index: -78;
  }
  .mobile\:-z-77 {
    z-index: -77;
  }
  .mobile\:-z-76 {
    z-index: -76;
  }
  .mobile\:-z-75 {
    z-index: -75;
  }
  .mobile\:-z-74 {
    z-index: -74;
  }
  .mobile\:-z-73 {
    z-index: -73;
  }
  .mobile\:-z-72 {
    z-index: -72;
  }
  .mobile\:-z-71 {
    z-index: -71;
  }
  .mobile\:-z-70 {
    z-index: -70;
  }
  .mobile\:-z-69 {
    z-index: -69;
  }
  .mobile\:-z-68 {
    z-index: -68;
  }
  .mobile\:-z-67 {
    z-index: -67;
  }
  .mobile\:-z-66 {
    z-index: -66;
  }
  .mobile\:-z-65 {
    z-index: -65;
  }
  .mobile\:-z-64 {
    z-index: -64;
  }
  .mobile\:-z-63 {
    z-index: -63;
  }
  .mobile\:-z-62 {
    z-index: -62;
  }
  .mobile\:-z-61 {
    z-index: -61;
  }
  .mobile\:-z-60 {
    z-index: -60;
  }
  .mobile\:-z-59 {
    z-index: -59;
  }
  .mobile\:-z-58 {
    z-index: -58;
  }
  .mobile\:-z-57 {
    z-index: -57;
  }
  .mobile\:-z-56 {
    z-index: -56;
  }
  .mobile\:-z-55 {
    z-index: -55;
  }
  .mobile\:-z-54 {
    z-index: -54;
  }
  .mobile\:-z-53 {
    z-index: -53;
  }
  .mobile\:-z-52 {
    z-index: -52;
  }
  .mobile\:-z-51 {
    z-index: -51;
  }
  .mobile\:-z-50 {
    z-index: -50;
  }
  .mobile\:-z-49 {
    z-index: -49;
  }
  .mobile\:-z-48 {
    z-index: -48;
  }
  .mobile\:-z-47 {
    z-index: -47;
  }
  .mobile\:-z-46 {
    z-index: -46;
  }
  .mobile\:-z-45 {
    z-index: -45;
  }
  .mobile\:-z-44 {
    z-index: -44;
  }
  .mobile\:-z-43 {
    z-index: -43;
  }
  .mobile\:-z-42 {
    z-index: -42;
  }
  .mobile\:-z-41 {
    z-index: -41;
  }
  .mobile\:-z-40 {
    z-index: -40;
  }
  .mobile\:-z-39 {
    z-index: -39;
  }
  .mobile\:-z-38 {
    z-index: -38;
  }
  .mobile\:-z-37 {
    z-index: -37;
  }
  .mobile\:-z-36 {
    z-index: -36;
  }
  .mobile\:-z-35 {
    z-index: -35;
  }
  .mobile\:-z-34 {
    z-index: -34;
  }
  .mobile\:-z-33 {
    z-index: -33;
  }
  .mobile\:-z-32 {
    z-index: -32;
  }
  .mobile\:-z-31 {
    z-index: -31;
  }
  .mobile\:-z-30 {
    z-index: -30;
  }
  .mobile\:-z-29 {
    z-index: -29;
  }
  .mobile\:-z-28 {
    z-index: -28;
  }
  .mobile\:-z-27 {
    z-index: -27;
  }
  .mobile\:-z-26 {
    z-index: -26;
  }
  .mobile\:-z-25 {
    z-index: -25;
  }
  .mobile\:-z-24 {
    z-index: -24;
  }
  .mobile\:-z-23 {
    z-index: -23;
  }
  .mobile\:-z-22 {
    z-index: -22;
  }
  .mobile\:-z-21 {
    z-index: -21;
  }
  .mobile\:-z-20 {
    z-index: -20;
  }
  .mobile\:-z-19 {
    z-index: -19;
  }
  .mobile\:-z-18 {
    z-index: -18;
  }
  .mobile\:-z-17 {
    z-index: -17;
  }
  .mobile\:-z-16 {
    z-index: -16;
  }
  .mobile\:-z-15 {
    z-index: -15;
  }
  .mobile\:-z-14 {
    z-index: -14;
  }
  .mobile\:-z-13 {
    z-index: -13;
  }
  .mobile\:-z-12 {
    z-index: -12;
  }
  .mobile\:-z-11 {
    z-index: -11;
  }
  .mobile\:-z-10 {
    z-index: -10;
  }
  .mobile\:-z-9 {
    z-index: -9;
  }
  .mobile\:-z-8 {
    z-index: -8;
  }
  .mobile\:-z-7 {
    z-index: -7;
  }
  .mobile\:-z-6 {
    z-index: -6;
  }
  .mobile\:-z-5 {
    z-index: -5;
  }
  .mobile\:-z-4 {
    z-index: -4;
  }
  .mobile\:-z-3 {
    z-index: -3;
  }
  .mobile\:-z-2 {
    z-index: -2;
  }
  .mobile\:-z-1 {
    z-index: -1;
  }
  .mobile\:z-0 {
    z-index: 0;
  }
  .mobile\:z-1 {
    z-index: 1;
  }
  .mobile\:z-2 {
    z-index: 2;
  }
  .mobile\:z-3 {
    z-index: 3;
  }
  .mobile\:z-4 {
    z-index: 4;
  }
  .mobile\:z-5 {
    z-index: 5;
  }
  .mobile\:z-6 {
    z-index: 6;
  }
  .mobile\:z-7 {
    z-index: 7;
  }
  .mobile\:z-8 {
    z-index: 8;
  }
  .mobile\:z-9 {
    z-index: 9;
  }
  .mobile\:z-10 {
    z-index: 10;
  }
  .mobile\:z-11 {
    z-index: 11;
  }
  .mobile\:z-12 {
    z-index: 12;
  }
  .mobile\:z-13 {
    z-index: 13;
  }
  .mobile\:z-14 {
    z-index: 14;
  }
  .mobile\:z-15 {
    z-index: 15;
  }
  .mobile\:z-16 {
    z-index: 16;
  }
  .mobile\:z-17 {
    z-index: 17;
  }
  .mobile\:z-18 {
    z-index: 18;
  }
  .mobile\:z-19 {
    z-index: 19;
  }
  .mobile\:z-20 {
    z-index: 20;
  }
  .mobile\:z-21 {
    z-index: 21;
  }
  .mobile\:z-22 {
    z-index: 22;
  }
  .mobile\:z-23 {
    z-index: 23;
  }
  .mobile\:z-24 {
    z-index: 24;
  }
  .mobile\:z-25 {
    z-index: 25;
  }
  .mobile\:z-26 {
    z-index: 26;
  }
  .mobile\:z-27 {
    z-index: 27;
  }
  .mobile\:z-28 {
    z-index: 28;
  }
  .mobile\:z-29 {
    z-index: 29;
  }
  .mobile\:z-30 {
    z-index: 30;
  }
  .mobile\:z-31 {
    z-index: 31;
  }
  .mobile\:z-32 {
    z-index: 32;
  }
  .mobile\:z-33 {
    z-index: 33;
  }
  .mobile\:z-34 {
    z-index: 34;
  }
  .mobile\:z-35 {
    z-index: 35;
  }
  .mobile\:z-36 {
    z-index: 36;
  }
  .mobile\:z-37 {
    z-index: 37;
  }
  .mobile\:z-38 {
    z-index: 38;
  }
  .mobile\:z-39 {
    z-index: 39;
  }
  .mobile\:z-40 {
    z-index: 40;
  }
  .mobile\:z-41 {
    z-index: 41;
  }
  .mobile\:z-42 {
    z-index: 42;
  }
  .mobile\:z-43 {
    z-index: 43;
  }
  .mobile\:z-44 {
    z-index: 44;
  }
  .mobile\:z-45 {
    z-index: 45;
  }
  .mobile\:z-46 {
    z-index: 46;
  }
  .mobile\:z-47 {
    z-index: 47;
  }
  .mobile\:z-48 {
    z-index: 48;
  }
  .mobile\:z-49 {
    z-index: 49;
  }
  .mobile\:z-50 {
    z-index: 50;
  }
  .mobile\:z-51 {
    z-index: 51;
  }
  .mobile\:z-52 {
    z-index: 52;
  }
  .mobile\:z-53 {
    z-index: 53;
  }
  .mobile\:z-54 {
    z-index: 54;
  }
  .mobile\:z-55 {
    z-index: 55;
  }
  .mobile\:z-56 {
    z-index: 56;
  }
  .mobile\:z-57 {
    z-index: 57;
  }
  .mobile\:z-58 {
    z-index: 58;
  }
  .mobile\:z-59 {
    z-index: 59;
  }
  .mobile\:z-60 {
    z-index: 60;
  }
  .mobile\:z-61 {
    z-index: 61;
  }
  .mobile\:z-62 {
    z-index: 62;
  }
  .mobile\:z-63 {
    z-index: 63;
  }
  .mobile\:z-64 {
    z-index: 64;
  }
  .mobile\:z-65 {
    z-index: 65;
  }
  .mobile\:z-66 {
    z-index: 66;
  }
  .mobile\:z-67 {
    z-index: 67;
  }
  .mobile\:z-68 {
    z-index: 68;
  }
  .mobile\:z-69 {
    z-index: 69;
  }
  .mobile\:z-70 {
    z-index: 70;
  }
  .mobile\:z-71 {
    z-index: 71;
  }
  .mobile\:z-72 {
    z-index: 72;
  }
  .mobile\:z-73 {
    z-index: 73;
  }
  .mobile\:z-74 {
    z-index: 74;
  }
  .mobile\:z-75 {
    z-index: 75;
  }
  .mobile\:z-76 {
    z-index: 76;
  }
  .mobile\:z-77 {
    z-index: 77;
  }
  .mobile\:z-78 {
    z-index: 78;
  }
  .mobile\:z-79 {
    z-index: 79;
  }
  .mobile\:z-80 {
    z-index: 80;
  }
  .mobile\:z-81 {
    z-index: 81;
  }
  .mobile\:z-82 {
    z-index: 82;
  }
  .mobile\:z-83 {
    z-index: 83;
  }
  .mobile\:z-84 {
    z-index: 84;
  }
  .mobile\:z-85 {
    z-index: 85;
  }
  .mobile\:z-86 {
    z-index: 86;
  }
  .mobile\:z-87 {
    z-index: 87;
  }
  .mobile\:z-88 {
    z-index: 88;
  }
  .mobile\:z-89 {
    z-index: 89;
  }
  .mobile\:z-90 {
    z-index: 90;
  }
  .mobile\:z-91 {
    z-index: 91;
  }
  .mobile\:z-92 {
    z-index: 92;
  }
  .mobile\:z-93 {
    z-index: 93;
  }
  .mobile\:z-94 {
    z-index: 94;
  }
  .mobile\:z-95 {
    z-index: 95;
  }
  .mobile\:z-96 {
    z-index: 96;
  }
  .mobile\:z-97 {
    z-index: 97;
  }
  .mobile\:z-98 {
    z-index: 98;
  }
  .mobile\:z-99 {
    z-index: 99;
  }
  .mobile\:z-100 {
    z-index: 100;
  }
  .mobile\:inset,
  .mobile\:inset-0 {
    inset: 0;
  }
  .mobile\:top-0 {
    top: 0;
  }
  .mobile\:right-0 {
    right: 0;
  }
  .mobile\:bottom-0 {
    bottom: 0;
  }
  .mobile\:left-0 {
    left: 0;
  }
  .mobile\:top-none {
    top: var(--padding-none);
  }
  .mobile\:right-none {
    right: var(--padding-none);
  }
  .mobile\:bottom-none {
    bottom: var(--padding-none);
  }
  .mobile\:left-none {
    left: var(--padding-none);
  }
  .mobile\:top-hairline {
    top: var(--padding-hairline);
  }
  .mobile\:right-hairline {
    right: var(--padding-hairline);
  }
  .mobile\:bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .mobile\:left-hairline {
    left: var(--padding-hairline);
  }
  .mobile\:top-thin {
    top: var(--padding-thin);
  }
  .mobile\:right-thin {
    right: var(--padding-thin);
  }
  .mobile\:bottom-thin {
    bottom: var(--padding-thin);
  }
  .mobile\:left-thin {
    left: var(--padding-thin);
  }
  .mobile\:top-slim {
    top: var(--padding-slim);
  }
  .mobile\:right-slim {
    right: var(--padding-slim);
  }
  .mobile\:bottom-slim {
    bottom: var(--padding-slim);
  }
  .mobile\:left-slim {
    left: var(--padding-slim);
  }
  .mobile\:top-extra-small {
    top: var(--padding-extra-small);
  }
  .mobile\:right-extra-small {
    right: var(--padding-extra-small);
  }
  .mobile\:bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .mobile\:left-extra-small {
    left: var(--padding-extra-small);
  }
  .mobile\:top-small {
    top: var(--padding-small);
  }
  .mobile\:right-small {
    right: var(--padding-small);
  }
  .mobile\:bottom-small {
    bottom: var(--padding-small);
  }
  .mobile\:left-small {
    left: var(--padding-small);
  }
  .mobile\:top-medium {
    top: var(--padding-medium);
  }
  .mobile\:right-medium {
    right: var(--padding-medium);
  }
  .mobile\:bottom-medium {
    bottom: var(--padding-medium);
  }
  .mobile\:left-medium {
    left: var(--padding-medium);
  }
  .mobile\:top-large {
    top: var(--padding-large);
  }
  .mobile\:right-large {
    right: var(--padding-large);
  }
  .mobile\:bottom-large {
    bottom: var(--padding-large);
  }
  .mobile\:left-large {
    left: var(--padding-large);
  }
  .mobile\:top-extra-large {
    top: var(--padding-extra-large);
  }
  .mobile\:right-extra-large {
    right: var(--padding-extra-large);
  }
  .mobile\:bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .mobile\:left-extra-large {
    left: var(--padding-extra-large);
  }
  .mobile\:top-huge {
    top: var(--padding-huge);
  }
  .mobile\:right-huge {
    right: var(--padding-huge);
  }
  .mobile\:bottom-huge {
    bottom: var(--padding-huge);
  }
  .mobile\:left-huge {
    left: var(--padding-huge);
  }
  .mobile\:d-none,
  .mobile\:hover\:d-none:hover,
  .mobile\:focus\:d-none:focus,
  .mobile\:focus-within\:d-none:focus-within,
  .mobile\:group:hover .group-hover\:d-none {
    display: none;
  }
  .mobile\:d-block,
  .mobile\:hover\:d-block:hover,
  .mobile\:focus\:d-block:focus,
  .mobile\:focus-within\:d-block:focus-within,
  .mobile\:group:hover .group-hover\:d-block {
    display: block;
  }
  .mobile\:d-inline-block,
  .mobile\:hover\:d-inline-block:hover,
  .mobile\:focus\:d-inline-block:focus,
  .mobile\:focus-within\:d-inline-block:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .mobile\:d-flex,
  .mobile\:hover\:d-flex:hover,
  .mobile\:focus\:d-flex:focus,
  .mobile\:focus-within\:d-flex:focus-within,
  .mobile\:group:hover .group-hover\:d-flex {
    display: flex;
  }
  .mobile\:d-inline-flex,
  .mobile\:hover\:d-inline-flex:hover,
  .mobile\:focus\:d-inline-flex:focus,
  .mobile\:focus-within\:d-inline-flex:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .mobile\:d-grid,
  .mobile\:hover\:d-grid:hover,
  .mobile\:focus\:d-grid:focus,
  .mobile\:focus-within\:d-grid:focus-within,
  .mobile\:group:hover .group-hover\:d-grid {
    display: grid;
  }
  .mobile\:d-inline-grid,
  .mobile\:hover\:d-inline-grid:hover,
  .mobile\:focus\:d-inline-grid:focus,
  .mobile\:focus-within\:d-inline-grid:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .mobile\:p-static,
  .mobile\:hover\:p-static:hover,
  .mobile\:focus\:p-static:focus,
  .mobile\:focus-within\:p-static:focus-within,
  .mobile\:group:hover .group-hover\:p-static {
    position: static;
  }
  .mobile\:p-fixed,
  .mobile\:hover\:p-fixed:hover,
  .mobile\:focus\:p-fixed:focus,
  .mobile\:focus-within\:p-fixed:focus-within,
  .mobile\:group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .mobile\:p-absolute,
  .mobile\:hover\:p-absolute:hover,
  .mobile\:focus\:p-absolute:focus,
  .mobile\:focus-within\:p-absolute:focus-within,
  .mobile\:group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .mobile\:p-relative,
  .mobile\:hover\:p-relative:hover,
  .mobile\:focus\:p-relative:focus,
  .mobile\:focus-within\:p-relative:focus-within,
  .mobile\:group:hover .group-hover\:p-relative {
    position: relative;
  }
  .mobile\:p-sticky,
  .mobile\:hover\:p-sticky:hover,
  .mobile\:focus\:p-sticky:focus,
  .mobile\:focus-within\:p-sticky:focus-within,
  .mobile\:group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .mobile\:overflow-hidden,
  .mobile\:hover\:overflow-hidden:hover,
  .mobile\:focus\:overflow-hidden:focus,
  .mobile\:focus-within\:overflow-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .mobile\:overflow-x-hidden,
  .mobile\:hover\:overflow-x-hidden:hover,
  .mobile\:focus\:overflow-x-hidden:focus,
  .mobile\:focus-within\:overflow-x-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .mobile\:overflow-y-hidden,
  .mobile\:hover\:overflow-y-hidden:hover,
  .mobile\:focus\:overflow-y-hidden:focus,
  .mobile\:focus-within\:overflow-y-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .mobile\:overflow-clip,
  .mobile\:hover\:overflow-clip:hover,
  .mobile\:focus\:overflow-clip:focus,
  .mobile\:focus-within\:overflow-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .mobile\:overflow-x-clip,
  .mobile\:hover\:overflow-x-clip:hover,
  .mobile\:focus\:overflow-x-clip:focus,
  .mobile\:focus-within\:overflow-x-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .mobile\:overflow-y-clip,
  .mobile\:hover\:overflow-y-clip:hover,
  .mobile\:focus\:overflow-y-clip:focus,
  .mobile\:focus-within\:overflow-y-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .mobile\:overflow-visible,
  .mobile\:hover\:overflow-visible:hover,
  .mobile\:focus\:overflow-visible:focus,
  .mobile\:focus-within\:overflow-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .mobile\:overflow-x-visible,
  .mobile\:hover\:overflow-x-visible:hover,
  .mobile\:focus\:overflow-x-visible:focus,
  .mobile\:focus-within\:overflow-x-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .mobile\:overflow-y-visible,
  .mobile\:hover\:overflow-y-visible:hover,
  .mobile\:focus\:overflow-y-visible:focus,
  .mobile\:focus-within\:overflow-y-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .mobile\:overflow-scroll,
  .mobile\:hover\:overflow-scroll:hover,
  .mobile\:focus\:overflow-scroll:focus,
  .mobile\:focus-within\:overflow-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .mobile\:overflow-x-scroll,
  .mobile\:hover\:overflow-x-scroll:hover,
  .mobile\:focus\:overflow-x-scroll:focus,
  .mobile\:focus-within\:overflow-x-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .mobile\:overflow-y-scroll,
  .mobile\:hover\:overflow-y-scroll:hover,
  .mobile\:focus\:overflow-y-scroll:focus,
  .mobile\:focus-within\:overflow-y-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .mobile\:overflow-auto,
  .mobile\:hover\:overflow-auto:hover,
  .mobile\:focus\:overflow-auto:focus,
  .mobile\:focus-within\:overflow-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .mobile\:overflow-x-auto,
  .mobile\:hover\:overflow-x-auto:hover,
  .mobile\:focus\:overflow-x-auto:focus,
  .mobile\:focus-within\:overflow-x-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .mobile\:overflow-y-auto,
  .mobile\:hover\:overflow-y-auto:hover,
  .mobile\:focus\:overflow-y-auto:focus,
  .mobile\:focus-within\:overflow-y-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .mobile\:overflow-hidden,
  .mobile\:hover\:overflow-hidden:hover,
  .mobile\:focus\:overflow-hidden:focus,
  .mobile\:focus-within\:overflow-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .mobile\:scroll-lock {
    overflow: hidden !important;
  }
}
.footer-cta {
  margin-bottom: -var(--padding-huge);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .footer-cta {
    margin: 0 var(--padding-large);
  }
}
.footer-cta-content {
  max-width: calc(1440px / 12 * 7);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  justify-content: center;
}
.footer-cta-content .buttons {
  justify-content: center;
}
@media (max-width: 1024px) {
  .footer-cta-content {
    max-width: 100%;
    text-align: center;
    align-items: center;
  }
}
.footer-cta-content-wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .footer-cta-content-wrapper {
    flex-direction: column;
    gap: var(--padding-small);
  }
}
.footer-cta-signup-links {
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  flex-wrap: wrap;
}
.footer-cta-media {
  max-width: calc(1440px / 12 * 5);
  width: 100%;
}
.footer-cta-media .patch-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  margin: auto;
}
@media (max-width: 1024px) {
  .footer-cta-media {
    max-width: 100%;
  }
}

.carousel {
  position: relative;
  perspective: 6.25rem;
  margin-left: -var(--padding-huge);
  margin-right: -var(--padding-huge);
}
.carousel ol,
.carousel ul,
.carousel li {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.carousel .carousel-wrapper {
  display: flex;
  gap: var(--padding-large);
  overflow: scroll hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.carousel .carousel-slide {
  position: relative;
  flex: 0 0 60%;
  width: 60%;
}
.carousel .carousel-slide:first-of-type {
  margin-left: 50%;
}
.carousel .carousel-slide:last-of-type {
  margin-right: 50%;
}
@media (max-width: 768px) {
  .carousel .carousel-slide {
    flex: 0 0 90%;
    width: 90%;
  }
}
.carousel .carousel-snap {
  scroll-snap-align: center;
}
.carousel * {
  box-sizing: border-box;
  scrollbar-color: transparent transparent;
  scrollbar-width: 0;
  -ms-overflow-style: none;
}
.carousel *::-webkit-scrollbar {
  width: 0;
}
.carousel *::-webkit-scrollbar-track {
  background: transparent;
}
.carousel *::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
}
@media (max-width: 768px) {
  .carousel {
    margin-left: -var(--padding-small);
    margin-right: -var(--padding-small);
  }
}

.brandui-footer {
  padding: var(--padding-large);
  padding-top: var(--padding-huge);
}
.brandui-footer .footer-content {
  display: grid;
  gap: var(--padding-large);
}
.brandui-footer .footer-content:not(:has(.footer-navigation)) .footer-info {
  border: none;
  padding-top: 0;
}
.brandui-footer .footer-navigation, .brandui-footer .footer-info, .brandui-footer .footer-legal {
  display: flex;
  gap: var(--padding-large);
  justify-content: space-between;
}
@media (max-width: 768px) {
  .brandui-footer .footer-navigation, .brandui-footer .footer-info, .brandui-footer .footer-legal {
    flex-wrap: wrap;
  }
}
.brandui-footer .footer-info, .brandui-footer .footer-legal {
  border-width: 0;
  border-top-width: 0.0625rem;
  border-style: solid;
  padding-top: var(--padding-medium);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.brandui-footer .footer-column {
  width: 100%;
}
.brandui-footer .footer-column-title {
  margin-bottom: var(--padding-small);
  color: var(--ui-text);
}
.brandui-footer .footer-links {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.brandui-footer .footer-links li {
  list-style: none;
}
.brandui-footer .footer-links a {
  font-weight: 400;
  text-decoration: none;
  display: block;
  color: var(--ui-body);
}
.brandui-footer .footer-links a:hover {
  text-decoration: underline;
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer .footer-links li a {
    padding: var(--padding-extra-small) 0;
  }
}
.brandui-footer .footer-legal {
  font-size: 0.875rem;
  color: var(--ui-body);
}
.brandui-footer .footer-legal-links {
  display: flex;
  gap: var(--padding-extra-small);
}
.brandui-footer .footer-legal-links li {
  list-style: none;
}
.brandui-footer .footer-legal-links li + li::before {
  content: "•";
  padding-right: var(--padding-extra-small);
}
.brandui-footer .footer-legal-links a {
  font-weight: 400;
  text-decoration: none;
  color: var(--ui-body);
}
.brandui-footer .footer-legal-links a:hover {
  text-decoration: underline;
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer .footer-legal-links {
    flex-wrap: wrap;
  }
}
.brandui-footer .footer-social-links {
  display: flex;
  gap: var(--padding-extra-small);
  color: var(--ui-text);
}
.brandui-footer .footer-social-links li {
  list-style: none;
}
.brandui-footer .footer-social-links .icon-border {
  border-color: color-mix(in srgb, var(--ui-accent), transparent 30%);
}
.brandui-footer .footer-social-links a {
  font-weight: 400;
  text-decoration: none;
  color: var(--ui-text);
}
.brandui-footer .footer-social-links a:hover {
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer {
    padding: var(--padding-small);
    padding-top: var(--padding-huge);
  }
}

.glossary-highlight {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}
.glossary-nav {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.glossary-nav.group:hover, .glossary-nav.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.glossary-nav {
  padding: var(--padding-small);
  box-shadow: var(--shadow-outline);
  border-color: transparent;
  overflow: visible;
}
.glossary-nav-wrapper {
  margin: auto auto var(--padding-medium) auto;
  width: 100%;
  position: sticky;
  top: var(--padding-huge);
  z-index: 99;
}
.glossary-search {
  position: relative;
}
.glossary-search-results {
  padding: var(--padding-extra-small);
}
.glossary-search-results-wrapper {
  max-height: 30vh;
  width: 100%;
  margin-top: var(--padding-extra-small);
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-outline);
  overflow-y: scroll;
  z-index: 100;
  background-color: var(--default);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.glossary-search-results-item {
  padding: var(--padding-extra-small);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  border-radius: var(--radius-small);
  cursor: pointer;
}
.glossary-search-results-item:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.glossary-search-alphabet {
  margin-top: var(--padding-extra-small);
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .glossary-search-alphabet-wrapper {
    width: 100%;
    overflow-x: scroll;
  }
}
.glossary-search-alphabet-letter {
  padding: var(--padding-extra-small);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  font-family: var(--txt-subhead-family);
  font-size: var(--txt-subhead-size);
  font-weight: var(--txt-subhead-weight);
  line-height: var(--txt-subhead-lh);
  letter-spacing: var(--txt-subhead-ls, normal);
  text-transform: var(--txt-subhead-tt, none);
  color: var(--ui-body);
}
.glossary-search-alphabet-letter:hover {
  color: var(--action);
}
@media (max-width: 1024px) {
  .glossary-search-alphabet {
    justify-content: start;
  }
}
.glossary-search .input {
  background-color: var(--default);
}

.featured-media {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.featured-media-card {
  width: calc(1440px / 12 * 5);
}
@media (max-width: 768px) {
  .featured-media-card {
    width: 100%;
  }
}
.featured-media-item {
  width: calc(1440px / 12 * 5);
}
@media (max-width: 768px) {
  .featured-media-item {
    width: 100%;
  }
}
.featured-media-content-wrapper {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .featured-media-content-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: baseline;
    gap: var(--padding-large);
  }
}
.featured-media-image {
  width: calc(1440px / 12 * 7);
  z-index: 0;
  transform: scale(1.2);
  transform-origin: bottom center;
}
@media (max-width: 768px) {
  .featured-media-image {
    width: 100%;
  }
}
@container (max-width: 720px) {
  .featured-media-image {
    transform: scale(1.25);
  }
}

.featured-media-image {
  container-type: inline-size;
  container-name: feature-media-image;
}

.hero {
  margin-bottom: var(--padding-huge);
  padding-top: calc(var(--padding-huge) + var(--padding-medium));
  padding-bottom: var(--padding-extra-large);
  position: relative;
}
@media (max-width: 768px) {
  .hero {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}

.bg-radial-gradient-default {
  background: radial-gradient(113.24% 69.92% at 73.05% 11.07%, #070738 0%, #031573 50%, #01011e 100%);
}

.hero-avatar-content {
  max-width: calc(1440px / 12 * 7);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  place-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .hero-avatar {
    padding-bottom: var(--padding-extra-large);
  }
}

.hero-background-media {
  padding-top: calc(var(--padding-huge) + var(--padding-huge));
  display: flex;
  flex-direction: column;
}
.hero-background-media .background-media {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.hero-background-media:not(:has(.media-slot)):has(.hero-bottom-gradient) {
  padding-bottom: 10rem;
}
.hero-background-media .media-slot {
  width: 100%;
  padding-top: var(--padding-extra-large);
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
}
@media (max-width: 768px) {
  .hero-background-media .media-slot {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
}
.hero-background-media:has(.media-slot) .background-media {
  bottom: var(--padding-huge);
}
.hero-background-media:has(.media-slot) .separator-wrapper {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
}
.hero-background-media-content {
  max-width: calc(1440px / 12 * 7);
  width: 100%;
  margin: 0 auto;
  padding-bottom: var(--padding-extra-large);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--padding-small);
  text-align: center;
}
.hero-background-media-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-background-media .hero-bottom-gradient::after {
  content: "";
  height: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--default), transparent 100%) 0%, color-mix(in srgb, var(--default), transparent 80%) 25%, color-mix(in srgb, var(--default), transparent 50%) 50%, color-mix(in srgb, var(--default), transparent 20%) 75%, color-mix(in srgb, var(--default), transparent 0%) 100%);
}
@media (max-width: 768px) {
  .hero-background-media {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}

.hero-case-study {
  position: relative;
}
.hero-case-study-content {
  max-width: calc(1440px / 12 * 8);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
  justify-content: center;
}
.hero-case-study-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 768px) {
  .hero-case-study-content-wrapper {
    flex-direction: column;
  }
}
.hero-case-study-content .customer-spotlight {
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-extra-large);
}
.hero-case-study-content .customer-spotlight-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.hero-case-study-content .customer-spotlight .customer {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .hero-case-study-content {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-case-study-card {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  padding: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  background-color: var(--ui-fill);
}
.hero-case-study-card .company-info {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.hero-case-study-card .company-info-wrapper {
  padding-bottom: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: color-mix(in srgb, var(--neutral-6), transparent 70%);
}
.hero-case-study-card .products-featured a.product-link {
  width: fit-content;
  display: flex;
  gap: var(--padding-extra-small);
  align-items: center;
  text-decoration: none;
  transition: color var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.hero-case-study-card .products-featured a.product-link strong,
.hero-case-study-card .products-featured a.product-link b {
  font-weight: 700;
}
.hero-case-study-card .products-featured a.product-link {
  color: var(--action);
}
.hero-case-study-card .products-featured a.product-link:hover {
  color: var(--action-tertiary);
}
.hero-case-study-card .products-featured,
.hero-case-study-card .use-cases {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .hero-case-study-card {
    max-width: calc(1440px / 12 * 12);
  }
}

.hero-editorial-content {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--padding-small);
}
.hero-editorial-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-editorial-grid {
  display: grid;
  gap: var(--padding-small);
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-3 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: 1/-1;
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-4 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: 1/-1;
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-5 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: span 2/span 2;
  }
}

.hero-form-content {
  max-width: calc(1440px / 12 * 8);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.hero-form-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .hero-form-content-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .hero-form-content {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-form-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
}
@media (max-width: 1024px) {
  .hero-form-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}

.hero-text-media-content {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  justify-content: center;
}
.hero-text-media-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.hero-text-media-content-columns {
  display: flex;
  gap: var(--padding-extra-large);
}
@media (max-width: 1024px) {
  .hero-text-media-content-columns {
    flex-direction: column;
  }
}
.hero-text-media-content-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  justify-content: center;
}
@media (max-width: 1024px) {
  .hero-text-media-content-header-group {
    text-align: center;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .hero-text-media-content {
    max-width: calc(1440px / 12 * 12);
    text-align: center;
    align-items: center;
  }
}
.hero-text-media-wrapper {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  display: flex;
  flex-direction: column;
  place-items: center;
}
@media (max-width: 1024px) {
  .hero-text-media-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-text-media.homepage .hero-text-media-content-columns {
  gap: 0;
}
.hero-text-media.homepage .hero-text-media-wrapper {
  transform: scale(1.2);
  transform-origin: center center;
  z-index: -1;
}

.hero-title-text {
  padding-top: calc(var(--padding-huge) + var(--padding-huge));
}
.hero-title-text-content {
  max-width: calc(1440px / 12 * 9);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  text-align: center;
}
.hero-title-text-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-title-text .media-slot {
  width: 100%;
  padding-top: var(--padding-extra-large);
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
  position: relative;
}
@media (max-width: 768px) {
  .hero-title-text .media-slot {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
}
@media (max-width: 768px) {
  .hero-title-text {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}
.hero-title-text:has(.dropdown-button.is-open) {
  z-index: 20;
}

.brandui-navigation {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.brandui-navigation.group:hover, .brandui-navigation.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.brandui-navigation .navigation {
  padding: var(--padding-small) var(--padding-large);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--padding-large);
}
.brandui-navigation .navigation-logo {
  width: 6rem;
  border-radius: var(--radius-small);
}
.brandui-navigation .navigation-logo.logo-med {
  width: 11rem;
}
.brandui-navigation .navigation-logo.logo-long {
  width: 15rem;
}
.brandui-navigation .navigation-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper.open {
    display: flex;
    transform: unset;
  }
}
.brandui-navigation .navigation-wrapper:has(.with-search) {
  justify-content: end;
  gap: var(--padding-small);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper:has(.with-search) {
    justify-content: start;
    gap: var(--padding-extra-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper {
    margin-top: var(--padding-huge);
    padding: var(--padding-small);
    padding-bottom: var(--padding-huge);
    display: none;
    flex-direction: column;
    justify-content: start;
    gap: var(--padding-medium);
    overflow: scroll;
    height: 90vh;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--default);
  }
}
.brandui-navigation .navigation-menu {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-menu {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation {
    justify-content: space-between;
  }
}
.brandui-navigation .navigation-item {
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.brandui-navigation .navigation-item:hover .nav-login-menu, .brandui-navigation .navigation-item:has(.nav-dropdown.open) .nav-login-menu {
  display: block;
}
.brandui-navigation .navigation-item:hover .nav-dropdown::after, .brandui-navigation .navigation-item:has(.nav-dropdown.open) .nav-dropdown::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item:hover .nav-dropdown::after, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
    padding-left: var(--padding-small);
  }
}
.brandui-navigation .navigation-item:hover .navigation-submenu, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .navigation-submenu {
  opacity: 1;
  visibility: visible;
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item .nav-dropdown,
.brandui-navigation .navigation-item .nav-link {
  padding: var(--padding-extra-small) var(--padding-small);
  align-items: center;
  border-radius: var(--radius-small);
  border: 1px solid transparent;
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  transition: var(--transition-fast);
  color: var(--ui-headline);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-dropdown,
  .brandui-navigation .navigation-item .nav-link {
    padding: var(--padding-small);
    padding-left: 0;
    justify-content: space-between;
  }
  .brandui-navigation .navigation-item .nav-dropdown:hover,
  .brandui-navigation .navigation-item .nav-link:hover {
    padding-left: unset;
  }
}
.brandui-navigation .navigation-item .nav-dropdown {
  display: flex;
  gap: var(--padding-extra-small);
  pointer-events: none;
}
.brandui-navigation .navigation-item .nav-dropdown::after {
  content: "\e925";
  font-family: brandui-icons;
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation-item .nav-link {
  text-decoration: none;
  display: flex;
  position: relative;
}
.brandui-navigation .navigation-item .nav-link:hover, .brandui-navigation .navigation-item .nav-link:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-link {
    display: flex;
  }
  .brandui-navigation .navigation-item .nav-link::after {
    content: "\e91a";
    font-family: brandui-icons;
    font-weight: 400;
    pointer-events: none;
    color: var(--action);
  }
}
.brandui-navigation .navigation-item .nav-link .new-evo-feature {
  background: linear-gradient(140deg, var(--color-orange), var(--color-pink));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
  background: linear-gradient(140deg, var(--color-orange), var(--color-pink));
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 9px;
  border-radius: var(--radius-extra-small);
  padding: var(--padding-thin);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
    right: unset;
    left: 30px;
  }
}
.brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
  color: var(--ui-subtle);
}
.brandui-navigation .navigation-submenu {
  padding: var(--padding-small) var(--padding-large);
  padding-bottom: var(--padding-extra-large);
  position: absolute;
  top: var(--padding-huge);
  left: 0;
  right: 0;
  opacity: 0;
  box-shadow: var(--shadow-mid);
  visibility: hidden;
  transition: var(--transition-fast);
  background-color: var(--default);
}
.brandui-navigation .navigation-submenu::before {
  content: "";
  padding-top: var(--padding-small);
  position: absolute;
  top: -var(--padding-small);
  left: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu::before {
    padding-top: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu.open {
    display: block;
    top: 0;
    visibility: visible;
  }
}
.brandui-navigation .navigation-submenu .submenu-columns {
  display: flex;
  justify-content: center;
  gap: var(--padding-extra-large);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-columns {
    flex-wrap: wrap;
  }
}
.brandui-navigation .navigation-submenu .submenu-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.brandui-navigation .navigation-submenu .submenu-column-row + .submenu-column-row {
  padding-top: var(--padding-small);
  border-top: 1px solid var(--ui-fill);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-row + .submenu-column-row:has(.submenu-column-label) {
    border-top-width: 0;
  }
}
.brandui-navigation .navigation-submenu .submenu-column-label {
  position: relative;
  padding-bottom: var(--padding-small);
  white-space: nowrap;
  font-family: var(--txt-mini-header-small-family);
  font-size: var(--txt-mini-header-small-size);
  font-weight: var(--txt-mini-header-small-weight);
  line-height: var(--txt-mini-header-small-lh);
  letter-spacing: var(--txt-mini-header-small-ls, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-column-label::after {
  content: "";
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-label::after {
    width: 100%;
    display: block;
    border-top: 1px solid var(--ui-stroke);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-label {
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--padding-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column {
    padding-top: var(--padding-small);
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  text-decoration: none;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link b {
  font-weight: 700;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover .submenu-link-label,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover .submenu-link-desc {
  transition: var(--transition-fast);
  color: var(--action);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 500;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo {
  padding: var(--padding-extra-small);
  background-color: var(--ui-fill);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon {
  font-size: var(--icon-medium-size);
  border-color: var(--ui-fill);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-copy {
    margin-right: auto;
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label b {
  font-weight: 700;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label {
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc b {
  font-weight: 500;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
  color: var(--ui-body);
}
@media (max-width: 768px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
    display: none;
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary {
  margin-bottom: var(--padding-extra-small);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight .general-icon, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary .general-icon {
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight .general-icon, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary .general-icon {
    font-size: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary {
    background: none;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
    padding: var(--padding-small);
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu {
    padding: var(--padding-small) 0;
    padding-bottom: var(--padding-extra-large);
    position: relative;
    display: none;
    box-shadow: none;
    opacity: 1;
    transform: unset;
  }
}
.brandui-navigation .navigation .nav-login {
  display: flex;
  align-content: center;
  position: relative;
}
.brandui-navigation .navigation .nav-login-label {
  padding: var(--padding-extra-small) var(--padding-small);
  align-items: center;
  border-radius: var(--radius-small);
  border: 1px solid transparent;
  transition: var(--transition-fast);
  display: flex;
  gap: var(--padding-extra-small);
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  color: var(--ui-headline);
}
@media (min-width: 769px) {
  .brandui-navigation .navigation .nav-login-label {
    height: 100%;
  }
}
.brandui-navigation .navigation .nav-login-label::after {
  content: "\e925";
  font-family: brandui-icons;
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-label {
    padding: var(--padding-small);
    justify-content: center;
  }
}
.brandui-navigation .navigation .nav-login-menu {
  max-width: calc(1440px / 12 * 6);
  width: calc(1440px / 12 * 4);
  margin-left: -10rem;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 3rem;
  right: -0.5rem;
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-mid);
  transition: var(--transition-fast);
  background-color: var(--default);
}
.brandui-navigation .navigation .nav-login-menu.open {
  display: block;
}
.brandui-navigation .navigation .nav-login-menu::before {
  content: "";
  padding-top: var(--padding-small);
  position: absolute;
  top: -var(--padding-small);
  left: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-menu::before {
    padding-top: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-menu {
    width: 100%;
    margin-left: 0;
    position: relative;
    top: 0;
    right: 0;
    box-shadow: none;
  }
}
.brandui-navigation .navigation .nav-login-accordion {
  padding: var(--padding-small) var(--padding-medium);
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-content {
  display: flex;
  flex-direction: column;
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-label {
  padding-bottom: var(--padding-extra-small);
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-label::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
.brandui-navigation .navigation .nav-login-accordion-label {
  display: flex;
  gap: var(--padding-small);
  cursor: pointer;
  font-family: var(--txt-mini-header-small-family);
  font-size: var(--txt-mini-header-small-size);
  font-weight: var(--txt-mini-header-small-weight);
  line-height: var(--txt-mini-header-small-lh);
  letter-spacing: var(--txt-mini-header-small-ls, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-label::after {
  content: "\e925";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-mini-header-size);
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation .nav-login-accordion + .nav-login-accordion {
  padding-top: var(--padding-small);
  border-top: 1px solid var(--ui-fill);
}
.brandui-navigation .navigation .nav-login-accordion-content {
  display: none;
  gap: var(--padding-small);
}
.brandui-navigation .navigation .nav-login-accordion-links {
  display: flex;
  flex-direction: column;
}
.brandui-navigation .navigation .nav-login-accordion-links li {
  list-style: none;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  text-decoration: none;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link b {
  font-weight: 700;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link {
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover .submenu-link-label,
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover .submenu-link-desc {
  transition: var(--transition-fast);
  color: var(--action);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon,
.brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
  padding: var(--padding-extra-small);
  background-color: var(--ui-fill);
  border-color: var(--ui-fill);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon {
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link-copy {
    margin-right: auto;
  }
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label b {
  font-weight: 700;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label {
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc b {
  font-weight: 500;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
  color: var(--ui-body);
}
@media (max-width: 768px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
    display: none;
  }
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--subhead-small);
  font-weight: 500;
  pointer-events: none;
  color: var(--action);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link {
    padding: var(--padding-small) 0;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link {
    align-items: center;
  }
}
.brandui-navigation .navigation .nav-login-accordion-disclaimer {
  padding-bottom: var(--padding-extra-small);
  font-family: var(--txt-body-small-family);
  font-size: var(--txt-body-small-size);
  font-weight: var(--txt-body-small-weight);
  line-height: var(--txt-body-small-lh);
  letter-spacing: var(--txt-body-small-ls, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-disclaimer strong,
.brandui-navigation .navigation .nav-login-accordion-disclaimer b {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion {
    padding: var(--padding-small) var(--padding-extra-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login {
    flex-direction: column;
  }
}
.brandui-navigation .navigation-buttons {
  display: flex;
  gap: var(--padding-small);
  transition: var(--transition-fast);
  margin-left: auto;
}
@media (min-width: 1025px) {
  .brandui-navigation .navigation-buttons.with-search {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-buttons {
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .brandui-navigation .navigation-buttons.no-reverse {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation {
    padding: var(--padding-small);
  }
}

.navigation-top-offset {
  padding-top: 7rem;
}
.navigation-top-offset-small {
  padding-top: 5rem;
}

.plans-comparison-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.plans-comparison-card.group:hover, .plans-comparison-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.plans-comparison-card {
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-small);
}
.plans-comparison-card-subgrid {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  gap: var(--spacing-extra-small);
}
.plans-comparison-card-pricing-suffix {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
}
.plans-comparison-card-highlighted {
  background: linear-gradient(var(--ui-fill), var(--ui-fill)) padding-box, linear-gradient(to bottom right, var(--color-bubblegum), var(--color-electric-blue)) border-box;
  border: 0.0625rem solid transparent;
  backdrop-filter: blur(var(--radius-extra-large));
  box-shadow: 0 var(--radius-medium) var(--padding-extra-large) var(--color-dark-purple);
}
.plans-comparison-header {
  position: sticky;
  top: calc(var(--padding-huge) + var(--padding-small));
  z-index: 5;
  background: transparent;
}
.plans-comparison-card-grid .d-grid {
  margin-right: 0;
}

.plans-comparison-accordion {
  margin-top: var(--padding-small);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.plans-comparison-accordion-trigger {
  background: var(--ui-fill);
  border-radius: var(--radius-small);
  padding: var(--padding-small);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.plans-comparison-accordion-trigger .plans-comparison-accordion-chevron {
  transform: rotate(90deg);
  transition: transform var(--transition-fast);
}
.plans-comparison-accordion-trigger .plans-comparison-accordion-chevron.open {
  transform: rotate(-90deg);
}
.plans-comparison-accordion-content {
  display: none;
}
.plans-comparison-accordion-content.open {
  display: block;
  padding-left: var(--padding-small);
}
.plans-comparison-accordion-content-feature {
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--color-dark-grey);
  padding: var(--padding-small) 0;
}
.plans-comparison-accordion-content-feature:last-child {
  border-bottom: none;
}
.plans-comparison-accordion-content-feature-label {
  flex: 1 1 0%;
  min-width: 0;
  color: var(--neutral-6);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.plans-comparison-accordion-content-feature-values {
  flex: 0 0 auto;
  width: calc(var(--content-max) / 12 * 8);
  max-width: 100%;
}
.plans-comparison-accordion-content-feature-value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.plans-comparison-accordion-content-feature-value .button {
  padding: 0;
  font-weight: 500;
}
.plans-comparison-accordion-content-feature .feature-checkmark::after {
  color: var(--color-pink);
}

.plans-comparison-card-spacer {
  display: none;
}

@media (max-width: 768px) {
  .plans-comparison {
    --cmp-label-w: 8rem;
    --cmp-col-w: 9.5rem;
    --cmp-gap: var(--padding-extra-small);
  }
  .plans-comparison .plans-comparison-header {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    background: var(--default);
    box-shadow: 0 calc(-1 * var(--padding-huge)) 0 0 var(--default);
  }
  .plans-comparison .plans-comparison-body {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .plans-comparison .plans-comparison-card-grid {
    width: max-content;
  }
  .plans-comparison .plans-comparison-card-grid .d-grid {
    width: max-content;
    max-width: none;
    margin: 0;
    grid-template-columns: var(--cmp-label-w);
    grid-auto-flow: column;
    grid-auto-columns: var(--cmp-col-w);
    gap: var(--cmp-gap);
  }
  .plans-comparison .plans-comparison-accordion {
    width: max-content;
  }
  .plans-comparison .plans-comparison-card-spacer {
    display: block;
    grid-row: span 3;
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--default);
    border-right: 0.0625rem solid var(--color-dark-grey);
  }
  .plans-comparison .plans-comparison-card-highlighted {
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  .plans-comparison-accordion-trigger-label {
    position: sticky;
    left: var(--padding-small);
  }
  .plans-comparison-accordion-chevron {
    position: sticky;
    right: var(--padding-small);
  }
  .plans-comparison-accordion-content.open {
    padding-left: 0;
  }
  .plans-comparison-accordion-content-feature {
    display: grid;
    grid-template-columns: var(--cmp-label-w) max-content;
    gap: var(--cmp-gap);
    align-items: stretch;
    width: max-content;
  }
  .plans-comparison-accordion-content-feature-label {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--default);
    border-right: 0.0625rem solid var(--color-dark-grey);
    padding-right: var(--cmp-gap);
  }
  .plans-comparison-accordion-content-feature-values {
    width: auto;
    max-width: none;
  }
  .plans-comparison-accordion-content-feature-values .d-grid {
    width: max-content;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: var(--cmp-col-w);
    gap: var(--cmp-gap);
  }
}

.pricing-provider-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}

.pricing-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .pricing-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--padding-large);
  }
}
.pricing-header-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .pricing-header-tabs {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--padding-small);
  }
}
.pricing-header-slider {
  width: 100%;
  max-width: calc(var(--content-max) / 12 * 4);
}
@media (max-width: 1024px) {
  .pricing-header-slider {
    max-width: 100%;
  }
}

.pricing-faq-accordion-answer.open {
  padding: var(--padding-small);
  color: var(--neutral-6);
}
.pricing-faq-accordion-answer p {
  margin: 0;
}
.pricing-faq-accordion-answer p + p {
  margin-top: var(--padding-extra-small);
}

.pricing-start-cta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}
.pricing-start-cta-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-extra-small);
}

.split-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .split-content-wrapper {
    flex-direction: column;
  }
}
.split-content-item {
  width: calc(1440px / 12 * 5);
}
.split-content-item:last-child {
  width: calc(1440px / 12 * 7);
}
@media (max-width: 1024px) {
  .split-content-item:last-child {
    width: unset;
  }
}
@media (max-width: 1024px) {
  .split-content-item {
    width: unset;
  }
}

.sticky-media-columns {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .sticky-media-columns {
    flex-direction: column-reverse;
  }
}
.sticky-media-fixed-media {
  flex-basis: 60%;
}
.sticky-media-fixed-media > * {
  top: 10rem;
}
@media (max-width: 1024px) {
  .sticky-media-fixed-media {
    flex-basis: unset;
  }
}
.sticky-media-scrollable-content {
  z-index: 0;
  flex-basis: 40%;
  display: grid;
  gap: var(--padding-medium);
  align-items: start;
}
.sticky-media-scrollable-content-item {
  min-height: 50vh;
  display: flex;
  scroll-snap-align: start;
}
@media (max-width: 768px) {
  .sticky-media-scrollable-content-item {
    min-height: 40vh;
  }
}
.sticky-media-scrollable-content.grid-cols-2 {
  gap: var(--padding-extra-large);
}
@media (max-width: 768px) {
  .sticky-media-scrollable-content.grid-cols-2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .sticky-media-scrollable-content {
    flex-basis: unset;
    gap: var(--padding-huge);
  }
}

.sub-navigation {
  padding-top: var(--padding-slim);
  position: relative;
  z-index: 1;
}
.sub-navigation-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--padding-extra-small);
  flex-wrap: wrap;
  flex-grow: 1;
}
.sub-navigation-content-wrapper {
  padding: var(--padding-extra-small) var(--padding-small);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--padding-small);
  flex-wrap: wrap;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.sub-navigation-content-wrapper.group:hover, .sub-navigation-content-wrapper.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.sub-navigation-content-wrapper {
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.sub-navigation-content-wrapper.group:hover, .sub-navigation-content-wrapper.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
@media (max-width: 768px) {
  .sub-navigation-content-wrapper {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 768px) {
  .sub-navigation-content {
    flex-direction: column;
    align-items: start;
  }
}
.sub-navigation-root-label {
  min-width: fit-content;
  font-family: var(--txt-subhead-small-family);
  font-size: var(--txt-subhead-small-size);
  font-weight: var(--txt-subhead-small-weight);
  line-height: var(--txt-subhead-small-lh);
  letter-spacing: var(--txt-subhead-small-ls, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.sub-navigation-links {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.sub-navigation-links a.sub-navigation-link {
  padding: var(--padding-extra-small) var(--padding-small);
  border-radius: var(--radius-small);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.sub-navigation-links a.sub-navigation-link strong,
.sub-navigation-links a.sub-navigation-link b {
  font-weight: 700;
}
.sub-navigation-links a.sub-navigation-link {
  color: var(--action);
}
.sub-navigation-links a.sub-navigation-link:hover {
  color: var(--action-tertiary);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.sub-navigation-links .sub-navigation-link-current {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.sub-navigation-links .sub-navigation-link-current strong,
.sub-navigation-links .sub-navigation-link-current b {
  font-weight: 700;
}
.sub-navigation-links .sub-navigation-link-current {
  color: var(--ui-body);
}
@media (max-width: 1024px) {
  .sub-navigation-links {
    display: none;
  }
}
.sub-navigation-mobile-dropdown {
  display: none;
}
@media (max-width: 1024px) {
  .sub-navigation-mobile-dropdown {
    min-width: calc(1440px / 12 * 2);
    display: block;
    z-index: 99;
  }
}

.brandui-swiper .swiper-trigger {
  font-size: 3rem;
  line-height: 1.3;
  transform: translateX(2.5rem) scale(0.7);
}
.brandui-swiper .swiper-heading,
.brandui-swiper .swiper-center,
.brandui-swiper .swiper-left {
  transition: all 0.06s linear;
}
.brandui-swiper .swiper-slider {
  cursor: col-resize;
}
@media (width <= 960px) {
  .brandui-swiper .swiper-trigger {
    transform: translateX(2.5rem) scale(0.4);
  }
}
/*# sourceMappingURL=components.css.map */