/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Roboto", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-50: #e5ffff;
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-pink-300: #ed6ebb;
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-200: #d0d4d7;
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: #7b858d;
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-black: #000000;
    --color-white: #ffffff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 90rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.33333;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.42857;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.55556;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.5;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.5;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.5;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.5;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.2;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1.2;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse var(--default-animation-duration, 2s) var(--default-animation-timing-function, cubic-bezier(0.4, 0, 0.6, 1)) var(--default-animation-delay, 0s) infinite;
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-fade-up: fade-up var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --animate-fade-right: fade-right var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --aspect-portrait-image: 3 / 4;
    --aspect-landscape-image: 4 / 3;
    --aspect-video-portrait: 9 / 16;
    --aspect-video-landscape: var(--aspect-video);
    --color-primary-50: #d4e3ec;
    --color-primary-200: #c0d3e0;
    --color-primary-300: #aac3e3;
    --color-primary-500: #648eb8;
    --color-primary-700: #215d99;
    --color-primary-900: #1c4167;
    --color-primary-950: #0b1f33;
    --color-primary-base: #1c4167;
    --color-secondary-50: #e5ffff;
    --color-secondary-200: #c2fafa;
    --color-secondary-300: #98ece4;
    --color-secondary-400: #5dd7c4;
    --color-secondary-500: #007e8a;
    --color-secondary-600: #004c53;
    --color-secondary-700: #003a3f;
    --color-secondary-900: #002a2e;
    --color-secondary-base: #007e8a;
    --color-tertiary-300: #eaf7ff;
    --color-tertiary-400: #cceaff;
    --color-tertiary-500: #98d5ff;
    --color-tertiary-600: #7aaacc;
    --color-tertiary-800: #5b8099;
    --color-tertiary-base: #7aaacc;
    --color-quaternary-50: #f4f7f8;
    --color-quaternary-100: #e4e8e9;
    --color-quaternary-200: #d0d4d7;
    --color-quaternary-300: #bbc0c5;
    --color-quaternary-500: #7b858d;
    --color-quaternary-base: #bbc0c5;
    --color-accent-50: #fae3f1;
    --color-accent-100: #f6d0e8;
    --color-accent-200: #efbbd2;
    --color-accent-300: #e7a5ba;
    --color-accent-500: #db8194;
    --color-accent-600: #d16375;
    --color-accent-base: #c84a5a;
    --color-system-success: #198754;
    --color-system-warning: #ffc107;
    --color-system-danger: #dc3545;
    --container-padding: 1.25rem;
    --container-padding-lg: 3.75rem;
    --container-px: calc(var(--container-padding) * 2);
    --container-max-w-sm: var(--breakpoint-sm);
    --container-max-w-md: var(--breakpoint-md);
    --container-max-w-lg: var(--breakpoint-lg);
    --container-max-w-xl: var(--breakpoint-xl);
    --container-max-w-2xl: var(--breakpoint-2xl);
    --font-display: "Lexend", var(--font-sans), sans-serif;
  }
}
@layer base {
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var( --font-sans, --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  body:where(body) {
    line-height: inherit;
    background-image: url("../images/page_gradient_full.jpg");
    background-position: center top;
    background-repeat: repeat;
  }
  :where(body) hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  :where(body) abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  :where(body) h1, :where(body) h2, :where(body) h3, :where(body) h4, :where(body) h5, :where(body) h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  :where(body) a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  :where(body) b, :where(body) strong {
    font-weight: 800;
  }
  :where(body) code, :where(body) kbd, :where(body) samp, :where(body) pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  :where(body) small {
    font-size: 80%;
  }
  :where(body) sub, :where(body) sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  :where(body) sub {
    bottom: -0.25em;
  }
  :where(body) sup {
    top: -0.5em;
  }
  :where(body) table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :where(body) :-moz-focusring {
    outline: auto;
  }
  :where(body) progress {
    vertical-align: baseline;
  }
  :where(body) summary {
    display: list-item;
  }
  :where(body) ol, :where(body) ul, :where(body) menu {
    list-style: none;
  }
  :where(body) img, :where(body) svg, :where(body) video, :where(body) canvas, :where(body) audio, :where(body) iframe, :where(body) embed, :where(body) object {
    display: block;
    vertical-align: middle;
  }
  :where(body) img, :where(body) video {
    max-width: 100%;
    height: auto;
  }
  :where(body) button, :where(body) input, :where(body) select, :where(body) optgroup, :where(body) textarea, :where(body) ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(body) :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(body) :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  :where(body) ::file-selector-button {
    margin-inline-end: 4px;
  }
  :where(body) ::-moz-placeholder {
    opacity: 1;
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(body) ::-moz-placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  :where(body) ::-moz-placeholder {
    opacity: 1;
    color: currentColor;
  }
  :where(body) ::placeholder {
    opacity: 1;
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(body) ::-moz-placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
    :where(body) ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  :where(body) textarea {
    resize: vertical;
  }
  :where(body) ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  :where(body) ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  :where(body) ::-webkit-datetime-edit {
    display: inline-flex;
  }
  :where(body) ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  :where(body) ::-webkit-datetime-edit, :where(body) ::-webkit-datetime-edit-year-field, :where(body) ::-webkit-datetime-edit-month-field, :where(body) ::-webkit-datetime-edit-day-field, :where(body) ::-webkit-datetime-edit-hour-field, :where(body) ::-webkit-datetime-edit-minute-field, :where(body) ::-webkit-datetime-edit-second-field, :where(body) ::-webkit-datetime-edit-millisecond-field, :where(body) ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :where(body) :-moz-ui-invalid {
    box-shadow: none;
  }
  :where(body) button, :where(body) input:where([type="button"], [type="reset"], [type="submit"]), :where(body) ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  :where(body) ::-webkit-inner-spin-button, :where(body) ::-webkit-outer-spin-button {
    height: auto;
  }
  :where(body) [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .btn {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: transparent;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    text-decoration-line: none;
  }
  .btn:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  .btn:focus-visible {
    outline-offset: 4px;
  }
  .btn:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .btn:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .btn {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .btn:disabled {
    cursor: default;
  }
  .btn:disabled {
    background-image: none;
  }
  .btn__overlay {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    animation-timing-function: linear;
    background-color: var(--btn-overlay-color, var(--color-primary-950));
  }
  .btn:hover .btn__overlay {
    --tw-translate-x: calc(var(--spacing) * -0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .btn__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    --tw-leading: 1;
    line-height: 1;
  }
  .btn.btn:focus-visible {
    border-radius: calc(infinity * 1px);
  }
  .btn--has-icon {
    justify-content: space-between;
  }
  .btn--has-icon .btn__content {
    align-items: center;
  }
  @media (max-width: 767.9px) {
    .btn--has-icon .btn__content {
      width: 100%;
      justify-content: space-between;
    }
  }
  .btn .btn__text {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .btn .btn__icon {
    display: flex;
    aspect-ratio: 1 / 1;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    color: currentcolor;
  }
  .btn .btn__icon .icon {
    width: 100%;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .left-12 {
    left: calc(var(--spacing) * 12);
  }
  .left-24 {
    left: calc(var(--spacing) * 24);
  }
  .left-36 {
    left: calc(var(--spacing) * 36);
  }
  .left-48 {
    left: calc(var(--spacing) * 48);
  }
  .left-60 {
    left: calc(var(--spacing) * 60);
  }
  .container {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .container {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .container {
      max-width: 90rem;
    }
  }
  .container {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .container {
      padding-inline: var(--container-padding-lg);
    }
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-24 {
    margin-block: calc(var(--spacing) * 24);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-\[30vh\] {
    margin-top: 30vh;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .link {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: var(--color-secondary-400);
    text-underline-offset: 4px;
  }
  .link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  .link:focus-visible {
    outline-offset: 4px;
  }
  .link:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .link:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .link {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .link:focus-visible {
    border-radius: var(--radius-md);
    border-color: var(--color-secondary-400);
    text-decoration-line: none;
  }
  .link:hover {
    text-decoration-color: var(--color-secondary-500);
    text-decoration-thickness: 2px;
  }
  .link__last-word-with-icon {
    white-space: nowrap;
  }
  .link__last-word-with-icon .icon {
    margin-bottom: 0.15em;
    margin-left: 0.4em;
    font-size: 1.1em;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-96 {
    margin-bottom: calc(var(--spacing) * 96);
  }
  .btn--lg {
    gap: calc(var(--spacing) * 2.5);
  }
  .btn--lg .btn__content {
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 3);
  }
  .btn--lg .btn__text {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .btn--lg .btn__icon {
    margin-left: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .btn--sm {
    gap: calc(var(--spacing) * 1.5);
  }
  .btn--sm .btn__content {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .btn--sm .btn__text {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .btn--sm .btn__icon {
    margin-left: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .btn--icon-only .btn__content {
    padding: calc(var(--spacing) * 2.5);
  }
  .btn--icon-only .btn__icon {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .btn--clear {
    overflow: visible !important;
    border-radius: 0 !important;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    color: inherit;
  }
  .btn--clear .btn__overlay {
    display: none;
  }
  .btn--clear .btn__content {
    border-radius: 0 !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .aspect-landscape-image {
    aspect-ratio: var(--aspect-landscape-image);
  }
  .aspect-landscape-image {
    aspect-ratio: var(--aspect-landscape-image);
  }
  .aspect-portrait-image {
    aspect-ratio: var(--aspect-portrait-image);
  }
  .aspect-portrait-image {
    aspect-ratio: var(--aspect-portrait-image);
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video-landscape {
    aspect-ratio: var(--aspect-video-landscape);
  }
  .aspect-video-landscape {
    aspect-ratio: var(--aspect-video-landscape);
  }
  .aspect-video-portrait {
    aspect-ratio: var(--aspect-video-portrait);
  }
  .aspect-video-portrait {
    aspect-ratio: var(--aspect-video-portrait);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[219px\] {
    height: 219px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[478px\] {
    height: 478px;
  }
  .h-\[540px\] {
    height: 540px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[219px\] {
    min-height: 219px;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[478px\] {
    width: 478px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[185px\] {
    max-width: 185px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[838px\] {
    max-width: 838px;
  }
  .max-w-none {
    max-width: none;
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-fade-custom-loop {
    animation: fade-custom-loop 5.4s ease-in-out infinite;
  }
  .animate-fade-right {
    animation: var(--animate-fade-right);
  }
  .animate-fade-up {
    animation: var(--animate-fade-up);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-pulse-opacity {
    animation: pulse-opacity 1.2s ease-in-out infinite;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  :where(.list-disc > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .list-disc {
    padding-left: calc(var(--spacing) * 5);
  }
  .list-disc > li {
    padding-left: calc(var(--spacing) * 1);
    line-height: 1.5;
  }
  .list-disc > li::marker {
    color: var(--color-secondary-400);
    font-size: 0.8em;
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-36 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 36) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 36) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing) * 2);
         column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-24 {
    -moz-column-gap: calc(var(--spacing) * 24);
         column-gap: calc(var(--spacing) * 24);
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  :where(.divide-solid > :not(:last-child)) {
    --tw-border-style: solid;
    border-style: solid;
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .btn--secondary {
    --btn-overlay-color: var(--color-primary-950);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-primary-950);
    background-color: var(--color-white);
    color: var(--color-primary-950);
  }
  .btn--secondary:hover {
    color: var(--color-white);
  }
  .btn--secondary:focus-visible {
    outline-color: var(--color-primary-base);
  }
  .btn--secondary:disabled {
    border-color: var(--color-quaternary-300);
    color: var(--color-quaternary-500);
  }
  .btn--secondary:disabled:hover {
    background-color: transparent;
  }
  .dark .btn--secondary {
    --btn-overlay-color: var(--color-white);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    color: var(--color-white);
  }
  .dark .btn--secondary:hover {
    color: var(--color-primary-950);
  }
  .dark .btn--secondary:focus-visible {
    outline-color: var(--color-white);
  }
  .dark .btn--secondary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: transparent;
    color: var(--color-quaternary-500);
  }
  .dark .btn--secondary:not(:disabled):hover {
    color: var(--color-primary-950);
  }
  .dark .btn--secondary:focus-visible {
    outline-color: var(--color-white);
  }
  .dark .btn--secondary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: transparent;
  }
  .btn--outline {
    --btn-overlay-color: #e5ad05;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-primary-950);
    background-color: var(--color-system-warning);
    color: var(--color-primary-950);
  }
  .btn--outline:hover {
    color: var(--color-primary-950);
  }
  .btn--outline:focus-visible {
    outline-color: var(--color-primary-950);
  }
  .btn--outline:disabled {
    border-color: var(--color-quaternary-300);
    background-color: #E0C985;
    color: #636C74;
  }
  .btn--warning {
    --btn-overlay-color: var(--color-system-danger);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-primary-950);
    background-color: var(--color-accent-base);
    color: var(--color-white);
  }
  .btn--warning:hover {
    color: var(--color-white);
  }
  .btn--warning:focus-visible {
    outline-color: var(--color-accent-base);
  }
  .btn--warning:disabled {
    border-color: var(--color-primary-950);
    background-color: var(--color-accent-500);
    color: var(--color-white);
  }
  .btn--quaternary {
    --btn-overlay-color: var(--color-white);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    color: var(--color-white);
  }
  .btn--quaternary:hover {
    color: var(--color-primary-950);
  }
  .btn--quaternary:focus-visible {
    outline-color: var(--color-white);
  }
  .btn--quaternary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: transparent;
    color: var(--color-quaternary-500);
  }
  .btn--primary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-primary-950);
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .btn--primary {
      --tw-gradient-position: to right in oklab;
    }
  }
  .btn--primary {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-secondary-200);
    --tw-gradient-to: var(--color-tertiary-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    color: var(--color-primary-950);
  }
  .btn--primary:hover {
    border-color: var(--color-primary-950);
    color: var(--color-white);
  }
  .btn--primary:focus-visible {
    outline-color: var(--color-secondary-400);
  }
  .btn--primary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: var(--color-quaternary-100);
    color: var(--color-quaternary-500);
  }
  .dark .btn--primary {
    --btn-overlay-color: var(--color-white);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-white);
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .dark .btn--primary {
      --tw-gradient-position: to right in oklab;
    }
  }
  .dark .btn--primary {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-secondary-200);
    --tw-gradient-to: var(--color-tertiary-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    color: var(--color-primary-950);
  }
  .dark .btn--primary:hover {
    color: var(--color-primary-950);
  }
  .dark .btn--primary:focus-visible {
    outline-color: var(--color-secondary-400);
  }
  .dark .btn--primary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: var(--color-quaternary-100);
    color: var(--color-quaternary-500);
  }
  .dark .btn--primary:not(:disabled):hover {
    border-color: var(--color-white);
    color: var(--color-primary-950);
  }
  .btn--tertiary {
    --btn-overlay-color: var(--color-white);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-white);
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .btn--tertiary {
      --tw-gradient-position: to right in oklab;
    }
  }
  .btn--tertiary {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-secondary-200);
    --tw-gradient-to: var(--color-tertiary-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    color: var(--color-primary-950);
  }
  .btn--tertiary:hover {
    color: var(--color-primary-950);
  }
  .btn--tertiary:focus-visible {
    outline-color: var(--color-secondary-400);
  }
  .btn--tertiary:disabled {
    border-color: var(--color-quaternary-500);
    background-color: var(--color-quaternary-100);
    color: var(--color-quaternary-500);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-x-1 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-accent-50 {
    background-color: var(--color-accent-50);
  }
  .bg-accent-100 {
    background-color: var(--color-accent-100);
  }
  .bg-accent-200 {
    background-color: var(--color-accent-200);
  }
  .bg-accent-300 {
    background-color: var(--color-accent-300);
  }
  .bg-accent-500 {
    background-color: var(--color-accent-500);
  }
  .bg-accent-600 {
    background-color: var(--color-accent-600);
  }
  .bg-accent-base {
    background-color: var(--color-accent-base);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-200 {
    background-color: var(--color-primary-200);
  }
  .bg-primary-300 {
    background-color: var(--color-primary-300);
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-primary-700 {
    background-color: var(--color-primary-700);
  }
  .bg-primary-900 {
    background-color: var(--color-primary-900);
  }
  .bg-primary-950 {
    background-color: var(--color-primary-950);
  }
  .bg-primary-base {
    background-color: var(--color-primary-base);
  }
  .bg-quaternary-50 {
    background-color: var(--color-quaternary-50);
  }
  .bg-quaternary-100 {
    background-color: var(--color-quaternary-100);
  }
  .bg-quaternary-200 {
    background-color: var(--color-quaternary-200);
  }
  .bg-quaternary-300 {
    background-color: var(--color-quaternary-300);
  }
  .bg-quaternary-500 {
    background-color: var(--color-quaternary-500);
  }
  .bg-quaternary-base {
    background-color: var(--color-quaternary-base);
  }
  .bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .bg-secondary-200 {
    background-color: var(--color-secondary-200);
  }
  .bg-secondary-300 {
    background-color: var(--color-secondary-300);
  }
  .bg-secondary-400 {
    background-color: var(--color-secondary-400);
  }
  .bg-secondary-500 {
    background-color: var(--color-secondary-500);
  }
  .bg-secondary-600 {
    background-color: var(--color-secondary-600);
  }
  .bg-secondary-700 {
    background-color: var(--color-secondary-700);
  }
  .bg-secondary-900 {
    background-color: var(--color-secondary-900);
  }
  .bg-secondary-base {
    background-color: var(--color-secondary-base);
  }
  .bg-system-danger {
    background-color: var(--color-system-danger);
  }
  .bg-system-success {
    background-color: var(--color-system-success);
  }
  .bg-system-warning {
    background-color: var(--color-system-warning);
  }
  .bg-tertiary-300 {
    background-color: var(--color-tertiary-300);
  }
  .bg-tertiary-400 {
    background-color: var(--color-tertiary-400);
  }
  .bg-tertiary-500 {
    background-color: var(--color-tertiary-500);
  }
  .bg-tertiary-600 {
    background-color: var(--color-tertiary-600);
  }
  .bg-tertiary-800 {
    background-color: var(--color-tertiary-800);
  }
  .bg-tertiary-base {
    background-color: var(--color-tertiary-base);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-\[1\.25rem\] {
    padding-inline: 1.25rem;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .h1 {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .h1.bold, .h1 strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .h1 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .h1 {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .h2 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .h2.bold, .h2 strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .h2 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .h2 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .h3 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .h3.bold, .h3 strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .h3 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .h3 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .h5 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .h5 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .h5 {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .h4 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .h4 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .h4 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .text-base {
    font-size: var(--text-base);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .text-lg {
    font-size: var(--text-lg);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .text-sm {
    font-size: var(--text-sm);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .text-xs {
    font-size: var(--text-xs);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .eyebrow {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: lowercase;
  }
  .dark .eyebrow {
    color: var(--color-white);
  }
  .font-regular {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-black {
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    font-weight: var(--font-weight-medium);
  }
  .font-regular {
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-secondary-700 {
    color: var(--color-secondary-700) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-primary-200 {
    color: var(--color-primary-200);
  }
  .text-primary-700 {
    color: var(--color-primary-700);
  }
  .text-primary-900 {
    color: var(--color-primary-900);
  }
  .text-primary-base {
    color: var(--color-primary-base);
  }
  .text-purple-500 {
    color: var(--color-purple-500);
  }
  .text-secondary-600 {
    color: var(--color-secondary-600);
  }
  .text-secondary-700 {
    color: var(--color-secondary-700);
  }
  .text-secondary-900 {
    color: var(--color-secondary-900);
  }
  .text-secondary-base {
    color: var(--color-secondary-base);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-tertiary-600 {
    color: var(--color-tertiary-600);
  }
  .text-tertiary-800 {
    color: var(--color-tertiary-800);
  }
  .text-tertiary-base {
    color: var(--color-tertiary-base);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .-animation-start-x-18 {
    --animation-start-x: calc(18 * var(--spacing, 0.25rem) * -1);
  }
  .animation-end-opacity-80 {
    --animation-end-opacity: calc(80 / 100);
  }
  .animation-end-opacity-100 {
    --animation-end-opacity: calc(100 / 100);
  }
  .seq-delay-100 {
    --seq-delay: 100;
  }
  .seq-delay-150 {
    --seq-delay: 150;
  }
  .seq-delay-200 {
    --seq-delay: 200;
  }
  .seq-delay-300 {
    --seq-delay: 300;
  }
  .seq-delay-400 {
    --seq-delay: 400;
  }
  .seq-item {
    animation-delay: calc(var(--seq-delay) * var(--seq-index) * 1ms) !important;
  }
  :is(.\*\:m-2 > *) {
    margin: calc(var(--spacing) * 2);
  }
  :is(.\*\:my-4 > *) {
    margin-block: calc(var(--spacing) * 4);
  }
  :is(.\*\:my-10 > *) {
    margin-block: calc(var(--spacing) * 10);
  }
  :is(.\*\:flex > *) {
    display: flex;
  }
  :is(.\*\:inline-flex > *) {
    display: inline-flex;
  }
  :is(.\*\:h-20 > *) {
    height: calc(var(--spacing) * 20);
  }
  :is(.\*\:w-20 > *) {
    width: calc(var(--spacing) * 20);
  }
  :is(.\*\:w-\[220px\] > *) {
    width: 220px;
  }
  :is(.\*\:flex-col > *) {
    flex-direction: column;
  }
  :is(.\*\:flex-wrap > *) {
    flex-wrap: wrap;
  }
  :is(.\*\:items-baseline > *) {
    align-items: baseline;
  }
  :is(.\*\:items-center > *) {
    align-items: center;
  }
  :is(.\*\:justify-center > *) {
    justify-content: center;
  }
  :is(.\*\:gap-2 > *) {
    gap: calc(var(--spacing) * 2);
  }
  :where(:is(.\*\:space-x-6 > *) > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }
  :is(.\*\:gap-y-12 > *) {
    row-gap: calc(var(--spacing) * 12);
  }
  :is(.\*\:border-l > *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  :is(.\*\:bg-secondary-base > *) {
    background-color: var(--color-secondary-base);
  }
  :is(.\*\:px-0 > *) {
    padding-inline: calc(var(--spacing) * 0);
  }
  :is(.\*\:px-2 > *) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.\*\:px-4 > *) {
    padding-inline: calc(var(--spacing) * 4);
  }
  :is(.\*\:px-6 > *) {
    padding-inline: calc(var(--spacing) * 6);
  }
  :is(.\*\:py-2 > *) {
    padding-block: calc(var(--spacing) * 2);
  }
  :is(.\*\:py-4 > *) {
    padding-block: calc(var(--spacing) * 4);
  }
  :is(.\*\:py-5 > *) {
    padding-block: calc(var(--spacing) * 5);
  }
  :is(.\*\:pr-8 > *) {
    padding-right: calc(var(--spacing) * 8);
  }
  :is(.\*\:text-center > *) {
    text-align: center;
  }
  :is(.\*\:text-left > *) {
    text-align: left;
  }
  :is(.\*\:align-top > *) {
    vertical-align: top;
  }
  :is(.\*\:text-sm > *) {
    font-size: var(--text-sm);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  :is(.\*\:text-sm > *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :is(.\*\:text-white > *) {
    color: var(--color-white);
  }
  @media (width < 64rem) {
    .max-lg\:w-full {
      width: 100%;
    }
  }
  @media (width < 48rem) {
    .max-md\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @media (width < 48rem) {
    .max-md\:flex {
      display: flex;
    }
  }
  @media (width < 48rem) {
    .max-md\:w-full {
      width: 100%;
    }
  }
  @media (width < 48rem) {
    .max-md\:flex-col {
      flex-direction: column;
    }
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[400px\] {
      max-width: 400px;
    }
  }
  @media (width >= 40rem) {
    :where(.sm\:space-y-1\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    .md\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:h-\[320px\] {
      height: 320px;
    }
  }
  @media (width >= 48rem) {
    .md\:h-\[700px\] {
      height: 700px;
    }
  }
  @media (width >= 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:bg-transparent {
      background-color: transparent;
    }
  }
  @media (width >= 48rem) {
    .md\:text-black {
      color: var(--color-black);
    }
  }
  @media (width >= 48rem) {
    .md\:text-gray-600 {
      color: var(--color-gray-600);
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[196px\] {
      max-width: 196px;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-end {
      align-items: flex-end;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:absolute {
      position: absolute;
    }
  }
  @media (width >= 80rem) {
    .xl\:left-\[50\%\] {
      left: 50%;
    }
  }
  @media (width >= 80rem) {
    .xl\:left-\[60\%\] {
      left: 60%;
    }
  }
  @media (width >= 80rem) {
    .xl\:h-\[477px\] {
      height: 477px;
    }
  }
  @media (width >= 80rem) {
    .xl\:min-h-\[294px\] {
      min-height: 294px;
    }
  }
  @media (width >= 80rem) {
    .xl\:w-\[50\%\] {
      width: 50%;
    }
  }
  @media (width >= 80rem) {
    .xl\:w-\[60\%\] {
      width: 60%;
    }
  }
  @media (width >= 80rem) {
    .xl\:max-w-\[265px\] {
      max-width: 265px;
    }
  }
  @media (width >= 90rem) {
    .\32 xl\:col-end-1 {
      grid-column-end: 1;
    }
  }
  @media (width >= 90rem) {
    .\32 xl\:w-full {
      width: 100%;
    }
  }
  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dark\:ring-1:where(.dark, .dark *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:ring-white\/10:where(.dark, .dark *) {
    --tw-ring-color: color-mix(in srgb, #ffffff 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/10:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .dark\:ring-inset:where(.dark, .dark *) {
    --tw-ring-inset: inset;
  }
  .intersect\:animate-fade-custom:not([no-intersect]) {
    animation: fade-custom .7s ease-in-out both;
  }
  .intersect\:animate-fade-up:not([no-intersect]) {
    animation: var(--animate-fade-up);
  }
}
@layer base {
  :where(body) button {
    border-radius: var(--radius-xs);
  }
  :where(body) button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  :where(body) button:focus-visible {
    outline-offset: 4px;
  }
  :where(body) button:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  :where(body) button:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    outline-offset: 4px;
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  :where(body) [type="text"]:focus, :where(body) [type="email"]:focus, :where(body) [type="url"]:focus, :where(body) [type="password"]:focus, :where(body) [type="number"]:focus, :where(body) [type="date"]:focus, :where(body) [type="datetime-local"]:focus, :where(body) [type="month"]:focus, :where(body) [type="search"]:focus, :where(body) [type="tel"]:focus, :where(body) [type="time"]:focus, :where(body) [type="week"]:focus, :where(body) [multiple]:focus, :where(body) textarea:focus, :where(body) select:focus {
    border-color: var(--color-secondary-base);
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  :where(body) [type="text"]:focus-visible, :where(body) [type="email"]:focus-visible, :where(body) [type="url"]:focus-visible, :where(body) [type="password"]:focus-visible, :where(body) [type="number"]:focus-visible, :where(body) [type="date"]:focus-visible, :where(body) [type="datetime-local"]:focus-visible, :where(body) [type="month"]:focus-visible, :where(body) [type="search"]:focus-visible, :where(body) [type="tel"]:focus-visible, :where(body) [type="time"]:focus-visible, :where(body) [type="week"]:focus-visible, :where(body) [multiple]:focus-visible, :where(body) textarea:focus-visible, :where(body) select:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
@layer components {
  .skip-to-content {
    margin-top: calc(var(--spacing) * -16);
    display: block;
    transition: 0.3s margin ease-in-out;
  }
  .skip-to-content:focus-visible:focus-visible {
    margin-top: calc(var(--spacing) * 0);
    border-radius: 0;
  }
  .skip-to-content__content {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
    outline-offset: 4px;
    outline-color: transparent;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 300ms;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .skip-to-content:focus-visible .skip-to-content__content {
    border-radius: var(--radius-md);
    outline-color: var(--color-primary-base);
  }
  @media (width >=1024px) {
    .toggle-visible-mobile {
      display: none;
    }
  }
  @media (max-width: 1023.9px) {
    .toggle-visible-desktop {
      display: none;
    }
  }
}
.intersect\:animate-fade-up {
  opacity: 0;
}
@keyframes pulse-opacity {
  0%, 100% {
    opacity: var(--animation-start-opacity);
  }
  50% {
    opacity: var(--animation-mid-opacity);
  }
}
@keyframes fade-custom {
  0% {
    opacity: var(--animation-start-opacity, 0);
    transform: translate(var(--animation-start-x, 0), var(--animation-start-y, 0));
  }
  100% {
    opacity: var(--animation-end-opacity, 0);
    transform: translate(var(--animation-end-x, 0), var(--animation-end-y, 0));
  }
}
@keyframes fade-custom-loop {
  0% {
    opacity: var(--animation-start-opacity, 0);
    transform: translate(var(--animation-start-x, 0), var(--animation-start-y, 0));
  }
  13% {
    opacity: var(--animation-end-opacity, 0);
    transform: translate(var(--animation-end-x, 0), var(--animation-end-y, 0));
  }
  50% {
    opacity: var(--animation-end-opacity, 0);
    transform: translate(var(--animation-end-x, 0), var(--animation-end-y, 0));
  }
  63% {
    opacity: var(--animation-start-opacity, 0);
    transform: translate(var(--animation-start-x, 0), var(--animation-start-y, 0));
  }
  100% {
    opacity: var(--animation-start-opacity, 0);
    transform: translate(var(--animation-start-x, 0), var(--animation-start-y, 0));
  }
}
.demo-layer {
  position: absolute;
  height: calc(var(--spacing) * 80);
  width: calc(var(--spacing) * 60);
  background-color: var(--color-gray-200);
  --animation-start-x: -64px;
  --animation-start-opacity: 0;
  --animation-end-opacity: .9;
  animation-duration: 1000ms;
}
.demo2-layer {
  position: absolute;
  width: 237px;
  --animation-start-x: -100px;
  --animation-start-opacity: .0;
  --animation-end-opacity: .7;
  animation-duration: 700ms;
  left: calc(var(--seq-index) * 75px);
  opacity: var(--animation-start-opacity);
}
.demo2-layer svg {
  width: 100%;
  aspect-ratio: .5;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  height: auto;
}
.demo2-svg-layer {
  --animation-start-opacity: 0;
  --animation-end-opacity: 0.7;
  --animation-end-x: calc(var(--seq-index) * 70px);
  --animation-start-x: calc(var(--animation-end-x) - 100px);
  animation-duration: 700ms;
  transform: translate(calc(var(--seq-index) * 70px), 0);
  mix-blend-mode: multiply;
}
.demo2-svg-layer-image {
  --animation-start-x: -4.5rem;
  --animation-start-opacity: 0;
  --animation-end-opacity: 1;
  --animation-end-x: 200px;
  animation-duration: 700ms;
}
.media-image-svg-layer {
  --layer-spacing: 70px;
  --animation-start-opacity: 0;
  --animation-end-opacity: 0.7;
  --animation-end-x: calc(var(--seq-index) * var(--layer-spacing));
  --animation-start-x: calc(var(--animation-end-x) - var(--layer-spacing));
  animation-duration: 700ms;
  transform: translate(calc(var(--seq-index) * var(--layer-spacing)), 0);
  mix-blend-mode: multiply;
  opacity: 0;
}
.media-image-svg-layer-image {
  --animation-start-x: 100px;
  --animation-start-opacity: 0;
  --animation-end-opacity: 1;
  --animation-end-x: 200px;
  animation-duration: 700ms;
  opacity: 0;
}
.footer-animation {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  bottom: calc(70px - 100%);
}
@media (width >=768px) {
  .footer-animation {
    bottom: calc(209px - 100%);
  }
}
@media (width >=1440px) {
  .footer-animation {
    bottom: calc(98px - 100%);
  }
}
.footer-animation svg {
  height: 225px;
}
@media (width >=768px) {
  .footer-animation svg {
    height: 265px;
  }
}
@media (width >=1440px) {
  .footer-animation svg {
    height: 600px;
  }
}
.footer-animation .media-image-svg-layer {
  --layer-spacing: 45px;
  --animation-start-x: calc(var(--animation-end-x) - var(--layer-spacing) + 1px);
  --animation-end-x: calc(var(--seq-index) * var(--layer-spacing) + 1px);
  transform: translate(calc(var(--seq-index) * var(--layer-spacing) + 1px), 2px);
  --animation-start-y: 2px;
  --animation-end-y: 2px;
  animation-duration: 6s;
}
.hero-primary__wrapper {
  z-index: initial;
}
.hero-primary__wrapper .media-image-svg-layer {
  --layer-spacing: 90px;
}
.hero-primary__wrapper .media-image-svg-layer-image {
  --animation-start-x: 20px;
  --animation-end-x: 80px;
  border-radius: 500px;
}
.hero-primary--primary .media-image--animation {
  aspect-ratio: 1033 / 316;
}
@media (max-width: 767.9px) {
  .hero-primary--primary .media-image--animation {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}
.hero-primary--secondary .media-image-svg-layer, .hero-primary--tertiary .media-image-svg-layer {
  --layer-spacing: 1px;
  animation-delay: calc(var(--seq-delay, 400) * var(--seq-index) * 1ms) !important;
  animation: pulse-opacity 3s ease-in-out infinite;
  opacity: var(--animation-start-opacity);
  --animation-end-opacity: var(--animation-start-opacity);
}
.hero-primary--secondary .media-image-svg-layer {
  --animation-start-opacity: 0.2;
  --animation-mid-opacity: .8;
}
.hero-primary--tertiary .media-image-svg-layer {
  --animation-start-opacity: 0.3;
  --animation-mid-opacity: 0.7;
}
.hero-animation-layer {
  width: 237px;
  --animation-start-x: -100px;
  --animation-start-opacity: .0;
  --animation-end-opacity: .8;
  animation-duration: 700ms;
  aspect-ratio: .5;
  margin-left: -125px;
  opacity: var(--animation-start-opacity);
}
.hero-animation-layer:first-child {
  margin-left: 0;
}
.hero-animation-layer svg {
  width: auto;
  height: 100%;
  aspect-ratio: .5;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}
@media (width >=1440px) {
  .hero-animation-layer {
    margin-left: -175px;
  }
}
.hero-image-layer {
  position: absolute;
  width: 328px;
  border-radius: calc(infinity * 1px);
}
@media (width >= 80rem) {
  .hero-image-layer {
    height: 478px;
  }
}
@media (width >= 80rem) {
  .hero-image-layer {
    width: 478px;
  }
}
.hero-image-layer {
  margin-left: 0;
  aspect-ratio: 1;
  --animation-start-opacity: .0;
  --animation-end-opacity: 1;
}
.hero-image-layer img {
  width: 100%;
}
@layer components {
  @keyframes ani-custom-animation {
    0% {
      --s-start-0: 25.555775960286468%;
      --s-end-0: 72.31427934434684%;
      --c-0: hsla(210,64%,12%,1);
      --x-0: 53.304266012641385%;
      --y-0: 90.52240795559354%;
      --y-1: 38.13130908542209%;
      --x-1: 75.95507949339569%;
      --c-1: hsla(210,64%,12%,1);
      --s-start-1: 25.798339843750014%;
      --s-end-1: 42.75351418389221%;
      --y-2: 86.35771009657118%;
      --x-2: 98.78089148532372%;
      --s-start-2: 0%;
      --s-end-2: 32.64571083916563%;
      --c-2: hsla(205,31%,39%,0.4);
      --y-3: 1.5151532491048176%;
      --x-3: 11.065396986753642%;
      --c-3: hsla(205,31%,39%,1);
      --s-start-3: 13.732501135932079%;
      --s-end-3: 66.62458154890277%;
    }
    50% {
      --s-start-0: 25.374774932861353%;
      --s-end-0: 104.40603309207498%;
      --c-0: hsla(210,64%,12%,1);
      --x-0: 38.4350759387361%;
      --y-0: 56.81225034925673%;
      --y-1: 90.65656026204427%;
      --x-1: 66.63469664237674%;
      --c-1: hsla(210,64%,12%,1);
      --s-start-1: 18.979751110076926%;
      --s-end-1: 53.87786722183234%;
      --y-2: 13.435128529866537%;
      --x-2: 98.99293489919411%;
      --s-start-2: 15.087431112925223%;
      --s-end-2: 81.18052164713545%;
      --c-2: hsla(205,31%,39%,0.9);
      --y-3: 74.61923387315538%;
      --x-3: -0.4820915986374158%;
      --c-3: hsla(205,31%,39%,1);
      --s-start-3: 5.599011845058872%;
      --s-end-3: 38.67120477888328%;
    }
    100% {
      --y-1: 54.92424011230469%;
      --x-1: 56.503196139308606%;
      --c-1: hsla(210,64%,12%,0.8);
      --s-start-1: 18.979751110076926%;
      --s-end-1: 99.32413593928025%;
      --y-2: 82.3192850748698%;
      --x-2: 98.13474419985812%;
      --s-start-2: 6.832712332407649%;
      --s-end-2: 32.86681138144605%;
      --c-2: hsla(205,31%,39%,0.4);
    }
  }
  @property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 25.555775960286468%;
  }
  @property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 72.31427934434684%;
  }
  @property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(210,64%,12%,1);
  }
  @property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 53.304266012641385%;
  }
  @property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90.52240795559354%;
  }
  @property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 38.13130908542209%;
  }
  @property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 75.95507949339569%;
  }
  @property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(210,64%,12%,1);
  }
  @property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 25.798339843750014%;
  }
  @property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 42.75351418389221%;
  }
  @property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86.35771009657118%;
  }
  @property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 98.78089148532372%;
  }
  @property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
  }
  @property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 32.64571083916563%;
  }
  @property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205,31%,39%,0.4);
  }
  @property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 1.5151532491048176%;
  }
  @property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11.065396986753642%;
  }
  @property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205,31%,39%,1);
  }
  @property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.732501135932079%;
  }
  @property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 66.62458154890277%;
  }
  .section--bg-gradient.intersect\:custom-animation:not([no-intersect]), .section--bg-gradient.custom-animation {
    --c-0: hsla(210,64%,12%,1);
    --x-0: 53.304266012641385%;
    --y-0: 90.52240795559354%;
    --y-1: 38.13130908542209%;
    --x-1: 75.95507949339569%;
    --c-1: hsla(210,64%,12%,1);
    --y-2: 86.35771009657118%;
    --x-2: 98.78089148532372%;
    --c-2: hsla(205,31%,39%,0.4);
    --y-3: 1.5151532491048176%;
    --x-3: 11.065396986753642%;
    --c-3: hsla(205,31%,39%,1);
    background-color: hsla(210,64%,12%,1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3),transparent var(--s-end-3));
    animation: ani-custom-animation 10s linear infinite alternate;
    background-blend-mode: normal,normal,screen,normal;
    will-change: transform, opacity;
    contain: paint;
  }
  @media (prefers-reduced-motion: reduce) {
    .section--bg-gradient.intersect\:custom-animation:not([no-intersect]), .section--bg-gradient.custom-animation {
      animation: none;
    }
  }
  @keyframes gradient-down {
    0% {
      transform: translate3d(0, -66.66%, 0);
    }
    100% {
      transform: translate3d(0, 66.66%, 0);
    }
  }
  @keyframes gradient-up {
    0% {
      transform: translate3d(0, 66.66%, 0);
    }
    100% {
      transform: translate3d(0, -80%, 0);
    }
  }
}
@layer theme {
  :root, :host {
    --container-max-w: 100%;
    --container-px: var(--container-padding);
  }
  @media (width >=40rem) {
    :root, :host {
      --container-max-w: var(--container-max-w-sm);
    }
  }
  @media (width >=48rem) {
    :root, :host {
      --container-max-w: var(--container-max-w-md);
    }
  }
  @media (width >=64rem) {
    :root, :host {
      --container-max-w: var(--container-max-w-lg);
      --container-px: var(--container-padding-lg);
    }
  }
  @media (width >=80rem) {
    :root, :host {
      --container-max-w: var(--container-max-w-xl);
    }
  }
  @media (width >=90rem) {
    :root, :host {
      --container-max-w: var(--container-max-w-2xl);
    }
  }
  :root, :host {
    --viewport-to-container: calc((100vw - var(--container-max-w)) / 2);
    --viewport-to-content: calc(var(--viewport-to-container) + var(--container-px));
  }
  :root .viewport-to-content, :host .viewport-to-content {
    width: var(--viewport-to-content);
  }
}
@layer components {
  .breadcrumbs {
    width: 100%;
  }
  .breadcrumbs__list {
    margin: calc(var(--spacing) * 0);
    display: flex;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
  }
  .breadcrumbs__item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .breadcrumbs__item--allow-truncation .breadcrumbs__text {
    max-width: calc(var(--spacing) * 32);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (width >= 48rem) {
    .breadcrumbs__item--allow-truncation .breadcrumbs__text {
      max-width: none;
    }
  }
  .breadcrumbs__separator {
    display: flex;
    align-items: center;
    color: var(--color-gray-600);
  }
  .breadcrumbs__text {
    display: flex;
    align-items: center;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-black);
  }
  .breadcrumbs__text a {
    color: currentcolor;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .breadcrumbs__text a:hover {
      color: var(--color-secondary-base);
    }
  }
  .breadcrumbs__text span[aria-current="location"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
  }
  @media (max-width: 768px) {
    .breadcrumbs__list {
      gap: calc(var(--spacing) * 1);
    }
    .breadcrumbs__item:not(:first-child):not(:last-child) {
      display: none;
    }
    .breadcrumbs__item:first-child:not(:last-child) + .breadcrumbs__separator + .breadcrumbs__item:last-child::before {
      content: "...";
      margin-right: calc(var(--spacing) * 2);
      color: var(--color-gray-500);
    }
    .breadcrumbs__item:not(:first-child):not(:last-child) + .breadcrumbs__separator {
      display: none;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
}
@layer utility {
  .eyebrow, .eyebrow-sm {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: lowercase;
  }
  .dark .eyebrow, .dark .eyebrow-sm {
    color: var(--color-white);
  }
  .eyebrow {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .eyebrow-sm {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@layer components;
@layer components {
  .custom-icon {
    display: inline-flex;
    --custom-icon-xl: 5.5rem;
    --custom-icon-lg: 4rem;
    --custom-icon-md: 3rem;
    --custom-icon-sm: 2rem;
  }
  .custom-icon--xl {
    font-size: var(--custom-icon-xl);
  }
  .custom-icon--lg {
    font-size: var(--custom-icon-lg);
  }
  .custom-icon--md {
    font-size: var(--custom-icon-md);
  }
  .custom-icon--sm {
    font-size: var(--custom-icon-sm);
  }
  @media (max-width: 1023.9px) {
    .custom-icon--xl-mobile {
      font-size: var(--custom-icon-xl);
    }
    .custom-icon--lg-mobile {
      font-size: var(--custom-icon-lg);
    }
    .custom-icon--md-mobile {
      font-size: var(--custom-icon-md);
    }
    .custom-icon--sm-mobile {
      font-size: var(--custom-icon-sm);
    }
  }
  .custom-icon--custom-beacon {
    --w: 132;
    --h: 62;
  }
  .custom-icon--custom-champions {
    --w: 121;
    --h: 88;
  }
  .custom-icon--custom-collaboratives {
    --w: 132;
    --h: 73;
  }
  .custom-icon--custom-beacon .icon, .custom-icon--custom-champions .icon, .custom-icon--custom-collaboratives .icon {
    height: 1em;
    width: auto;
    aspect-ratio: var(--w) / var(--h);
  }
}
@layer components {
  :where(html) .icon {
    width: 1em;
  }
  .icon {
    display: inline-flex;
    aspect-ratio: 1 / 1;
    height: auto;
  }
  .icon__symbol--outline path {
    stroke: currentColor;
    fill: transparent;
    stroke-width: var(--icon-stroke-width, var(--icon-stroke-width-default, 1));
  }
  .icon__symbol--solid path {
    fill: currentColor;
    stroke: transparent;
  }
}
@layer components {
  .media-image:not(.media-image--is-bg) img {
    width: 100%;
    border-radius: var(--radius-4xl);
  }
  .media-image--is-bg {
    overflow: hidden;
  }
  .media-image--is-bg, .media-image--is-bg * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .media-image--decorations {
    position: relative;
    padding-left: calc(var(--spacing) * 12);
  }
  .media-image--decorations img {
    position: relative;
    z-index: 20;
    display: block;
    overflow: hidden;
    border-radius: calc(infinity * 1px) !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .media-image--decorations::before, .media-image--decorations::after {
    content: " ";
    position: absolute;
    top: calc(var(--spacing) * 0);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .media-image--decorations::before {
    aspect-ratio: 1.66/1;
    background-image: url("../images/semicircles-colors-1.svg");
  }
  .dark .media-image--decorations::before {
    background-image: url("../images/semicircles-colors-2.svg");
  }
  .media-image--decorations::after {
    aspect-ratio: 0.92/1;
    background-image: url("../images/semicircles-outlines-transparent.svg");
  }
  .dark .media-image--decorations::after {
    background-image: url("../images/semicircles-outlines-dark.svg");
  }
  .media-image--decorations--lr::before {
    left: calc(var(--spacing) * -80);
  }
  .media-image--decorations--lr::after {
    left: calc(var(--spacing) * 72);
  }
  .media-image--decorations--rl::before {
    left: calc(var(--spacing) * 72);
  }
  .media-image--decorations--rl::after {
    left: calc(var(--spacing) * -15);
  }
  .media-image--decorations--sm img {
    height: 219px !important;
    width: 219px !important;
  }
  @media (width >= 40rem) {
    .media-image--decorations--sm img {
      height: 355px !important;
    }
  }
  @media (width >= 40rem) {
    .media-image--decorations--sm img {
      width: 355px !important;
    }
  }
  .media-image--decorations--md img {
    height: 219px !important;
    width: 219px !important;
  }
  @media (width >= 40rem) {
    .media-image--decorations--md img {
      height: 325px !important;
    }
  }
  @media (width >= 40rem) {
    .media-image--decorations--md img {
      width: 325px !important;
    }
  }
  @media (width >= 80rem) {
    .media-image--decorations--md img {
      height: 475px !important;
    }
  }
  @media (width >= 80rem) {
    .media-image--decorations--md img {
      width: 475px !important;
    }
  }
  .media-image--decorations--lg img {
    height: 219px !important;
    width: 219px !important;
  }
  @media (width >= 40rem) {
    .media-image--decorations--lg img {
      height: 521px !important;
    }
  }
  @media (width >= 40rem) {
    .media-image--decorations--lg img {
      width: 521px !important;
    }
  }
  .media-image--decorations--lg.media-image--decorations--lr::before {
    left: -490px;
  }
  .media-image--decorations--lg.media-image--decorations--lr::after {
    left: 298px;
  }
  .media-image--decorations--lg.media-image--decorations--rl::before {
    left: 298px;
  }
  .media-image--decorations--lg.media-image--decorations--rl::after {
    left: -110px;
  }
}
@layer base {
  :where(body) a:not(.link--unstyled) {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: var(--color-secondary-400);
    text-underline-offset: 4px;
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    outline-offset: 4px;
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    outline-color: var(--color-secondary-base);
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  :where(body) a:not(.link--unstyled) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    border-radius: var(--radius-md);
    border-color: var(--color-secondary-400);
    text-decoration-line: none;
  }
  :where(body) a:not(.link--unstyled):hover {
    text-decoration-color: var(--color-secondary-500);
    text-decoration-thickness: 2px;
  }
  :where(body) a:not(.link--unstyled)__last-word-with-icon {
    white-space: nowrap;
  }
  :where(body) a:not(.link--unstyled)__last-word-with-icon .icon {
    margin-bottom: 0.15em;
    margin-left: 0.4em;
    font-size: 1.1em;
  }
}
@layer components {
  .link--subtle {
    text-decoration-color: transparent;
  }
  @media (hover: hover) {
    .link--subtle:hover {
      text-decoration-color: var(--color-secondary-600);
    }
  }
  .link--primary:after, .link--primary .icon {
    color: var(--color-primary-950);
  }
  .link--unstyled {
    text-decoration-line: none;
    text-decoration-thickness: 0px;
  }
  @media (hover: hover) {
    .link--unstyled:hover {
      text-decoration-thickness: 0px;
    }
  }
  .link--unstyled {
    text-underline-offset: unset;
  }
  .link--stretched:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-color: transparent;
  }
}
@layer components {
  .prose a {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: var(--color-secondary-400);
    text-underline-offset: 4px;
  }
  .prose a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
  }
  .prose a:focus-visible {
    outline-offset: 4px;
  }
  .prose a:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .prose a:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .prose a {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .prose a:focus-visible {
    border-radius: var(--radius-md);
    border-color: var(--color-secondary-400);
    text-decoration-line: none;
  }
  .prose a:hover {
    text-decoration-color: var(--color-secondary-500);
    text-decoration-thickness: 2px;
  }
  .prose a__last-word-with-icon {
    white-space: nowrap;
  }
  .prose a__last-word-with-icon .icon {
    margin-bottom: 0.15em;
    margin-left: 0.4em;
    font-size: 1.1em;
  }
  .prose :where(p), .prose :where(.wp-block-heading), .prose :where(.wp-block-table) {
    margin-block: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .prose :where(p), .prose :where(.wp-block-heading), .prose :where(.wp-block-table) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .prose :where(.wp-block-image), .prose :where(.wp-block-list) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .prose :where(.wp-block-image), .prose :where(.wp-block-list) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .prose .wp-block-heading + .wp-block-heading {
    margin-block: clamp(24px, 0.9em, 100%);
  }
  .prose :where(h1) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .prose :where(h1).bold, .prose :where(h1) strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .prose :where(h1) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose :where(h1) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .prose :where(h2) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .prose :where(h2).bold, .prose :where(h2) strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .prose :where(h2) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose :where(h2) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .prose :where(h3) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .prose :where(h3).bold, .prose :where(h3) strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .prose :where(h3) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose :where(h3) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .prose :where(h4) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .prose :where(h4) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose :where(h4) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .prose :where(h5) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .prose :where(h5) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose :where(h5) {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .prose .entry-title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .prose .entry-title.bold, .prose .entry-title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .prose .entry-title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .prose .entry-title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .prose :where(p) {
    line-height: 1.5em;
  }
  .prose :where(a) {
    font-weight: unset;
  }
  .prose :where(table) {
    font-size: 1rem;
  }
  .prose :where(ul):not(:where([class*="acf-"])) {
    margin-left: calc(var(--spacing) * 0);
    list-style-type: disc;
  }
  :where(.prose :where(ul):not(:where([class*="acf-"])) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .prose :where(ul):not(:where([class*="acf-"])) {
    padding-left: calc(var(--spacing) * 5);
  }
  .prose :where(ul):not(:where([class*="acf-"])) > li {
    padding-left: calc(var(--spacing) * 1);
    line-height: 1.5;
  }
  .prose :where(ul):not(:where([class*="acf-"])) > li::marker {
    color: var(--color-secondary-400);
    font-size: 0.8em;
  }
  .text-center .prose > ul {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    padding-inline: calc(var(--spacing) * 0);
  }
  .text-center .prose > ul > li {
    text-align: left !important;
  }
  .prose > ul li[style="text-align: center"] {
    max-width: 600px;
    text-align: left !important;
  }
  .prose .wp-block-image img {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose .wp-block-image.alignleft, .prose .wp-block-image .alignright {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 5);
    margin-left: calc(var(--spacing) * 8);
  }
  .prose .wp-block-image.alignleft {
    float: left;
  }
  .prose .wp-block-image.alignright {
    float: right;
  }
  @media (width < 40rem) {
    .prose .wp-block-button {
      width: 100%;
    }
  }
  .prose .wp-element-button {
    position: relative !important;
    display: inline-flex !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(var(--spacing) * 2) !important;
    overflow: hidden !important;
    border-radius: calc(infinity * 1px) !important;
    border-width: 2px !important;
    border-color: transparent !important;
    --tw-leading: calc(var(--spacing) * 7) !important;
    line-height: calc(var(--spacing) * 7) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .prose .wp-element-button:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 4px !important;
  }
  .prose .wp-element-button:focus-visible {
    outline-offset: 4px !important;
  }
  .prose .wp-element-button:focus-visible {
    outline-color: var(--color-secondary-base) !important;
  }
  .prose .wp-element-button:focus-visible {
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
  .prose .wp-element-button {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .prose .wp-element-button:disabled {
    cursor: default !important;
  }
  .prose .wp-element-button:disabled {
    background-image: none !important;
  }
  .prose .wp-element-button__overlay {
    pointer-events: none !important;
    position: absolute !important;
    inset: calc(var(--spacing) * 0) !important;
    z-index: 0 !important;
    --tw-translate-x: -100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    border-radius: calc(infinity * 1px) !important;
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
    animation-timing-function: linear !important;
    background-color: var(--btn-overlay-color, var(--color-primary-950)) !important;
  }
  .prose .wp-element-button:hover .btn__overlay {
    --tw-translate-x: calc(var(--spacing) * -0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .prose .wp-element-button__content {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    border-radius: calc(infinity * 1px) !important;
    padding-inline: calc(var(--spacing) * 8) !important;
    padding-block: calc(var(--spacing) * 3) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .prose .wp-element-button.btn:focus-visible {
    border-radius: calc(infinity * 1px) !important;
  }
  .prose .wp-element-button--has-icon {
    justify-content: space-between !important;
  }
  .prose .wp-element-button--has-icon .btn__content {
    align-items: center !important;
  }
  @media (max-width: 767.9px) {
    .prose .wp-element-button--has-icon .btn__content {
      width: 100% !important;
      justify-content: space-between !important;
    }
  }
  .prose .wp-element-button .btn__text {
    --tw-leading: calc(var(--spacing) * 7) !important;
    line-height: calc(var(--spacing) * 7) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .prose .wp-element-button .btn__icon {
    display: flex !important;
    aspect-ratio: 1 / 1 !important;
    height: calc(var(--spacing) * 5) !important;
    width: calc(var(--spacing) * 5) !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentcolor !important;
  }
  .prose .wp-element-button .btn__icon .icon {
    width: 100% !important;
  }
  .prose .wp-element-button {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: var(--color-primary-950) !important;
    --tw-gradient-position: to right !important;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .prose .wp-element-button {
      --tw-gradient-position: to right in oklab !important;
    }
  }
  .prose .wp-element-button {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    --tw-gradient-from: var(--color-secondary-200) !important;
    --tw-gradient-to: var(--color-tertiary-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    color: var(--color-primary-950) !important;
  }
  .prose .wp-element-button:hover {
    border-color: var(--color-primary-950) !important;
    color: var(--color-white) !important;
  }
  .prose .wp-element-button:focus-visible {
    outline-color: var(--color-secondary-400) !important;
  }
  .prose .wp-element-button:disabled {
    border-color: var(--color-quaternary-500) !important;
    background-color: var(--color-quaternary-100) !important;
    color: var(--color-quaternary-500) !important;
  }
  .dark .prose .wp-element-button {
    --btn-overlay-color: var(--color-white) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: var(--color-white) !important;
    --tw-gradient-position: to right !important;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .dark .prose .wp-element-button {
      --tw-gradient-position: to right in oklab !important;
    }
  }
  .dark .prose .wp-element-button {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    --tw-gradient-from: var(--color-secondary-200) !important;
    --tw-gradient-to: var(--color-tertiary-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    color: var(--color-primary-950) !important;
  }
  .dark .prose .wp-element-button:hover {
    color: var(--color-primary-950) !important;
  }
  .dark .prose .wp-element-button:focus-visible {
    outline-color: var(--color-secondary-400) !important;
  }
  .dark .prose .wp-element-button:disabled {
    border-color: var(--color-quaternary-500) !important;
    background-color: var(--color-quaternary-100) !important;
    color: var(--color-quaternary-500) !important;
  }
  .dark .prose .wp-element-button:not(:disabled):hover {
    border-color: var(--color-white) !important;
    color: var(--color-primary-950) !important;
  }
  .prose .wp-element-button {
    text-decoration-line: none !important;
  }
  @media (width < 40rem) {
    .prose .wp-element-button {
      width: 100% !important;
    }
    .prose .wp-element-button .btn__content {
      width: 100% !important;
      justify-content: center !important;
    }
  }
  .prose > *:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .prose > *:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .prose {
    display: flow-root;
  }
}
@layer components {
  .media-video__content {
    position: relative;
    display: inline-flex;
  }
  .media-video:not(.media-video--is-bg) video {
    width: 100%;
  }
  .media-video:not(.media-video--is-bg) .media-video__content {
    display: flex;
  }
  .media-video--is-bg {
    overflow: hidden;
  }
  .media-video--is-bg, .media-video--is-bg *:not(.media-video__controls) {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .media-video__controls, .media-video__controls * {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    .media-video__controls, .media-video__controls * {
      height: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .media-video__controls, .media-video__controls * {
      width: calc(var(--spacing) * 11);
    }
  }
  .media-video__controls {
    --un-svg-edge-to-content-space: 5px;
    position: relative;
    z-index: 1;
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-direction: row;
    flex-wrap: nowrap;
  }
  @media (width >= 48rem) {
    .media-video__controls {
      height: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .media-video__controls {
      width: calc(var(--spacing) * 11);
    }
  }
  .media-video__content .media-video__controls {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
  }
  .media-video__controls-btn {
    position: relative;
    cursor: pointer;
    color: var(--color-black);
    opacity: 70%;
  }
  .media-video__controls-btn:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .media-video__controls-btn:after {
    position: absolute;
    inset: var(--un-svg-edge-to-content-space);
    z-index: calc(10 * -1);
    display: block;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    opacity: 40%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .media-video__controls-btn:hover {
    opacity: 100%;
  }
}
@layer components {
  .accordion__panel {
    visibility: hidden;
    height: calc(var(--spacing) * 0);
    overflow: hidden;
    padding-inline: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .accordion > .accordion__header .accordion__trigger-collapse {
    display: none;
  }
  .accordion > .accordion__header .accordion__trigger-expand {
    display: inline-block;
  }
  .accordion.accordion--expanded > .accordion__panel {
    visibility: visible;
    height: auto;
    padding-block: calc(var(--spacing) * 6);
  }
  .accordion.accordion--expanded > .accordion__header .accordion__trigger-collapse {
    display: inline-block;
  }
  .accordion.accordion--expanded > .accordion__header .accordion__trigger-expand {
    display: none;
  }
  .accordion--primary > .accordion__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-secondary-400);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 6);
  }
  .accordion--primary > .accordion__header .accordion__trigger {
    display: flex;
    width: 100%;
    justify-content: space-between;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .accordion--primary > .accordion__header.accordion--expanded > .accordion__panel {
    visibility: visible;
    height: auto;
  }
  .accordion--primary > .accordion__header.accordion--expanded > .accordion__header .accordion__trigger-collapse {
    display: inline-block;
  }
  .accordion--primary > .accordion__header.accordion--expanded > .accordion__header .accordion__trigger-expand {
    display: none;
  }
  .accordion--primary > .accordion__header > .accordion__panel {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 6);
  }
  .accordion:not(.accordion--expanded) .accordion__panel.accordion__panel {
    visibility: hidden;
  }
}
@layer components {
  .accordion-group .teaser {
    display: flex;
    flex-direction: column;
  }
  .accordion-group .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .accordion-group .teaser__title, .accordion-group .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .accordion-group .teaser__blurb {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .accordion-group .teaser__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 4);
  }
  @media (width < 48rem) {
    .accordion-group .teaser__buttons .btn {
      width: 100%;
    }
  }
  .dark .accordion-group .teaser__eyebrow, .dark .accordion-group .teaser__title, .dark .accordion-group .teaser__blurb {
    color: var(--color-white);
  }
  .accordion-group .teaser h2.teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .accordion-group .teaser h2.teaser__title.bold, .accordion-group .teaser h2.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .accordion-group .teaser h2.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .accordion-group .teaser h2.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .accordion-group .teaser h3.teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .accordion-group .teaser h3.teaser__title.bold, .accordion-group .teaser h3.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .accordion-group .teaser h3.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .accordion-group .teaser h3.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .accordion-group .teaser h4.teaser__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .accordion-group .teaser h4.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .accordion-group .teaser h4.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .accordion-group .teaser h5.teaser__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .accordion-group .teaser h5.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .accordion-group .teaser h5.teaser__title {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
}
@layer components {
  .alert--danger {
    color: var(--color-white);
    background-color: #C84A5A;
  }
  .alert--danger .alert__close:hover {
    background-color: #A50000;
  }
  .alert--success {
    background-color: #C2FAFA;
    color: #1C4167;
  }
  .alert--success .alert__close {
    color: #0B1F33;
  }
  .alert--success .alert__close:hover {
    background-color: #98ECE4;
  }
  .alert--neutral {
    background-color: var(--color-primary-950);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .alert--neutral .alert__close:hover {
      background-color: var(--color-primary-500);
    }
  }
  .alert .container {
    display: flex;
    flex-direction: row;
  }
  @media (max-width: 1024px) {
    .alert .container {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .alert__content {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .alert__text {
    margin-top: 2px;
  }
  .alert__text > *:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .alert__text > *:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .alert .icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .alert__aside {
    display: flex;
    align-items: center;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-left-color: var(--color-white);
    padding-left: calc(var(--spacing) * 5);
  }
  .alert__close {
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 1);
    aspect-ratio: 1 / 1;
  }
  .alert.alert {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
  }
}
@layer components {
  .card-text, .card-image, .card-icon, .card-statistics {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .card-text--has-bg, .card-image--has-bg, .card-icon--has-bg, .card-statistics--has-bg {
    overflow: hidden;
    border-radius: var(--radius-4xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .card-text.bg-white, .card-image.bg-white, .card-icon.bg-white, .card-statistics.bg-white {
    position: relative;
    overflow: hidden;
    border-color: var(--color-primary-950);
    background-color: transparent !important;
  }
  .card-text.bg-white::after, .card-image.bg-white::after, .card-icon.bg-white::after, .card-statistics.bg-white::after {
    content: " ";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: calc(10 * -1);
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    opacity: 30%;
    --tw-backdrop-blur: blur(var(--blur-lg));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .card-text.bg-primary-950, .card-image.bg-primary-950, .card-icon.bg-primary-950, .card-statistics.bg-primary-950 {
    border-color: var(--color-white);
    background-color: transparent !important;
  }
  .card-text--has-bg .card-text__image .media-image img, .card-image--has-bg .card-image__image .media-image img, .card-icon--has-bg .card-icon__image .media-image img, .card-statistics--has-bg .card-statistics__image .media-image img {
    border-radius: 0;
  }
  .card-text--has-bg .card-text__content, .card-image--has-bg .card-image__content, .card-icon--has-bg .card-icon__content, .card-statistics--has-bg .card-statistics__content {
    padding: calc(var(--spacing) * 5);
  }
  @media (width >=1024px) {
    .card-text--has-bg .card-text__content, .card-image--has-bg .card-image__content, .card-icon--has-bg .card-icon__content, .card-statistics--has-bg .card-statistics__content {
      padding: calc(var(--spacing) * 10);
    }
  }
  .card-text--has-image .card-text__content, .card-image--has-image .card-image__content, .card-icon--has-image .card-icon__content, .card-statistics--has-image .card-statistics__content {
    padding-top: calc(var(--spacing) * 4);
  }
  @media (width >=1024px) {
    .card-text--has-image .card-text__content, .card-image--has-image .card-image__content, .card-icon--has-image .card-icon__content, .card-statistics--has-image .card-statistics__content {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .card-text--has-date .card-text__eyebrow:first-letter, .card-image--has-date .card-image__eyebrow:first-letter, .card-icon--has-date .card-icon__eyebrow:first-letter, .card-statistics--has-date .card-statistics__eyebrow:first-letter {
    text-transform: uppercase;
  }
  .card-text__content, .card-image__content, .card-icon__content, .card-statistics__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 5);
  }
  .card-text__image, .card-image__image, .card-icon__image, .card-statistics__image {
    aspect-ratio: auto;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
  }
  .card-text__image .media-image, .card-image__image .media-image, .card-icon__image .media-image, .card-statistics__image .media-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card-text__image .media-image img, .card-image__image .media-image img, .card-icon__image .media-image img, .card-statistics__image .media-image img {
    aspect-ratio: var(--aspect-video);
    height: 100%;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card-text__eyebrow, .card-image__eyebrow, .card-icon__eyebrow, .card-statistics__eyebrow {
    margin-bottom: calc(var(--spacing) * -5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: lowercase;
  }
  .dark .card-text__eyebrow, .dark .card-image__eyebrow, .dark .card-icon__eyebrow, .dark .card-statistics__eyebrow {
    color: var(--color-white);
  }
  .card-text__statistics, .card-image__statistics, .card-icon__statistics, .card-statistics__statistics {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .card-text__statistics.bold, .card-text__statistics strong, .card-image__statistics.bold, .card-image__statistics strong, .card-icon__statistics.bold, .card-icon__statistics strong, .card-statistics__statistics.bold, .card-statistics__statistics strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .card-text__statistics, .dark .card-image__statistics, .dark .card-icon__statistics, .dark .card-statistics__statistics {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .card-text__statistics, .card-image__statistics, .card-icon__statistics, .card-statistics__statistics {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .card-text__statistics, .card-image__statistics, .card-icon__statistics, .card-statistics__statistics {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .card-text__title, .card-image__title, .card-icon__title, .card-statistics__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .card-text__title.bold, .card-text__title strong, .card-image__title.bold, .card-image__title strong, .card-icon__title.bold, .card-icon__title strong, .card-statistics__title.bold, .card-statistics__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .card-text__title, .dark .card-image__title, .dark .card-icon__title, .dark .card-statistics__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .card-text__title, .card-image__title, .card-icon__title, .card-statistics__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .card-text__title, .card-image__title, .card-icon__title, .card-statistics__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .card-text__blurb, .card-image__blurb, .card-icon__blurb, .card-statistics__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .card-text__footer, .card-image__footer, .card-icon__footer, .card-statistics__footer {
    margin-top: auto;
  }
  .card-text--link-right .card__link, .card-image--link-right .card__link, .card-icon--link-right .card__link, .card-statistics--link-right .card__link {
    align-self: flex-end;
  }
  @media (max-width: 767.9px) {
    .card-text .card__button, .card-image .card__button, .card-icon .card__button, .card-statistics .card__button {
      width: 100%;
    }
  }
  .card-icon__uploaded-icon img {
    height: 1em;
    width: auto;
    border-radius: 0 !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .card-profile {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: 0 !important;
    --tw-border-style: none !important;
    border-style: none !important;
  }
  @media (width >= 48rem) {
    .card-profile {
      gap: calc(var(--spacing) * 6);
    }
  }
  .card-profile__image {
    height: 120px;
    width: 120px;
  }
  @media (width >= 40rem) {
    .card-profile__image {
      height: 196px;
    }
  }
  @media (width >= 40rem) {
    .card-profile__image {
      width: 196px;
    }
  }
  .card-profile__image .media-image {
    height: 100%;
    width: 100%;
  }
  .card-profile__image .media-image img {
    border-radius: calc(infinity * 1px) !important;
  }
  .card-profile__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .card-profile__content {
      gap: calc(var(--spacing) * 5);
    }
  }
  .card-profile__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .card-profile__name {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .card-profile__name {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .card-profile__name {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .card-profile__job-title {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .card-profile__links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .card-profile__link .btn__content {
    padding: calc(var(--spacing) * 0) !important;
  }
  .card-profile__link .btn__content .btn__icon {
    height: calc(var(--spacing) * 8) !important;
    width: calc(var(--spacing) * 8) !important;
  }
  .card-profile__link--linkedin .btn__icon {
    color: #2967b2 !important;
  }
  .card-profile__link--linkedin .btn__icon:where(.dark, .dark *) {
    color: var(--color-white) !important;
  }
}
#news .card-image__eyebrow {
  text-transform: none;
}
@layer components {
  :root, :host {
    --section-padding-y: 3.5rem;
    --section-padding-y-lg: 7.5rem;
  }
  @media (width >=1024px) {
    :root, :host {
      --section-padding-y: var(--section-padding-y-lg);
    }
  }
  .section {
    position: relative;
  }
  .section.dark {
    color: var(--color-white);
  }
  .section--bg-gradient {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%22.68%22%20cy%3D%22100.95%22%20r%3D%221%22%20fx%3D%22.68%22%20fy%3D%22100.95%22%20gradientTransform%3D%22matrix(131.66399%20180.29187%2092.87997%20-246.05276%20-9488.6%2024692.03)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237bacce%22/%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%230b1f33%22/%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%230b1f33%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237bacce%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M0%200h100v100H0z%22%20style%3D%22fill%3Aurl(%23a)%22/%3E%3C/svg%3E");
  }
  .section--bg-solid {
    padding-block: var(--section-padding-y);
    z-index: 0;
  }
  .section--bg-transparent {
    padding-block: var(--section-padding-y);
  }
  .section__bg-image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    overflow: hidden;
    z-index: -1;
  }
  .section__bg-image.section__bg-image * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 67%;
       object-position: 50% 67%;
  }
  .section .leaf {
    position: absolute;
    z-index: -1;
  }
  .section .leaf.mobile {
    inset-inline: calc(1/4 * 100%);
    bottom: calc(var(--spacing) * 0);
    height: auto;
    width: calc(1/2 * 100%);
  }
  @media (width >= 64rem) {
    .section .leaf.mobile {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .section .leaf:not(.mobile) {
    inset-block: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    display: none;
    height: 100%;
    width: auto;
  }
  @media (width >= 64rem) {
    .section .leaf:not(.mobile) {
      display: block;
    }
  }
  .section.section--bg-image-cover .section__bg-image * {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
  @media (width >= 48rem) {
    .section.section--bg-image-cover .section__bg-image * {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  }
  .section.section--bg-image-leaf .section__bg-image {
    --tw-brightness: brightness(25%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .section.section--bg-image-leaf.dark .section__bg-image {
    --tw-brightness: brightness(75%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .section--gutenberg {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .section--gutenberg {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .section--gutenberg {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .section--gutenberg {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .section--gutenberg {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .section--gutenberg {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .section--gutenberg {
      max-width: 90rem;
    }
  }
  .section--gutenberg {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .section--gutenberg {
      padding-inline: var(--container-padding-lg);
    }
  }
  @media (max-width: 767.9px) {
    .section {
      overflow: hidden;
    }
  }
}
@layer components {
  .gridset {
    margin: calc(var(--spacing) * 0);
    display: grid;
    align-items: stretch;
  }
  .gridset__item {
    display: flex;
    height: 100%;
  }
  :is(.gridset__item > *) {
    width: 100%;
  }
  .gridset__footer {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .gridset--standard {
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    .gridset--standard {
      gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .gridset--standard.gridset--cols-3 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .gridset--standard.gridset--cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .gridset--standard.gridset--cols-8x4 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
  }
  .gridset--standard.gridset--cols-8x4 > *:first-child {
    grid-column: span 12 / span 12;
  }
  @media (width >= 48rem) {
    .gridset--standard.gridset--cols-8x4 > *:first-child {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-8x4 > *:first-child {
      grid-column: span 8 / span 8;
    }
  }
  .gridset--standard.gridset--cols-8x4 > *:last-child {
    grid-column: span 12 / span 12;
  }
  @media (width >= 48rem) {
    .gridset--standard.gridset--cols-8x4 > *:last-child {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-8x4 > *:last-child {
      grid-column: span 4 / span 4;
    }
  }
  .gridset--standard.gridset--cols-8x4 > :empty {
    display: none;
  }
  .gridset--stacked {
    row-gap: calc(var(--spacing) * 20);
  }
  @media (width >= 48rem) {
    .gridset--stacked {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .gridset--centered-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap {
      gap: calc(var(--spacing) * 8);
    }
  }
  .gridset--centered-wrap .gridset__item {
    max-width: calc(50% - 0.5rem);
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap .gridset__item {
      max-width: 232px;
    }
  }
  @media (width >= 80rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      display: grid;
    }
  }
  @media (width >= 80rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      max-width: 100%;
    }
  }
  @media (width >= 80rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
}
@layer components {
  .menu-controls {
    display: flex;
    align-items: center;
  }
  @media (width >= 64rem) {
    .menu-controls {
      display: none;
    }
  }
  .menu-controls__open {
    display: flex;
  }
  .mobile-menu--open .menu-controls__open {
    display: none;
  }
  .menu-controls__close {
    display: none;
  }
  .mobile-menu--open .menu-controls__close {
    display: flex;
  }
}
@layer components {
  @media (width >=1024px) {
    .menu-primary__list {
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration-line: none;
      gap: 48px;
    }
    .menu-primary__link {
      cursor: pointer;
      text-decoration-line: underline;
      text-decoration-color: var(--color-secondary-400);
      text-underline-offset: 4px;
    }
    .menu-primary__link:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 4px;
    }
    .menu-primary__link:focus-visible {
      outline-offset: 4px;
    }
    .menu-primary__link:focus-visible {
      outline-color: var(--color-secondary-base);
    }
    .menu-primary__link:focus-visible {
      --tw-outline-style: solid;
      outline-style: solid;
    }
    .menu-primary__link {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .menu-primary__link:focus-visible {
      border-radius: var(--radius-md);
      border-color: var(--color-secondary-400);
      text-decoration-line: none;
    }
    .menu-primary__link:hover {
      text-decoration-color: var(--color-secondary-500);
      text-decoration-thickness: 2px;
    }
    .menu-primary__link__last-word-with-icon {
      white-space: nowrap;
    }
    .menu-primary__link__last-word-with-icon .icon {
      margin-bottom: 0.15em;
      margin-left: 0.4em;
      font-size: 1.1em;
    }
    .menu-primary__link {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 1);
      padding-block: calc(var(--spacing) * 1);
      text-align: center;
      font-family: var(--font-sans);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-wrap: nowrap;
      color: var(--color-primary-950);
      opacity: 90%;
      text-underline-offset: var(--nav-underline-offset);
    }
    .menu-primary__link:not(.menu-primary__link--active) {
      text-decoration-line: none;
    }
    .menu-primary__link.accordion__trigger[aria-expanded="true"] {
      border-bottom: 1px solid var(--green-green-400, #5dd7c4);
      border-radius: 0;
    }
    .menu-primary__link .btn__icon {
      rotate: 90deg;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .accordion--expanded .menu-primary__link .btn__icon {
      rotate: 270deg;
    }
  }
}
@layer components {
  .menu-primary__sub-link.link--is-internal .icon {
    display: none;
  }
  @media (max-width: 1023.9px) {
    :where(.menu-primary__list > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    .menu-primary__link {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 1);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      text-decoration-line: none;
      text-decoration-color: var(--color-gray-500);
    }
    @media (hover: hover) {
      .menu-primary__link:hover {
        text-decoration-line: underline;
      }
    }
    @media (hover: hover) {
      .menu-primary__link:hover {
        text-decoration-color: var(--color-gray-500);
      }
    }
    @media (hover: hover) {
      .menu-primary__link:hover {
        text-decoration-thickness: 2px;
      }
    }
    .menu-primary__link {
      text-underline-offset: var(--nav-underline-offset);
      color: var(--color-primary-900);
    }
    .menu-primary__link .icon {
      height: 21px;
      width: 21px;
    }
    body:not(.mobile-menu--open) .mobile-menu--fade {
      opacity: 0%;
    }
    body .mobile-menu--fade {
      transition: 0.6s opacity ease-in-out;
      opacity: 100%;
    }
    body .mobile-menu--scrollable {
      overflow-y: auto;
      padding: calc(var(--spacing) * 6);
      height: calc(100vh - var(--un-nav-height));
    }
  }
}
@layer components {
  @media (width >=1024px) {
    .menu-primary__sub {
      position: absolute;
      top: 100%;
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 10;
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      justify-content: flex-end;
      background-color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    @media (width >= 24.375rem) {
      .menu-primary__sub-inner {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .menu-primary__sub-inner {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .menu-primary__sub-inner {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .menu-primary__sub-inner {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .menu-primary__sub-inner {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .menu-primary__sub-inner {
        max-width: 90rem;
      }
    }
    .menu-primary__sub-inner {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .menu-primary__sub-inner {
        padding-inline: var(--container-padding-lg);
      }
    }
    .menu-primary__sub-inner {
      display: flex;
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start;
      -moz-column-gap: calc(var(--spacing) * 20);
           column-gap: calc(var(--spacing) * 20);
      padding-block: calc(var(--spacing) * 10);
    }
    .menu-primary__sub-list {
      display: grid;
      grid-template-columns: auto auto auto;
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
      row-gap: calc(var(--spacing) * 8);
    }
    @media (width >= 80rem) {
      .menu-primary__sub-list {
        grid-template-columns: auto auto auto auto;
      }
    }
    .menu-primary__sub-list[data-item-count="2"] {
      grid-template-columns: auto auto;
    }
    .menu-primary__sub-list[data-item-count="1"] {
      grid-template-columns: auto;
    }
    .menu-primary__sub-link {
      font-size: var(--text-lg);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-decoration-line: none;
    }
    @media (hover: hover) {
      .menu-primary__sub-link:hover {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
    @media (hover: hover) {
      .menu-primary__sub-link:hover {
        font-weight: var(--font-weight-bold);
      }
    }
    .menu-primary__sub-back {
      display: none;
    }
    .menu-primary__sub-button-end {
      display: none !important;
    }
    .menu-primary__sub-label-group {
      width: 300px;
    }
    .menu-primary__sub-label-group .teaser__blurb {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
    .menu-primary__sub-label-group .teaser__body, .menu-primary__sub-label-group .teaser__content {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
    }
    .menu-primary__sub-label-group .teaser__title {
      margin-right: auto;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: var(--color-primary-950);
    }
    .menu-primary__sub-label-group .teaser__title.bold, .menu-primary__sub-label-group .teaser__title strong {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    .dark .menu-primary__sub-label-group .teaser__title {
      color: var(--color-white);
    }
    @media (max-width: 1023.9px) {
      .menu-primary__sub-label-group .teaser__title {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
      }
    }
    .menu-primary__sub-label-group .teaser__title {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-wrap: nowrap;
    }
    .menu-primary__sub-label-group .teaser__buttons .btn__text {
      --tw-leading: calc(var(--spacing) * 7) !important;
      line-height: calc(var(--spacing) * 7) !important;
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      --tw-font-weight: var(--font-weight-light) !important;
      font-weight: var(--font-weight-light) !important;
    }
    .menu-primary__sub-label-group .teaser__buttons .btn__icon {
      display: none !important;
    }
    .menu-primary__sub-list-group {
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
    }
    .menu-primary__sub-item {
      display: flex;
      width: 225px;
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 4);
    }
    .menu-primary__sub-item .icon {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
    .menu-primary .accordion__trigger .mobile-btn__icon {
      display: none !important;
    }
  }
}
@layer components {
  @media (max-width: 1023.9px) {
    .menu-primary__sub {
      position: absolute;
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      width: 100%;
      background-color: var(--color-white);
      opacity: 0%;
      right: -100%;
      transition: 0.3s right ease-in-out, 0.5s opacity ease-in-out;
    }
    .menu-primary__sub-back {
      margin-bottom: calc(var(--spacing) * 4);
      display: block;
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      text-decoration: none;
    }
    .menu-primary__sub-back .icon {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    .menu-primary__sub-label-group .teaser__body, .menu-primary__sub-label-group .teaser__content {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
    }
    .menu-primary__sub-label-group .teaser__title {
      margin-right: auto;
      margin-bottom: calc(var(--spacing) * 6);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: var(--color-primary-950);
    }
    .menu-primary__sub-label-group .teaser__title.bold, .menu-primary__sub-label-group .teaser__title strong {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    .dark .menu-primary__sub-label-group .teaser__title {
      color: var(--color-white);
    }
    @media (max-width: 1023.9px) {
      .menu-primary__sub-label-group .teaser__title {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
      }
    }
    .menu-primary__sub-label-group .teaser__title {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-wrap: nowrap;
    }
    .menu-primary__sub-label-group .teaser__blurb, .menu-primary__sub-label-group .teaser__footer {
      display: none;
    }
    .menu-primary__sub-list {
      display: grid;
      grid-template-columns: auto;
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
      row-gap: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      .menu-primary__sub-list {
        grid-template-columns: auto auto;
      }
    }
    .menu-primary__sub-link {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      text-decoration-line: none;
    }
    @media (hover: hover) {
      .menu-primary__sub-link:hover {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
    @media (hover: hover) {
      .menu-primary__sub-link:hover {
        font-weight: var(--font-weight-bold);
      }
    }
    .menu-primary__sub-item {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 4);
    }
    .menu-primary__sub-item .icon {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
    .menu-primary__sub-button-end {
      margin-top: calc(var(--spacing) * 8);
      width: 100%;
    }
    @media (width >= 48rem) {
      .menu-primary__sub-button-end {
        width: auto;
      }
    }
    .menu-primary__sub-button-end .btn__text {
      --tw-leading: calc(var(--spacing) * 7) !important;
      line-height: calc(var(--spacing) * 7) !important;
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      --tw-font-weight: var(--font-weight-light) !important;
      font-weight: var(--font-weight-light) !important;
    }
    .menu-primary .accordion--expanded:not(.accordion--transitioning) .accordion__panel {
      right: calc(var(--spacing) * 0);
      opacity: 100%;
    }
    .menu-primary .accordion__trigger .btn__icon {
      display: none !important;
    }
  }
}
@layer components {
  .menu-utility__list {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 4);
  }
  @media (width < 64rem) {
    .menu-utility__list {
      flex-direction: column;
    }
  }
  @media (width >= 64rem) {
    .menu-utility__list {
      align-items: center;
    }
  }
}
@layer components {
  .pagination {
    margin-bottom: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    .pagination {
      margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .pagination__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
  }
  .pagination__items {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pagination__bullet {
    display: block;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-orange-300);
  }
  .pagination__bullet:where(.dark, .dark *) {
    background-color: var(--color-white);
  }
  .pagination__bullet--active {
    background-color: var(--color-orange-600);
  }
  .pagination__bullet--active:where(.dark, .dark *) {
    background-color: var(--color-orange-300);
  }
}
@layer components {
  .search-bar {
    display: none;
    max-width: var(--container-6xl);
    overflow: hidden;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 20);
    padding-block: calc(var(--spacing) * 6);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  @media (width >= 64rem) {
    .search-bar {
      display: block;
    }
  }
  .search-bar__accordion {
    position: fixed;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * -36);
    z-index: 30;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: var(--color-white);
    background-color: var(--color-primary-base);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  @media (width >= 64rem) {
    .search-bar__accordion {
      display: none;
    }
  }
  .search-bar__accordion.expanded {
    bottom: calc(var(--spacing) * 0);
  }
  .search-bar__accordion__trigger, .search-bar__accordion__content {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      max-width: 90rem;
    }
  }
  .search-bar__accordion__trigger, .search-bar__accordion__content {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .search-bar__accordion__trigger, .search-bar__accordion__content {
      padding-inline: var(--container-padding-lg);
    }
  }
  .search-bar__accordion__trigger {
    position: relative;
    z-index: 1;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .search-bar__accordion__trigger .icon {
    width: calc(var(--spacing) * 6);
  }
  .search-bar__accordion .search-bar__title {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-transform: uppercase;
  }
  .search-bar__accordion .search-bar__form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .search-bar__accordion .leaf {
    position: absolute;
    top: calc(var(--spacing) * -12);
    right: calc(var(--spacing) * -5);
    z-index: 0;
    width: calc(var(--spacing) * 64);
  }
  .search-bar--absolute {
    position: absolute;
    bottom: calc(var(--spacing) * 9);
    left: calc(1/2 * 100%);
    z-index: 30;
    width: 100%;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    color: var(--color-black);
  }
  .search-bar--absolute:not(.search-bar--sticky) input[type="text"] {
    background-image: url('../icons/heroicons/enabled/solid/magnifying-glass.svg');
    color: var(--color-gray-600);
  }
  .search-bar--sticky {
    position: fixed;
    bottom: calc(var(--spacing) * 0);
    max-width: 100%;
    background-color: var(--color-primary-900);
    color: var(--color-white);
  }
  .search-bar--sticky .search-bar__content {
    margin-inline: auto;
    max-width: 1600px;
  }
  .search-bar--sticky button {
    --btn-overlay-color: var(--color-primary-950) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: var(--color-primary-950) !important;
    background-color: var(--color-white) !important;
    color: var(--color-primary-950) !important;
  }
  .search-bar--sticky button:hover {
    color: var(--color-white) !important;
  }
  .search-bar--sticky button:focus-visible {
    outline-color: var(--color-primary-base) !important;
  }
  .search-bar--sticky button:disabled {
    border-color: var(--color-quaternary-300) !important;
    color: var(--color-quaternary-500) !important;
  }
  .search-bar--sticky button:disabled:hover {
    background-color: transparent !important;
  }
  .dark .search-bar--sticky button {
    --btn-overlay-color: var(--color-white) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-white) !important;
    background-color: transparent !important;
    color: var(--color-white) !important;
  }
  .dark .search-bar--sticky button:hover {
    color: var(--color-primary-950) !important;
  }
  .dark .search-bar--sticky button:focus-visible {
    outline-color: var(--color-white) !important;
  }
  .dark .search-bar--sticky button:disabled {
    border-color: var(--color-quaternary-500) !important;
    background-color: transparent !important;
    color: var(--color-quaternary-500) !important;
  }
  .dark .search-bar--sticky button:not(:disabled):hover {
    color: var(--color-primary-950) !important;
  }
  .dark .search-bar--sticky button:focus-visible {
    outline-color: var(--color-white) !important;
  }
  .dark .search-bar--sticky button:disabled {
    border-color: var(--color-quaternary-500) !important;
    background-color: transparent !important;
  }
  .search-bar__content {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(var(--spacing) * 9);
  }
  .search-bar__title {
    flex-shrink: 0;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .search-bar__form {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: calc(var(--spacing) * 9);
  }
  .search-bar__form input[type="text"] {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-500);
    background-image: url('../icons/heroicons/enabled/solid/magnifying-glass-white.svg');
    background-position: 16px center;
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 14);
    color: var(--color-gray-500);
  }
  .search-bar .leaf {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 44);
  }
}
@layer components {
  .wysiwyg__heading {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .wysiwyg__cols {
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
  }
  @media (width >=640px) {
    .wysiwyg p:has(.alignleft) {
      float: left;
      padding: 20px 20px 20px 0;
      margin: 0;
    }
    .wysiwyg .wp-caption.alignleft {
      float: left;
      padding: 20px 20px 20px 0;
      margin: 0;
    }
    .wysiwyg p:has(.alignright) {
      float: right;
      padding: 20px 0 20px 20px;
      margin: 0;
    }
    .wysiwyg .wp-caption.alignright {
      float: right;
      padding: 20px 0 20px 20px;
      margin: 0;
    }
  }
  .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    clear: both;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .wysiwyg .wp-caption .wp-caption-text {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-bottom-color: var(--color-cyan-400);
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 5);
  }
  .wysiwyg p:has(.alignleft), .wysiwyg p:has(.alignright), .wysiwyg .wp-caption {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: auto;
  }
  .wysiwyg p:has(.alignleft) img, .wysiwyg p:has(.alignright) img, .wysiwyg .wp-caption img {
    width: 100%;
    height: auto;
    border-radius: 16px;
  }
  .wysiwyg p:has(.alignnone) {
    width: auto;
  }
  .wysiwyg p:has(.alignnone) img {
    width: 100%;
    height: auto;
    border-radius: 16px;
  }
}
@layer components;
@layer components {
  .callout .teaser {
    position: relative;
    z-index: 10;
  }
  .callout .teaser__content {
    display: flex;
    flex-direction: column;
  }
  .callout .teaser__body {
    width: 100%;
  }
  .callout .teaser__title, .callout .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .callout .teaser h2.teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .callout .teaser h2.teaser__title.bold, .callout .teaser h2.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .callout .teaser h2.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .callout .teaser h2.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .callout .teaser h3.teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .callout .teaser h3.teaser__title.bold, .callout .teaser h3.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .callout .teaser h3.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .callout .teaser h3.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .callout .teaser h4.teaser__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .callout .teaser h4.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .callout .teaser h4.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .callout .teaser h5.teaser__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .callout .teaser h5.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .callout .teaser h5.teaser__title {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .callout .teaser__blurb {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .callout .teaser__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >=1024px) {
    .callout .teaser__content {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .callout .teaser__body {
      width: calc(8/12 * 100%);
    }
    .callout .teaser__title {
      margin-bottom: calc(var(--spacing) * 5);
    }
    .callout .teaser__blurb {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
}
@layer components {
  .callout-media {
    display: flex;
  }
  .callout-media::after {
    content: " ";
    -webkit-mask-image: linear-gradient(to left, transparent, black 40%, black);
            mask-image: linear-gradient(to left, transparent, black 40%, black);
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    z-index: 0;
    height: calc(var(--spacing) * 56);
    width: calc(7/12 * 100%);
  }
  @media (width >= 64rem) {
    .callout-media--left {
      flex-direction: row;
    }
  }
  .callout-media--left::after {
    right: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    .callout-media--right {
      flex-direction: row-reverse;
    }
  }
  .callout-media--right::after {
    left: calc(var(--spacing) * 0);
  }
  .callout-media--decorations--solid::after {
    background-image: url("../images/semicircles-colors-2.svg");
  }
  .callout-media--decorations--outline::after {
    background-image: url("../images/semicircles-outlines-dark.svg");
  }
  .callout-media__content {
    position: relative;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    border-radius: 40px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-950);
    padding: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    .callout-media__content {
      width: calc(5/12 * 100%);
    }
  }
  .callout-media__content::after {
    content: " ";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    opacity: 80%;
    --tw-backdrop-blur: blur(var(--blur-lg));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .callout-media .media-image {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 6);
  }
  .callout-media .media-image img {
    max-height: calc(var(--spacing) * 9);
    width: auto;
    border-radius: 0;
  }
  .callout-media .teaser {
    position: relative;
    z-index: 10;
    color: var(--color-primary-950);
  }
  .callout-media .teaser__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .callout-media .teaser__footer {
    margin-top: calc(var(--spacing) * 9);
  }
  .callout-media .teaser__eyebrow {
    color: var(--color-primary-950) !important;
  }
  .callout-media .teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .callout-media .teaser__title.bold, .callout-media .teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .callout-media .teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .callout-media .teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .callout-media .teaser__title {
    color: var(--color-primary-950) !important;
  }
  .callout-media .teaser__buttons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 64rem) {
    .callout-media .teaser__buttons {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .callout-media .teaser__buttons {
      flex-wrap: wrap;
    }
  }
}
@layer components {
  .carousel__items:not(.slick-initialized) {
    animation: var(--animate-pulse);
    background-color: var(--color-gray-400);
  }
  .carousel__items:not(.slick-initialized) > * {
    visibility: hidden;
  }
  .carousel__controls {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 64rem) {
    .carousel__controls {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .carousel__controls .slick-track {
    width: auto !important;
    transform: none !important;
  }
  .dark .carousel__controls .btn {
    --btn-overlay-color: var(--color-white) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: var(--color-white) !important;
    --tw-gradient-position: to right !important;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .dark .carousel__controls .btn {
      --tw-gradient-position: to right in oklab !important;
    }
  }
  .dark .carousel__controls .btn {
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
    --tw-gradient-from: var(--color-secondary-200) !important;
    --tw-gradient-to: var(--color-tertiary-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    color: var(--color-primary-950) !important;
  }
  .dark .carousel__controls .btn:hover {
    color: var(--color-primary-950) !important;
  }
  .dark .carousel__controls .btn:focus-visible {
    outline-color: var(--color-secondary-400) !important;
  }
  .dark .carousel__controls .btn:disabled {
    border-color: var(--color-quaternary-500) !important;
    background-color: var(--color-quaternary-100) !important;
    color: var(--color-quaternary-500) !important;
  }
  .carousel__navigation {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .carousel__navigation__dots:not(.slick-initialized) {
    visibility: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .carousel__navigation__dot {
    margin-inline: calc(var(--spacing) * 2);
    margin-block: calc(var(--spacing) * 1);
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .carousel__navigation__dot.slick-current .carousel__btn-dot {
    background-color: var(--color-secondary-300);
  }
  .dark .carousel__navigation__dot.slick-current .carousel__btn-dot {
    background-color: var(--color-secondary-300);
  }
  .carousel__navigation__dot .carousel__btn-dot {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-quaternary-200);
  }
  @media (hover: hover) {
    .carousel__navigation__dot .carousel__btn-dot:hover {
      background-color: var(--color-secondary-300);
    }
  }
  .dark .carousel__navigation__dot .carousel__btn-dot {
    background-color: var(--color-primary-700);
  }
  @media (hover: hover) {
    .dark .carousel__navigation__dot .carousel__btn-dot:hover {
      background-color: var(--color-secondary-300);
    }
  }
  .carousel .teaser {
    display: flex;
    flex-direction: column;
  }
  .carousel .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .carousel .teaser__title, .carousel .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .carousel .teaser__blurb {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .carousel .teaser__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 4);
  }
  @media (width < 48rem) {
    .carousel .teaser__buttons .btn {
      width: 100%;
    }
  }
  .dark .carousel .teaser__eyebrow, .dark .carousel .teaser__title, .dark .carousel .teaser__blurb {
    color: var(--color-white);
  }
  .carousel .teaser h2.teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .carousel .teaser h2.teaser__title.bold, .carousel .teaser h2.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .carousel .teaser h2.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .carousel .teaser h2.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .carousel .teaser h3.teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .carousel .teaser h3.teaser__title.bold, .carousel .teaser h3.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .carousel .teaser h3.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .carousel .teaser h3.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .carousel .teaser h4.teaser__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .carousel .teaser h4.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .carousel .teaser h4.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .carousel .teaser h5.teaser__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .carousel .teaser h5.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .carousel .teaser h5.teaser__title {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .carousel .card-text__content, .carousel .card-image__content, .carousel .card-icon__content, .carousel .card-statistics__content {
    height: 100%;
  }
  @media (max-width: 1023.9px) {
    .carousel .card-text__blurb, .carousel .card-image__blurb, .carousel .card-icon__blurb, .carousel .card-statistics__blurb {
      display: none;
    }
  }
  @media (max-width: 1023.9px) {
    .carousel__header, .carousel__controls {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .carousel__header, .carousel__controls {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .carousel__header, .carousel__controls {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .carousel__header, .carousel__controls {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .carousel__header, .carousel__controls {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .carousel__header, .carousel__controls {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .carousel__header, .carousel__controls {
        max-width: 90rem;
      }
    }
    .carousel__header, .carousel__controls {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .carousel__header, .carousel__controls {
        padding-inline: var(--container-padding-lg);
      }
    }
    .carousel__content {
      display: flex;
      flex-direction: column;
      row-gap: calc(var(--spacing) * 7);
    }
    .carousel__items {
      display: flex;
    }
    .carousel__items .slick-list {
      padding-block: calc(var(--spacing) * 1) !important;
    }
    .carousel__items .slick-track {
      display: flex !important;
    }
    .carousel__items__item {
      display: flex !important;
      height: auto !important;
      margin-inline: var(--container-padding);
    }
    .carousel__items__item > * {
      width: 100%;
    }
  }
  @media (width >=1024px) {
    .carousel__content {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 20);
      padding-left: var(--viewport-to-content);
    }
    .carousel--right .carousel__content {
      padding-left: 0;
      padding-right: var(--viewport-to-content);
    }
    .carousel__header {
      display: flex;
      width: calc(2/3 * 100%);
      flex: none;
      align-items: center;
      padding-right: calc(var(--spacing) * 10);
    }
    .carousel--right .carousel__header {
      margin-left: auto;
      padding-right: calc(var(--spacing) * 0);
      padding-left: var(--viewport-to-content);
    }
    .carousel__body {
      position: relative;
      display: flex;
      width: 100%;
      align-items: center;
    }
    .carousel__items {
      display: flex;
    }
    .carousel__items .slick-list {
      padding-right: 220px !important;
      padding-left: 0 !important;
      padding-block: calc(var(--spacing) * 1) !important;
    }
    .carousel--right .carousel__items .slick-list {
      padding-right: 0 !important;
      padding-left: 220px !important;
    }
    .carousel__items .slick-track {
      display: flex !important;
    }
    .carousel__items__item {
      margin-inline: calc(var(--spacing) * 2.5);
      display: flex !important;
      height: auto !important;
    }
    .carousel__items__item > * {
      width: 100%;
    }
    .carousel__controls {
      justify-content: flex-end;
      padding-right: var(--viewport-to-content);
    }
    .carousel--right .carousel__controls {
      justify-content: flex-start;
      padding-right: calc(var(--spacing) * 0);
      padding-left: var(--viewport-to-content);
    }
    .carousel__controls .slick-arrow {
      position: absolute !important;
      top: calc(1/2 * 100%);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .carousel__controls .slick-arrow .btn__content {
      padding: calc(var(--spacing) * 5) !important;
    }
    .carousel__controls .carousel__btn-prev {
      left: calc(var(--spacing) * -16);
    }
    .carousel__controls .carousel__btn-next {
      right: calc(var(--spacing) * 16);
    }
  }
}
@layer components {
  .featured-callout .teaser {
    position: relative;
    z-index: 10;
  }
  .featured-callout .teaser__content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .featured-callout .teaser__body {
    text-align: center;
  }
  .featured-callout .teaser__title, .featured-callout .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .featured-callout .teaser__blurb {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .featured-callout .teaser h2.teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .featured-callout .teaser h2.teaser__title.bold, .featured-callout .teaser h2.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .featured-callout .teaser h2.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .featured-callout .teaser h2.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .featured-callout .teaser h3.teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .featured-callout .teaser h3.teaser__title.bold, .featured-callout .teaser h3.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .featured-callout .teaser h3.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .featured-callout .teaser h3.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .featured-callout .teaser h4.teaser__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .featured-callout .teaser h4.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .featured-callout .teaser h4.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .featured-callout .teaser h5.teaser__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .featured-callout .teaser h5.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .featured-callout .teaser h5.teaser__title {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .featured-callout .teaser__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 4);
  }
  .featured-callout .teaser__badges {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    width: calc(1/2 * 100%);
    flex-direction: column;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 6);
  }
  .featured-callout .teaser__badges img {
    height: auto;
    max-width: calc(var(--spacing) * 64);
  }
  @media (width >=768px) {
    .featured-callout .teaser {
      padding-block: calc(var(--spacing) * 10);
    }
    .featured-callout .teaser__body {
      width: calc(8/12 * 100%);
    }
    .featured-callout .teaser__title {
      margin-bottom: calc(var(--spacing) * 5);
    }
    .featured-callout .teaser__badges {
      width: 100%;
      flex-direction: row;
      justify-content: center;
      gap: calc(var(--spacing) * 12);
    }
    .featured-callout .teaser__blurb {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
}
@layer components {
  .featured-media__content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 64rem) {
    .featured-media__content {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .featured-media__content {
      gap: calc(var(--spacing) * 10);
    }
  }
  .featured-media__header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (width >= 64rem) {
    .featured-media__header {
      order: 9999;
    }
  }
  @media (width >= 64rem) {
    .featured-media__header {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-media__header {
      grid-column: span 5 / span 5;
    }
  }
  .featured-media--media-align-left .featured-media__header {
    justify-content: flex-start;
  }
  @media (width >= 64rem) {
    .featured-media--media-align-left .featured-media__header {
      order: -9999;
    }
  }
  .featured-media__body {
    position: relative;
    z-index: 20;
  }
  @media (width >= 64rem) {
    .featured-media__body {
      order: -9999;
    }
  }
  @media (width >= 64rem) {
    .featured-media__body {
      grid-column: span 5 / span 5;
    }
  }
  .featured-media__body:where(.dark, .dark *) {
    color: var(--color-white);
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-media__body {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-left .featured-media__body {
      order: 9999;
    }
  }
  .featured-media__media {
    width: 100%;
    overflow: hidden;
  }
  .featured-media__media.featured-media__media * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .featured-media__media-image:has(.media-image--animation) {
    flex: 1;
  }
  @media (max-width: 1023.9px) {
    .featured-media--full-width {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .featured-media--full-width {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .featured-media--full-width {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .featured-media--full-width {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .featured-media--full-width {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .featured-media--full-width {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .featured-media--full-width {
        max-width: 90rem;
      }
    }
    .featured-media--full-width {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .featured-media--full-width {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >=1024px) {
    .featured-media--full-width {
      padding-left: var(--viewport-to-content);
    }
    .featured-media--full-width .media-image img {
      border-top-left-radius: 40px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 40px;
    }
    .featured-media--full-width.featured-media--media-align-left {
      padding-left: calc(var(--spacing) * 0);
      padding-right: var(--viewport-to-content);
    }
    .featured-media--full-width.featured-media--media-align-left .media-image img {
      border-top-left-radius: 0;
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px;
      border-bottom-left-radius: 0;
    }
  }
  .featured-media .teaser__eyebrow {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: lowercase;
  }
  .dark .featured-media .teaser__eyebrow {
    color: var(--color-white);
  }
  .featured-media .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .featured-media .teaser__title.bold, .featured-media .teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .featured-media .teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .featured-media .teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .featured-media .teaser__blurb {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .featured-media .teaser__blurb, .featured-media .teaser__buttons, .featured-media .teaser__links {
    margin-top: calc(var(--spacing) * 4);
  }
  @media (width >= 64rem) {
    .featured-media .teaser__blurb, .featured-media .teaser__buttons, .featured-media .teaser__links {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .featured-media .teaser__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
}
@property --mkto-btn-overlay-x {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@layer components {
  .marketo-form {
    display: flex;
    flex-direction: column;
  }
  .marketo-form h2 {
    padding-bottom: calc(var(--spacing) * 7);
  }
}
.marketo-form form.mktoForm * {
  font-family: "Roboto", sans-serif;
}
.marketo-form form.mktoForm {
  display: flex;
  width: 100% !important;
  flex-direction: column;
  align-items: flex-start;
}
@media (width >= 48rem) {
  .marketo-form form.mktoForm {
    row-gap: calc(var(--spacing) * 4);
  }
}
.marketo-form form.mktoForm label {
  width: 100% !important;
  padding-bottom: calc(var(--spacing) * 1) !important;
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
  color: var(--color-primary-950);
}
.marketo-form form.mktoForm input, .marketo-form form.mktoForm select, .marketo-form form.mktoForm textarea {
  height: auto;
  width: 100% !important;
  border-radius: 20px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary-950);
  padding: calc(var(--spacing) * 4) !important;
}
.marketo-form form.mktoForm input:focus, .marketo-form form.mktoForm select:focus, .marketo-form form.mktoForm textarea:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 4px;
}
.marketo-form form.mktoForm input:focus, .marketo-form form.mktoForm select:focus, .marketo-form form.mktoForm textarea:focus {
  outline-color: var(--color-secondary-400);
}
.marketo-form form.mktoForm select {
  margin-right: calc(var(--spacing) * 1);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('../icons/heroicons/outline/chevron-down.svg');
  background-position: right 1rem center;
  background-repeat: no-repeat;
}
.marketo-form form.mktoForm textarea {
  height: 150px;
  resize: none;
}
.marketo-form form.mktoForm .mktoAsterix {
  float: left;
  padding-right: calc(var(--spacing) * 1);
}
.marketo-form form.mktoForm .mktoButton {
  position: relative !important;
  display: inline-flex !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--spacing) * 2) !important;
  overflow: hidden !important;
  border-radius: calc(infinity * 1px) !important;
  border-width: 2px !important;
  border-color: transparent !important;
  --tw-leading: calc(var(--spacing) * 7) !important;
  line-height: calc(var(--spacing) * 7) !important;
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
  text-decoration-line: none !important;
}
.marketo-form form.mktoForm .mktoButton:focus-visible {
  outline-style: var(--tw-outline-style) !important;
  outline-width: 4px !important;
}
.marketo-form form.mktoForm .mktoButton:focus-visible {
  outline-offset: 4px !important;
}
.marketo-form form.mktoForm .mktoButton:focus-visible {
  outline-color: var(--color-secondary-base) !important;
}
.marketo-form form.mktoForm .mktoButton:focus-visible {
  --tw-outline-style: solid !important;
  outline-style: solid !important;
}
.marketo-form form.mktoForm .mktoButton {
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.marketo-form form.mktoForm .mktoButton:disabled {
  cursor: default !important;
}
.marketo-form form.mktoForm .mktoButton:disabled {
  background-image: none !important;
}
.marketo-form form.mktoForm .mktoButton__overlay {
  pointer-events: none !important;
  position: absolute !important;
  inset: calc(var(--spacing) * 0) !important;
  z-index: 0 !important;
  --tw-translate-x: -100% !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  border-radius: calc(infinity * 1px) !important;
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  --tw-duration: 500ms !important;
  transition-duration: 500ms !important;
  animation-timing-function: linear !important;
  background-color: var(--btn-overlay-color, var(--color-primary-950)) !important;
}
.marketo-form form.mktoForm .mktoButton:hover .btn__overlay {
  --tw-translate-x: calc(var(--spacing) * -0) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.marketo-form form.mktoForm .mktoButton__content {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: row !important;
  border-radius: calc(infinity * 1px) !important;
  padding-inline: calc(var(--spacing) * 8) !important;
  padding-block: calc(var(--spacing) * 3) !important;
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.marketo-form form.mktoForm .mktoButton.btn:focus-visible {
  border-radius: calc(infinity * 1px) !important;
}
.marketo-form form.mktoForm .mktoButton--has-icon {
  justify-content: space-between !important;
}
.marketo-form form.mktoForm .mktoButton--has-icon .btn__content {
  align-items: center !important;
}
@media (max-width: 767.9px) {
  .marketo-form form.mktoForm .mktoButton--has-icon .btn__content {
    width: 100% !important;
    justify-content: space-between !important;
  }
}
.marketo-form form.mktoForm .mktoButton .btn__text {
  --tw-leading: calc(var(--spacing) * 7) !important;
  line-height: calc(var(--spacing) * 7) !important;
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  --tw-leading: 1 !important;
  line-height: 1 !important;
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}
.marketo-form form.mktoForm .mktoButton .btn__icon {
  display: flex !important;
  aspect-ratio: 1 / 1 !important;
  height: calc(var(--spacing) * 5) !important;
  width: calc(var(--spacing) * 5) !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentcolor !important;
}
.marketo-form form.mktoForm .mktoButton .btn__icon .icon {
  width: 100% !important;
}
.marketo-form form.mktoForm .mktoButton {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  --tw-border-style: solid !important;
  border-style: solid !important;
  border-color: var(--color-primary-950) !important;
  --tw-gradient-position: to right !important;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
  .marketo-form form.mktoForm .mktoButton {
    --tw-gradient-position: to right in oklab !important;
  }
}
.marketo-form form.mktoForm .mktoButton {
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  --tw-gradient-from: var(--color-secondary-200) !important;
  --tw-gradient-to: var(--color-tertiary-400) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  color: var(--color-primary-950) !important;
}
.marketo-form form.mktoForm .mktoButton:hover {
  border-color: var(--color-primary-950) !important;
  color: var(--color-white) !important;
}
.marketo-form form.mktoForm .mktoButton:focus-visible {
  outline-color: var(--color-secondary-400) !important;
}
.marketo-form form.mktoForm .mktoButton:disabled {
  border-color: var(--color-quaternary-500) !important;
  background-color: var(--color-quaternary-100) !important;
  color: var(--color-quaternary-500) !important;
}
.dark .marketo-form form.mktoForm .mktoButton {
  --btn-overlay-color: var(--color-white) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  --tw-border-style: solid !important;
  border-style: solid !important;
  border-color: var(--color-white) !important;
  --tw-gradient-position: to right !important;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
  .dark .marketo-form form.mktoForm .mktoButton {
    --tw-gradient-position: to right in oklab !important;
  }
}
.dark .marketo-form form.mktoForm .mktoButton {
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  --tw-gradient-from: var(--color-secondary-200) !important;
  --tw-gradient-to: var(--color-tertiary-400) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  color: var(--color-primary-950) !important;
}
.dark .marketo-form form.mktoForm .mktoButton:hover {
  color: var(--color-primary-950) !important;
}
.dark .marketo-form form.mktoForm .mktoButton:focus-visible {
  outline-color: var(--color-secondary-400) !important;
}
.dark .marketo-form form.mktoForm .mktoButton:disabled {
  border-color: var(--color-quaternary-500) !important;
  background-color: var(--color-quaternary-100) !important;
  color: var(--color-quaternary-500) !important;
}
.dark .marketo-form form.mktoForm .mktoButton:not(:disabled):hover {
  border-color: var(--color-white) !important;
  color: var(--color-primary-950) !important;
}
.marketo-form form.mktoForm .mktoButton {
  padding-inline: calc(var(--spacing) * 8) !important;
  padding-block: calc(var(--spacing) * 3) !important;
  --mkto-btn-overlay-x: 0%;
  background-image: radial-gradient( ellipse var(--mkto-btn-overlay-x) 75% at left center, var(--color-primary-950) 99%, transparent 100% ), linear-gradient(to right, var(--color-secondary-200), var(--color-tertiary-400)) !important;
  transition: --mkto-btn-overlay-x 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.marketo-form form.mktoForm .mktoButton:hover {
  --mkto-btn-overlay-x: 160%;
}
.marketo-form form.mktoForm .mktoButtonWrap {
  margin-left: calc(var(--spacing) * 0) !important;
}
.marketo-form form.mktoForm .mktoFieldWrap {
  width: 100% !important;
}
.marketo-form form.mktoForm .mktoFormCol {
  margin-bottom: calc(var(--spacing) * 0) !important;
  width: 100% !important;
}
.marketo-form form.mktoForm .mktoFormRow {
  display: flex;
  width: 100% !important;
  -moz-column-gap: calc(var(--spacing) * 7);
       column-gap: calc(var(--spacing) * 7);
  row-gap: calc(var(--spacing) * 4);
}
@media (width < 48rem) {
  .marketo-form form.mktoForm .mktoFormRow {
    flex-direction: column;
  }
}
.marketo-form form.mktoForm .mktoGutter {
  display: none;
}
@layer components {
  .form-media__content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 64rem) {
    .form-media__content {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .form-media__content {
      gap: calc(var(--spacing) * 10);
    }
  }
  .form-media__header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (width < 64rem) {
    .form-media__header {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .form-media__header {
      order: 9999;
    }
  }
  @media (width >= 64rem) {
    .form-media__header {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .form-media--media-portrait .form-media__header {
      grid-column: span 4 / span 4;
    }
  }
  .form-media--media-align-left .form-media__header {
    justify-content: flex-start;
  }
  @media (width >= 64rem) {
    .form-media--media-align-left .form-media__header {
      order: -9999;
    }
  }
  .form-media__body {
    position: relative;
    z-index: 20;
  }
  @media (width >= 64rem) {
    .form-media__body {
      order: -9999;
    }
  }
  @media (width >= 64rem) {
    .form-media__body {
      grid-column: span 6 / span 6;
    }
  }
  .form-media__body:where(.dark, .dark *) {
    color: var(--color-white);
  }
  @media (width >= 64rem) {
    .form-media--media-portrait .form-media__body {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 64rem) {
    .form-media--media-align-left .form-media__body {
      order: 9999;
    }
  }
  .form-media__media {
    width: 100%;
    overflow: hidden;
  }
  .form-media__media.form-media__media * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media (max-width: 1023.9px) {
    .form-media--full-width {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .form-media--full-width {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .form-media--full-width {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .form-media--full-width {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .form-media--full-width {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .form-media--full-width {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .form-media--full-width {
        max-width: 90rem;
      }
    }
    .form-media--full-width {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .form-media--full-width {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >=1024px) {
    .form-media--full-width {
      padding-left: var(--viewport-to-content);
    }
    .form-media--full-width .media-image img {
      border-top-left-radius: 40px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 40px;
    }
    .form-media--full-width.form-media--media-align-left {
      padding-left: calc(var(--spacing) * 0);
      padding-right: var(--viewport-to-content);
    }
    .form-media--full-width.form-media--media-align-left .media-image img {
      border-top-left-radius: 0;
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px;
      border-bottom-left-radius: 0;
    }
  }
}
@layer components {
  .gridset-above-cards {
    width: 100%;
  }
  @media (width >= 64rem) {
    .gridset-above-cards {
      width: calc(3/4 * 100%);
    }
  }
  .gridset--center-teaser .gridset-above-cards {
    margin-inline: auto;
  }
  .gridset--center-teaser .gridset-above-cards .teaser {
    text-align: center;
  }
  .gridset-above-cards .teaser {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .dark .gridset-above-cards .teaser {
    color: var(--color-white);
  }
  .gridset-above-cards .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * -5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: lowercase;
  }
  .dark .gridset-above-cards .teaser__eyebrow {
    color: var(--color-white);
  }
  .gridset-above-cards .teaser__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .gridset-above-cards .teaser__buttons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .gridset-above-cards .teaser__buttons {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .gridset-above-cards .teaser__buttons {
      flex-wrap: nowrap;
    }
  }
  @media (width < 48rem) {
    .gridset-above-cards .teaser__buttons .btn {
      width: 100%;
    }
  }
  .gridset-above-cards h2.teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .gridset-above-cards h2.teaser__title.bold, .gridset-above-cards h2.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .gridset-above-cards h2.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .gridset-above-cards h2.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .gridset-above-cards h3.teaser__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .gridset-above-cards h3.teaser__title.bold, .gridset-above-cards h3.teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .gridset-above-cards h3.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .gridset-above-cards h3.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .gridset-above-cards h4.teaser__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .gridset-above-cards h4.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .gridset-above-cards h4.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .gridset-above-cards h5.teaser__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-950);
  }
  .dark .gridset-above-cards h5.teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .gridset-above-cards h5.teaser__title {
      font-size: var(--text-lg);
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .gridset-below-cards {
    margin-top: calc(var(--spacing) * 12);
  }
}
@layer components {
  .dark .gridset-images {
    color: var(--color-white);
  }
  .gridset-images .teaser {
    text-align: center;
  }
  .gridset-images .teaser__eyebrow {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    margin-bottom: calc(var(--spacing) * 2);
  }
  @media (width >= 48rem) {
    .gridset-images .teaser__eyebrow {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .gridset-images .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .gridset-images .teaser__title.bold, .gridset-images .teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .gridset-images .teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .gridset-images .teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .gridset-images .teaser__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 4);
  }
  .gridset-images .gridset {
    margin-top: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .gridset-images .gridset {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .gridset-images .gridset .media-image {
    overflow: hidden;
    border-radius: calc(infinity * 1px);
  }
}
@layer components {
  .hero-primary {
    position: relative;
    overflow: hidden;
    padding-block: calc(var(--spacing) * 10);
  }
  .hero-primary .media-image--decorations--rl::after {
    left: calc(var(--spacing) * -5);
  }
  @media (width >= 64rem) {
    .hero-primary .media-image--decorations--rl::after {
      left: calc(var(--spacing) * -15);
    }
  }
  .hero-primary .media-image--decorations--rl::before {
    left: calc(var(--spacing) * 45);
  }
  @media (width >= 64rem) {
    .hero-primary .media-image--decorations--rl::before {
      left: calc(var(--spacing) * 90);
    }
  }
  .hero-primary--expanded {
    margin-block: calc(var(--spacing) * 10);
  }
  @media (width >= 80rem) {
    .hero-primary--expanded {
      height: 475px;
    }
  }
  .hero-primary--has-media-background {
    color: var(--color-white);
  }
  .hero-primary__wrapper {
    display: flex;
    flex-direction: column;
  }
  @media (width < 80rem) {
    .hero-primary__wrapper {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .hero-primary__wrapper {
      height: 100%;
    }
  }
  @media (width >= 80rem) {
    .hero-primary__wrapper {
      flex-direction: row;
    }
  }
  @media (width >= 80rem) {
    .hero-primary__wrapper {
      align-items: center;
    }
  }
  .hero-primary__background {
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
  }
  @media (width >= 80rem) {
    .hero-primary__background {
      position: absolute;
    }
  }
  @media (width >= 80rem) {
    .hero-primary__background {
      inset: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .hero-primary__background {
      justify-content: flex-end;
    }
  }
  .hero-primary__background .media-image, .hero-primary__background .media-image * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media (width >= 80rem) {
    .hero-primary__background .media-image, .hero-primary__background .media-image * {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .hero-primary__background .media-image {
      width: calc(50% - (var(--spacing) * 20));
    }
  }
  .hero-primary__background--svg {
    position: absolute;
    height: 100%;
  }
  @media (width < 40rem) {
    .hero-primary__background--svg {
      height: 230px;
    }
  }
  @media (width >= 40rem) {
    .hero-primary__background--svg {
      inset: calc(var(--spacing) * 0);
    }
  }
  .hero-primary__background--svg .media-image, .hero-primary__background--svg .media-image img {
    height: 100%;
    width: auto;
    border-radius: 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .hero-primary__content {
    position: relative;
    z-index: 10;
    display: grid;
    min-height: calc(var(--spacing) * 56);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 80rem) {
    .hero-primary__content {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .hero-primary__content {
      gap: calc(var(--spacing) * 11);
    }
  }
  .hero-primary .custom-icon {
    flex-shrink: 0;
  }
  @media (width < 40rem) {
    .hero-primary .custom-icon {
      position: absolute;
    }
  }
  @media (width < 40rem) {
    .hero-primary .custom-icon {
      top: calc(var(--spacing) * 0);
    }
  }
  .hero-primary .custom-icon {
    animation: var(--animate-fade-up);
    animation-delay: 50ms;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  @media (width >= 80rem) {
    .hero-primary .teaser {
      grid-column: span 6 / span 6;
    }
  }
  .hero-primary .teaser__title, .hero-primary .teaser__blurb {
    padding-bottom: calc(var(--spacing) * 4);
    color: var(--color-primary-950);
  }
  @media (width >= 48rem) {
    .hero-primary .teaser__title, .hero-primary .teaser__blurb {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .hero-primary .teaser__title {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .hero-primary .teaser__title.bold, .hero-primary .teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .hero-primary .teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .hero-primary .teaser__title {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .hero-primary .teaser__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .hero-primary .teaser__buttons {
    display: flex;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .hero-primary .teaser__buttons {
      gap: calc(var(--spacing) * 6);
    }
  }
  .hero-primary .teaser__eyebrow, .hero-primary .teaser__title, .hero-primary .teaser__blurb, .hero-primary .teaser__buttons {
    animation: var(--animate-fade-up);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  .hero-primary .teaser__eyebrow {
    animation-delay: 50ms;
  }
  .hero-primary .teaser__title {
    animation-delay: 100ms;
  }
  .hero-primary .teaser__blurb {
    animation-delay: 150ms;
  }
  .hero-primary .teaser__buttons {
    animation-delay: 200ms;
  }
  .hero-primary--secondary, .hero-primary--tertiary {
    padding-block: calc(var(--spacing) * 10);
  }
  @media (width < 40rem) {
    .hero-primary--secondary .hero-primary__content, .hero-primary--tertiary .hero-primary__content {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .hero-primary--secondary .hero-primary__content, .hero-primary--tertiary .hero-primary__content {
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .hero-primary--secondary .hero-primary__content, .hero-primary--tertiary .hero-primary__content {
      gap: calc(var(--spacing) * 10);
    }
  }
  .hero-primary--secondary .hero-primary__content--appended-content, .hero-primary--tertiary .hero-primary__content--appended-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  @media (width < 40rem) {
    .hero-primary--secondary .icon, .hero-primary--tertiary .icon {
      position: static;
    }
  }
  @media (width < 40rem) {
    .hero-primary--secondary .icon, .hero-primary--tertiary .icon {
      float: left;
    }
  }
  @media (width < 40rem) {
    .hero-primary--secondary .icon, .hero-primary--tertiary .icon {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  @media (width < 40rem) {
    .hero-primary--secondary .icon, .hero-primary--tertiary .icon {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .hero-primary--secondary .teaser, .hero-primary--tertiary .teaser {
      max-width: 930px;
    }
  }
  @media (width < 40rem) {
    .hero-primary--secondary .custom-icon + .teaser .teaser__title, .hero-primary--tertiary .custom-icon + .teaser .teaser__title {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  @media (width < 40rem) {
    .hero-primary--secondary .custom-icon + .teaser .teaser__title, .hero-primary--tertiary .custom-icon + .teaser .teaser__title {
      overflow-wrap: break-word;
    }
  }
  .hero-primary--secondary .media-image, .hero-primary--tertiary .media-image {
    margin-right: calc(var(--spacing) * -40);
  }
  @media (width >= 48rem) {
    .hero-primary--secondary .media-image, .hero-primary--tertiary .media-image {
      margin-right: calc(var(--spacing) * -24);
    }
  }
  .hero-primary--secondary .media-image {
    opacity: 0.15;
  }
  .hero-primary--tertiary .media-image {
    opacity: 0.9;
  }
  .hero-primary--has-text-shadow .teaser__title, .hero-primary--has-text-shadow .teaser__blurb {
    --tw-drop-shadow:  ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    text-shadow: 0 0 16px #040003fa;
  }
  .hero-primary--has-overlay .hero-primary__background::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    background-color: var(--color-black);
    opacity: 0%;
    content: "";
  }
  .hero-primary--overlay-opacity--25 .hero-primary__background::before {
    opacity: 25%;
  }
  .hero-primary--overlay-opacity--30 .hero-primary__background::before {
    opacity: 30%;
  }
  .hero-primary--overlay-opacity--50 .hero-primary__background::before {
    opacity: 50%;
  }
  .hero-primary--overlay-opacity--75 .hero-primary__background::before {
    opacity: 75%;
  }
  .hero-news {
    padding-block: calc(var(--spacing) * 20);
    background-image: url("../images/footer_pattern.svg");
    background-position: 40vw center;
    background-repeat: no-repeat;
    background-size: auto 256px;
  }
  .hero-news .teaser__title {
    padding-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .hero-news .teaser__blurb {
    padding-bottom: calc(var(--spacing) * 7);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .hero-news .teaser__info {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  @media (width >=1024px) {
    .single-post #news-content .section__content {
      max-width: var(--container-5xl) !important;
    }
    .single-post .section--gutenberg {
      max-width: var(--container-5xl) !important;
    }
  }
  .single-post #news-content .section--gutenberg:has(.wp-block-post-featured-image), .single-post #news-content .section:has(.section__content) {
    padding-block: calc(var(--spacing) * 6) !important;
  }
}
@layer components {
  .hero-secondary {
    position: relative;
  }
  .hero-secondary--has-text-shadow h1 {
    text-shadow: 0 0 16px #040003fa;
  }
  .hero-secondary__content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    gap: calc(var(--spacing) * 11);
  }
  @media (width >= 48rem) {
    .hero-secondary__content {
      flex-direction: row;
    }
  }
  .hero-secondary__footer {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * -6);
    z-index: 10;
  }
  .hero-secondary__footer-trigger {
    cursor: pointer;
  }
  .hero-secondary__footer-trigger .btn__icon {
    rotate: 0deg;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .hero-secondary__footer-trigger.active .btn__icon {
    rotate: 180deg;
  }
  .hero-secondary__in-section {
    position: absolute;
    max-height: calc(var(--spacing) * 2);
    width: 100%;
    overflow: hidden;
    background-color: var(--color-white);
    color: var(--color-black);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 700ms;
    transition-duration: 700ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    top: calc(100%);
    z-index: -1;
  }
  .hero-secondary--always-expanded .hero-secondary__in-section {
    position: relative;
  }
  .hero-secondary__in-section.expanded {
    max-height: 100%;
  }
  .hero-secondary__in-section-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: calc(var(--spacing) * 28);
    padding-bottom: calc(var(--spacing) * 16);
  }
  .hero-secondary--always-expanded .hero-secondary__in-section-nav {
    padding-top: calc(var(--spacing) * 16);
  }
  .hero-secondary__in-section-nav a {
    margin-block: calc(var(--spacing) * 8);
    width: 100%;
  }
  @media (width >= 48rem) {
    .hero-secondary__in-section-nav a {
      max-width: calc(1/3 * 100%);
    }
  }
  .hero-secondary .teaser {
    width: 100%;
  }
  .dark .hero-secondary .teaser__body {
    color: var(--color-white);
  }
  .hero-secondary .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    text-transform: uppercase;
  }
  .hero-secondary .teaser__title, .hero-secondary .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .hero-secondary .teaser__blurb {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  @media (width >= 48rem) {
    .hero-secondary .teaser__blurb {
      width: calc(3/4 * 100%);
    }
  }
  .hero-secondary .teaser__title {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .hero-secondary .teaser__title.bold, .hero-secondary .teaser__title strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .hero-secondary .teaser__title {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .hero-secondary .teaser__title {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .hero-secondary .teaser__buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 4);
    gap: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    .hero-secondary .teaser__buttons {
      flex-direction: row;
    }
  }
  .hero-secondary .teaser__eyebrow {
    animation: var(--animate-fade-up);
    animation-delay: 50ms;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  .hero-secondary .teaser__title {
    animation: var(--animate-fade-up);
    animation-delay: 100ms;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  .hero-secondary .teaser__blurb {
    animation: var(--animate-fade-up);
    animation-delay: 150ms;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  .hero-secondary .teaser__buttons {
    animation: var(--animate-fade-up);
    animation-delay: 200ms;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: 1;
  }
  .hero-secondary--has-overlay .hero-secondary__background::before {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 1;
    background-color: var(--color-black);
    opacity: 0%;
    content: "";
  }
  .hero-secondary--overlay-opacity--25 .hero-secondary__background::before {
    opacity: 25%;
  }
  .hero-secondary--overlay-opacity--30 .hero-secondary__background::before {
    opacity: 30%;
  }
  .hero-secondary--overlay-opacity--50 .hero-secondary__background::before {
    opacity: 50%;
  }
  .hero-secondary--overlay-opacity--75 .hero-secondary__background::before {
    opacity: 75%;
  }
  .section.section--has-in-section {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .section.section--has-in-section .hero-secondary__content {
    padding-bottom: var(--section-padding-y);
  }
}
@layer components {
  .hero-tertiary__byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .hero-tertiary__byline-name-value {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .hero-tertiary__byline-name + .hero-tertiary__byline-date::before {
    content: "·";
    margin-right: calc(var(--spacing) * 2);
  }
}
@layer theme {
  :root, :host {
    --un-nav-height: auto;
  }
  @media (width >=1024px) {
    :root, :host {
      --un-nav-height: auto;
    }
  }
}
@layer components {
  body.is-scrolled .nav {
    box-shadow: 0px 0px 30px 10px rgba(24, 26, 1, 0.15);
  }
  .nav {
    --un-nav-border: inset 0 -10px 0px 0px var(--color-primary-base);
    --un-nav-shadow-color: rgba(24, 26, 1, 0.15);
    --nav-underline-offset: 10px;
    z-index: 50;
    background-color: var(--color-white);
    transition: box-shadow 0.3s;
  }
  @media (width >= 24.375rem) {
    .nav__content {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .nav__content {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .nav__content {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .nav__content {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .nav__content {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .nav__content {
      max-width: 90rem;
    }
  }
  .nav__content {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .nav__content {
      padding-inline: var(--container-padding-lg);
    }
  }
  .nav__content {
    width: 100%;
  }
  .nav-branding {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
  }
  .nav-branding__logo {
    width: calc(var(--spacing) * 64);
  }
  .nav-branding__logo img {
    height: auto;
    width: 100%;
  }
  @media (max-width: 1023.9px) {
    .nav-branding__logo {
      width: calc(var(--spacing) * 48);
    }
  }
  .nav-branding__logo-text {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    white-space: nowrap;
    font-family: var(--font-display);
    font-weight: 900;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 24px;
  }
  @media (max-width: 1023.9px) {
    .nav-branding__logo-text {
      font-size: 18px;
    }
  }
  .nav-branding__tagline {
    position: relative;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: var(--font-sans);
    font-weight: 700;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 15px;
  }
  @media (max-width: 1023.9px) {
    .nav-branding__tagline {
      font-size: 11px;
    }
  }
  .nav-branding__subtitle {
    position: relative;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: var(--font-sans);
    font-weight: 400;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 11px;
  }
  @media (max-width: 1023.9px) {
    .nav-branding__subtitle {
      font-size: 8px;
    }
  }
  @media (max-width: 1023.9px) {
    .nav {
      position: relative;
      width: 100%;
    }
    .nav__content {
      display: flex;
      flex-direction: column;
    }
    .nav-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-inline: calc(var(--spacing) * 0);
      padding-block: calc(var(--spacing) * 2);
      min-height: auto;
    }
    .nav-menu-desktop {
      display: none;
    }
    .nav-drawer {
      position: absolute;
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 10;
      display: grid;
      overflow-x: hidden;
      transition: all 0.3s ease-in-out;
      top: 100%;
    }
    .mobile-menu--open .nav-drawer {
      background-color: var(--color-white);
      transition: 0.3s bottom ease-in-out;
      bottom: calc(-1 * calc(100vh - 100%));
    }
    .nav-drawer__inner {
      display: flex;
      height: 100%;
      width: 100%;
      justify-content: flex-end;
      overflow: hidden;
    }
    .nav-drawer__inner-inner {
      position: relative;
      right: calc(var(--spacing) * 0);
      z-index: 10;
      width: 100%;
    }
    :where(.nav-drawer__inner-inner > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    .nav-drawer__inner-inner {
      background-color: var(--color-white);
      transition: all 0.3s ease-in-out 0;
      background: linear-gradient(to bottom, white 0px, white 30px, white 100%);
    }
    :where(.nav-drawer__content > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
    .nav-drawer__content:before, .nav-drawer__content:after {
      content: "";
      position: absolute;
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 30;
    }
    .nav-drawer__content:before {
      top: calc(var(--spacing) * 0);
      height: 30px;
      border-top: 1px solid var(--color-quaternary-100);
    }
    .nav-drawer__content:after {
      content: "";
      bottom: calc(var(--spacing) * 0);
      height: 10px;
      background-color: var(--color-primary-base);
    }
  }
  @media (width >=1024px) {
    .nav {
      position: relative;
      padding-block: calc(var(--spacing) * 4);
    }
    .nav__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 48px;
    }
    .nav-header {
      display: flex;
      align-items: center;
      gap: 0;
    }
    .nav-menu-desktop {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 4px;
    }
    .menu-controls {
      display: none;
    }
  }
}
@layer components {
  .footer {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .footer {
      padding: 40px 20px 32px;
    }
  }
  .footer__content {
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--spacing) * 11);
    padding-bottom: calc(var(--spacing) * 20);
  }
  @media (max-width: 1023.9px) {
    .footer__content {
      gap: 40px;
    }
  }
  .footer__main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  @media (max-width: 1023.9px) {
    .footer__main {
      flex-direction: column;
      gap: 40px;
    }
  }
  .footer__branding {
    display: flex;
    flex-direction: column;
    width: 553px;
    gap: 10px;
  }
  @media (max-width: 1023.9px) {
    .footer__branding {
      width: 100%;
    }
  }
  .footer__branding-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
  }
  .footer__logo {
    position: relative;
    width: calc(var(--spacing) * 64);
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .footer__logo img {
    height: auto;
    width: 100%;
  }
  @media (max-width: 1023.9px) {
    .footer__logo {
      width: calc(var(--spacing) * 48);
    }
  }
  .footer__logo-text {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    white-space: nowrap;
    font-family: var(--font-display);
    font-weight: 900;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 40px;
  }
  @media (max-width: 1023.9px) {
    .footer__logo-text {
      font-size: 28px;
    }
  }
  .footer__tagline {
    position: relative;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: var(--font-sans);
    font-weight: 700;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 21px;
  }
  @media (max-width: 1023.9px) {
    .footer__tagline {
      font-size: 13px;
    }
  }
  .footer__subtitle {
    position: relative;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: var(--font-sans);
    font-weight: 600;
    color: var(--color-primary-950);
    line-height: 1.5;
    font-size: 18px;
  }
  @media (max-width: 1439.9px) {
    .footer__subtitle {
      white-space: normal;
    }
  }
  .footer__description {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-primary-950);
    font-size: 16px;
  }
  .footer__powered-by {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .footer__powered-by-label {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-primary-950);
    font-size: 16px;
    margin-bottom: calc(var(--spacing) * 5);
  }
  @media (max-width: 1023.9px) {
    .footer__powered-by-label {
      margin-bottom: 16px;
    }
  }
  .footer__logos {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
  @media (max-width: 1023.9px) {
    .footer__logos {
      flex-direction: column;
      padding-bottom: calc(var(--spacing) * 11);
      gap: 16px;
    }
  }
  .footer__logo-west-health {
    position: relative;
    height: 48.466px;
    width: 157.224px;
  }
  .footer__logo-west-health img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    mix-blend-mode: multiply;
  }
  .footer__logo-aha {
    position: relative;
    height: 43.954px;
    width: 172.768px;
  }
  .footer__logo-aha img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    mix-blend-mode: multiply;
  }
  .footer__nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  @media (max-width: 1023.9px) {
    .footer__nav {
      height: auto;
      gap: 0;
    }
  }
  .footer__nav-list {
    display: flex;
    flex-direction: column;
    padding-right: calc(var(--spacing) * 36);
    gap: 32px;
    list-style: none;
    margin: 0;
  }
  .footer__nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }
  .footer__nav-link {
    font-family: var(--font-sans);
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-primary-950);
    font-size: 32px;
    text-decoration: none !important;
  }
  @media (max-width: 1023.9px) {
    .footer__nav-link {
      font-size: 24px;
      letter-spacing: 0.72px;
      height: 28.704px;
    }
  }
  .footer__nav-link:hover {
    text-decoration: underline !important;
  }
  .footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 124px;
  }
  @media (max-width: 1023.9px) {
    .footer__bottom {
      gap: 0;
    }
  }
  .footer__divider {
    width: 100%;
    height: 1px;
    background-color: var(--color-primary-950);
    opacity: 0.2;
  }
  .footer__legal {
    position: relative;
    z-index: 30;
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  @media (max-width: 1023.9px) {
    .footer__legal {
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 6);
    }
  }
  .footer__copyright {
    white-space: nowrap;
  }
  @media (max-width: 1023.9px) {
    .footer__copyright {
      white-space: normal;
    }
  }
  .footer__copyright-break {
    display: none;
  }
  @media (max-width: 1023.9px) {
    .footer__copyright-break {
      display: inline;
    }
  }
  .footer__legal-links {
    display: flex;
    align-items: center;
    gap: 40px;
  }
  @media (max-width: 1023.9px) {
    .footer__legal-links {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      text-align: left;
    }
  }
  .footer__legal-link {
    font-family: var(--font-sans);
    font-weight: 300;
    color: var(--color-primary-950);
    font-size: 14px;
    line-height: 1.5;
  }
  .footer__legal-link:hover {
    text-decoration: underline;
  }
}
@layer components {
  .related-content:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .related-content__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  :where(.related-content__header > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .related-content__title:not(.h3, .h4, .h5, .h6) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .related-content__title:not(.h3, .h4, .h5, .h6).bold, .related-content__title:not(.h3, .h4, .h5, .h6) strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .related-content__title:not(.h3, .h4, .h5, .h6) {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .related-content__title:not(.h3, .h4, .h5, .h6) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .related-content__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .related-content__subtitle {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-secondary-700);
  }
  .related-content__subtitle:where(.dark, .dark *) {
    color: var(--color-secondary-200);
  }
  .related-content__body {
    margin-top: calc(var(--spacing) * 6);
  }
  .related-content__links {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .related-content__links .link {
    text-align: left;
  }
}
@layer components {
  .tabs .featured-section {
    padding-block: calc(var(--spacing) * 0);
  }
  @media (max-width: 1023.9px) {
    .tabs--default .tabs__nav-wrapper, .tabs--search .tabs__nav-wrapper {
      position: relative;
      --tabs-nav-height: 56px;
      --tabs-nav-width: 335px;
      max-width: var(--tabs-nav-width);
      height: var(--tabs-nav-height);
    }
    .tabs--default .tabs__nav, .tabs--search .tabs__nav {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 10;
      display: inline-block;
      width: 100%;
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding-block: calc(var(--spacing) * 2);
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      top: calc(var(--tabs-nav-height) + 5px);
      max-width: var(--tabs-nav-width);
    }
    .tabs--default .tabs__nav-trigger, .tabs--search .tabs__nav-trigger {
      display: block;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 2);
      text-decoration-line: none;
    }
    @media (hover: hover) {
      .tabs--default .tabs__nav-trigger:hover, .tabs--search .tabs__nav-trigger:hover {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
    @media (hover: hover) {
      .tabs--default .tabs__nav-trigger:hover, .tabs--search .tabs__nav-trigger:hover {
        font-weight: var(--font-weight-bold);
      }
    }
    .tabs--default .tabs__nav-trigger--active, .tabs--search .tabs__nav-trigger--active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .dark .tabs--default .tabs__nav-trigger, .dark .tabs--search .tabs__nav-trigger {
      color: var(--color-primary-base);
    }
    .tabs--default .tabs__nav-expand-trigger, .tabs--search .tabs__nav-expand-trigger {
      width: 100%;
      align-items: center;
      border-radius: var(--radius-3xl);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-tertiary-base);
      background-color: var(--color-white);
      --tw-font-weight: var(--font-weight-extrabold);
      font-weight: var(--font-weight-extrabold);
      text-transform: uppercase;
    }
    @media (hover: hover) {
      .tabs--default .tabs__nav-expand-trigger:hover, .tabs--search .tabs__nav-expand-trigger:hover {
        border-color: var(--color-tertiary-base);
      }
    }
    @media (hover: hover) {
      .tabs--default .tabs__nav-expand-trigger:hover, .tabs--search .tabs__nav-expand-trigger:hover {
        background-color: var(--color-tertiary-base);
      }
    }
    .tabs--default .tabs__nav-expand-trigger, .tabs--search .tabs__nav-expand-trigger {
      min-height: var(--tabs-nav-height);
    }
    .tabs--default .tabs__nav-expand-trigger .btn__icon, .tabs--search .tabs__nav-expand-trigger .btn__icon {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .tabs--default.tabs__nav--expanded .tabs__nav-expand-trigger, .tabs--search.tabs__nav--expanded .tabs__nav-expand-trigger {
      background-color: var(--color-tertiary-base);
    }
    .tabs--default.tabs__nav--expanded .tabs__nav-expand-trigger .btn__icon, .tabs--search.tabs__nav--expanded .tabs__nav-expand-trigger .btn__icon {
      rotate: 180deg;
    }
    .tabs--default:not(.tabs__nav--expanded) .tabs__nav, .tabs--search:not(.tabs__nav--expanded) .tabs__nav {
      display: none;
    }
  }
  @media (width >=1024px) {
    .tabs--default .tabs__nav, .tabs--search .tabs__nav {
      display: flex;
      flex-wrap: wrap;
    }
    .tabs--default .tabs__nav-item, .tabs--search .tabs__nav-item {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-bottom-color: var(--color-secondary-base);
    }
    .tabs--default .tabs__nav-expand-trigger, .tabs--search .tabs__nav-expand-trigger {
      display: none;
    }
    .tabs--default .tabs__nav-trigger, .tabs--search .tabs__nav-trigger {
      margin-bottom: calc(1px * -1);
      display: flex;
      min-height: 60px;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      border-block-style: var(--tw-border-style);
      border-block-width: 4px;
      border-block-color: transparent;
      padding-inline: calc(var(--spacing) * 8);
      text-wrap: nowrap;
      text-decoration-line: none;
    }
    .tabs--default .tabs__nav-trigger:hover, .tabs--default .tabs__nav-trigger--active, .tabs--search .tabs__nav-trigger:hover, .tabs--search .tabs__nav-trigger--active {
      border-bottom-color: var(--color-tertiary-base);
    }
    .tabs--default .tabs__nav-trigger--active, .tabs--search .tabs__nav-trigger--active {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .tabs--default .tabs__nav-trigger:focus-visible, .tabs--search .tabs__nav-trigger:focus-visible {
      border-radius: 0;
      outline-offset: -4px;
    }
    .tabs--default:not(.tabs--compact) .tabs__nav-trigger--active, .tabs--search:not(.tabs--compact) .tabs__nav-trigger--active {
      --tw-leading: 28px;
      line-height: 28px;
    }
    .tabs--search .tabs__nav-item {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .tabs__pane:not(.tabs__pane--active) {
    display: none;
  }
  .tabs--compact .featured-media a.text-xl {
    font-size: 1rem;
  }
  @media (max-width: 1023.9px) {
    .tabs--compact .tabs__nav {
      max-width: 100%;
    }
    .tabs--compact .tabs__nav-wrapper {
      max-width: 100%;
    }
    .tabs--compact .tabs__nav-wrapper .btn__icon {
      display: none;
    }
    .tabs--compact .tabs__nav-expand-trigger {
      width: 100%;
      flex: 1;
    }
    .dark .tabs--compact .tabs__nav-expand-trigger {
      background-color: transparent;
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-white);
    }
  }
  @media (width >=1024px) {
    .tabs--compact .tabs__nav {
      flex-wrap: nowrap;
    }
    .tabs--compact .tabs__nav-item {
      flex: 1;
      align-self: flex-end;
      vertical-align: bottom;
    }
    .tabs--compact .tabs__nav-trigger {
      text-align: center;
      text-wrap: wrap;
    }
  }
}
@layer components {
  html {
    scroll-behavior: smooth;
  }
  :root, :host {
    --docs-bg-stripes: repeating-linear-gradient(
      -45deg,
      rgba(30, 58, 130, 0.06) 0px,
      rgba(30, 58, 130, 0.06) 10px,
      rgba(30, 58, 130, 0.04) 10px,
      rgba(30, 58, 130, 0.04) 20px
    );
    --docs-bg-stripes-dark: repeating-linear-gradient(
      -45deg,
      rgba(30, 58, 130, 0.9) 0px,
      rgba(30, 58, 130, 0.9) 15px,
      rgba(30, 58, 130, 0.8) 15px,
      rgba(30, 58, 130, 0.8) 18px
    );
  }
}
@layer components {
  .docs-menu {
    position: fixed;
    top: calc(var(--spacing) * 10);
    right: calc(var(--spacing) * 0);
    z-index: 90;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 400px;
    justify-content: center;
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
    --tw-border-style: dashed;
    border-style: dashed;
    background-color: var(--color-primary-50);
    color: var(--color-blue-900);
    opacity: 90%;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .docs-menu__toggle {
    z-index: 50;
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
    background-color: var(--color-primary-300);
    color: var(--color-blue-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .docs-menu__toggle:hover {
    background-color: var(--color-primary-500);
  }
  .docs-menu__toggle-icon {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-blue-900);
  }
  .docs-menu__toggle-icon::after {
    content: "‹";
  }
  .docs-menu--hidden .docs-menu__toggle-icon::after {
    content: "›";
  }
  .docs-menu.docs-menu--animate {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .docs-menu--hidden {
    --tw-translate-x: calc(100% - 1rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .docs-menu__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 2);
  }
  .docs-menu__l2, .docs-menu__l3 {
    padding-inline: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 6);
  }
  .docs-menu__trigger-text, .docs-menu__l2-link, .docs-menu__l3-link {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
  }
  @media (hover: hover) {
    .docs-menu__trigger-text:hover, .docs-menu__l2-link:hover, .docs-menu__l3-link:hover {
      text-decoration-line: underline;
    }
  }
  .docs-menu__item--active .docs-menu__trigger-text {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .docs-menu__l2-item--active .docs-menu__l2-link, .docs-menu__l3-item--active .docs-menu__l3-link {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .docs-menu .accordion--expanded .docs-menu__trigger-text {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .docs-menu .accordion__trigger {
    margin-left: auto;
    display: flex;
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
  }
  .docs-menu .docs-menu__icon {
    margin-left: auto;
  }
}
@layer components {
  .docs__landing-nav a {
    color: var(--color-blue-900);
  }
  .docs__landing-heading {
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important;
    color: var(--color-blue-900);
  }
}
@layer components {
  .docs__title {
    background-color: var(--color-blue-900);
    padding-block: calc(var(--spacing) * 16);
  }
  .docs__title-eyebrow {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
  }
  .docs__title-heading {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: 0.96px;
    letter-spacing: 0.96px;
    color: var(--color-primary-950);
  }
  .docs__title-heading.bold, .docs__title-heading strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .docs__title-heading {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .docs__title-heading {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .docs__title-heading {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
  }
  .docs__h2 {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__h2 {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .docs__h2 {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .docs__h2 {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .docs__h2 {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .docs__h2 {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .docs__h2 {
      max-width: 90rem;
    }
  }
  .docs__h2 {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__h2 {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__h2 {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-primary-950);
  }
  .docs__h2.bold, .docs__h2 strong {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .dark .docs__h2 {
    color: var(--color-white);
  }
  @media (max-width: 1023.9px) {
    .docs__h2 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .docs__h2 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-blue-900);
  }
  .docs__h3 {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__h3 {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .docs__h3 {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .docs__h3 {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .docs__h3 {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .docs__h3 {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .docs__h3 {
      max-width: 90rem;
    }
  }
  .docs__h3 {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__h3 {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__h3 {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 5);
  }
  .docs__h3-text {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-blue-900);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-blue-900);
  }
  .docs__section {
    margin-block: calc(var(--spacing) * 16);
  }
  .docs__section code {
    color: var(--color-accent-base);
  }
  .docs__item {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-blue-900);
    padding: calc(var(--spacing) * 10);
    background-image: var(--docs-bg-stripes);
  }
  .docs__item--dark {
    background-image: var(--docs-bg-stripes-dark);
  }
  .docs__prose .prose {
    border: 1px dotted gray;
    background-color: white;
  }
  .docs__links .docs--hover-state a {
    text-decoration-color: var(--color-secondary-500) !important;
    text-decoration-thickness: 2px !important;
  }
  .docs__links .docs--focus-state a {
    border-radius: var(--radius-xs) !important;
    text-decoration-color: var(--color-gray-500) !important;
    text-decoration-thickness: 2px !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
    outline-offset: 4px !important;
    outline-color: var(--color-secondary-base) !important;
  }
  .docs-demo-box {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
    background-image: repeating-linear-gradient( -45deg, rgba(203, 219, 235, 0.1) 0px, rgba(203, 219, 235, 0.1) 10px, rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0.2) 20px );
  }
  .docs-demo-box--dark {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-gray-600);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
    background-image: var(--docs-bg-stripes-dark);
  }
  .docs-demo-bg--dark {
    background-image: var(--docs-bg-stripes-dark);
  }
  .docs__info {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__info {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .docs__info {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .docs__info {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .docs__info {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .docs__info {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .docs__info {
      max-width: 90rem;
    }
  }
  .docs__info {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__info {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__info {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-amber-400);
    background-color: var(--color-amber-50);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-amber-900);
  }
  .docs__info ul {
    list-style-position: inside;
    list-style-type: disc;
  }
  :where(.docs__info ul > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .docs__info ul {
    padding-left: calc(var(--spacing) * 5);
  }
  .docs__info ul > li {
    padding-left: calc(var(--spacing) * 1);
    line-height: 1.5;
  }
  .docs__info ul > li::marker {
    color: var(--color-secondary-400);
    font-size: 0.8em;
  }
  .docs__info ul li::marker {
    color: var(--color-amber-400);
  }
}
@layer components {
  .docs__icon-swatch {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 10);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  :is(.docs__icon-swatch > *) {
    display: flex;
  }
  :is(.docs__icon-swatch > *) {
    width: auto;
  }
  :is(.docs__icon-swatch > *) {
    flex-direction: column;
  }
  :is(.docs__icon-swatch > *) {
    align-items: center;
  }
  :is(.docs__icon-swatch > *) {
    justify-content: flex-end;
  }
  :is(.docs__icon-swatch > *) {
    gap: calc(var(--spacing) * 2);
  }
  :is(.docs__icon-swatch > *) {
    border-radius: var(--radius-lg);
  }
  :is(.docs__icon-swatch > *) {
    border-color: var(--color-gray-500);
  }
  :is(.docs__icon-swatch > *) {
    padding-block: calc(var(--spacing) * 2);
  }
  .docs__icon-swatch--inner {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
    color: var(--color-primary-base);
  }
  .docs__icon-swatch--inner-wide {
    margin-top: calc(var(--spacing) * -14);
  }
  .docs__icon-swatch--inner-wide svg {
    margin-bottom: calc(var(--spacing) * -6);
    aspect-ratio: auto;
    width: 300px;
  }
  @media (width >= 64rem) {
    .docs__icon-swatch--inner-wide svg {
      width: 800px;
    }
  }
  .docs__icon-swatch--custom .docs__icon-swatch--inner {
    font-size: 100px;
  }
  .docs__icon-swatch--utility .docs__icon-swatch--inner {
    font-size: 50px;
  }
}
@layer components {
  .docs__buttons .docs--hover-state .btn--primary {
    border-color: var(--color-primary-950) !important;
    background-color: var(--color-primary-950) !important;
    background-image: none !important;
    color: var(--color-white) !important;
  }
  .docs__buttons .docs--hover-state .btn--secondary {
    background-color: var(--color-primary-950) !important;
    background-image: none !important;
    color: var(--color-white) !important;
  }
  .docs__buttons .docs--hover-state .btn--tertiary {
    background-color: var(--color-white) !important;
    background-image: none !important;
  }
  .docs__buttons .docs--hover-state .btn--quaternary {
    background-color: var(--color-white) !important;
    background-image: none !important;
    color: var(--color-primary-950) !important;
  }
  .docs__buttons .docs--hover-state .btn--outline {
    border-color: var(--color-primary-950) !important;
    background-color: #E5AD05 !important;
    background-image: none !important;
    color: var(--color-primary-950) !important;
  }
  .docs__buttons .docs--hover-state .btn--warning {
    border-color: var(--color-primary-950) !important;
    background-color: var(--color-system-danger) !important;
    color: var(--color-white) !important;
  }
  .docs__buttons .docs--hover-state .btn--utility {
    background-color: color-mix(in srgb, #ffffff 20%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .docs__buttons .docs--hover-state .btn--utility {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
    }
  }
  .docs__buttons .docs--hover-state .btn--expressive-orange {
    background-color: var(--color-orange-50) !important;
  }
  .docs__buttons .docs--hover-state .btn--expressive-red {
    background-color: var(--color-red-50) !important;
  }
  .docs__buttons .docs--hover-state .btn--expressive-green {
    background-color: var(--color-green-50) !important;
  }
  .docs__buttons .docs--hover-state .btn--expressive-purple {
    background-color: var(--color-purple-50) !important;
  }
  .docs__buttons .docs--hover-state .btn--expressive-blue {
    background-color: var(--color-blue-50) !important;
  }
  .docs__buttons .docs--hover-state .btn--expressive-yellow {
    background-color: var(--color-yellow-400) !important;
  }
  .docs__buttons .docs--focus-state .btn {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 4px !important;
    outline-offset: 4px !important;
    outline-color: var(--color-secondary-400) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
}
@layer components {
  .docs__parameters-table {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-700);
  }
  .docs__parameters-table thead {
    background-color: var(--color-primary-200);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .docs__parameters-table thead th {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-left-color: var(--color-black);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);
    text-align: left;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-normal);
  }
  .docs__parameters-table thead .docs__parameters-table__title {
    color: var(--color-white);
  }
  .docs__parameters-table thead .docs__parameters-table__title th {
    background-color: var(--color-gray-700);
    padding-block: calc(var(--spacing) * 2.5);
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .docs__parameters-table thead .docs__parameters-table__title-secondary th {
    text-wrap: nowrap;
  }
  .docs__parameters-table tbody {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .docs__parameters-table tbody td {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    vertical-align: top;
    overflow-wrap: break-word;
  }
}
@layer components {
  .docs__container-item {
    position: relative;
    background-color: var(--color-tertiary-600);
    text-align: center;
  }
  :is(.docs__container-item > *) {
    display: inline-block;
  }
  .docs__container-item .docs__container-item-inner {
    position: relative;
    width: 100%;
    background-color: var(--color-primary-700);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-white);
  }
  .docs__container-item .docs__container-item-inner:before {
    content: "";
    opacity: 75%;
  }
  .docs__container-item .docs__container-item-inner:before, .docs__container-item:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 1);
    rotate: calc(90deg * -1);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    top: 46%;
    display: block;
    --tw-rotate: -90deg;
  }
  .docs__container-item .docs__container-item-inner:before {
    left: -2.8px;
  }
  .docs__container-item:before {
    left: -30px;
    top: 46%;
    content: attr(data-padding);
  }
  .docs__container-item.docs__container--lg:before, .docs__container-item.docs__container--xl:before {
    left: -12px;
    content: attr(data-padding);
  }
  .docs__container-measurement {
    position: relative;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 2px;
    border-color: var(--color-primary-base);
    text-align: center;
  }
  .docs__container-measurement-text {
    z-index: 10;
    display: inline-block;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
  }
  .docs__container-measurement--outer {
    margin-inline: calc(var(--container-padding) * -1);
  }
  @media (width >=1024px) {
    .docs__container-measurement--outer {
      margin-inline: calc(var(--container-padding-lg) * -1);
    }
  }
  .docs__container-measurement:before {
    content: "";
    position: absolute;
    z-index: calc(10 * -1);
    display: block;
    height: 1px;
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-primary-base);
    inset: 50% 0 0 0;
  }
  @media (width >= 24.375rem) {
    .docs__container--normal-width .docs__container--default {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--xs {
    display: none;
  }
  @media (width >= 24.375rem) {
    .docs__container--normal-width .docs__container--xs {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .docs__container--normal-width .docs__container--xs {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--sm {
    display: none;
  }
  @media (width >= 40rem) {
    .docs__container--normal-width .docs__container--sm {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .docs__container--normal-width .docs__container--sm {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--md {
    display: none;
  }
  @media (width >= 48rem) {
    .docs__container--normal-width .docs__container--md {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .docs__container--normal-width .docs__container--md {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--lg {
    display: none;
  }
  @media (width >= 64rem) {
    .docs__container--normal-width .docs__container--lg {
      display: block;
    }
  }
  @media (width >= 80rem) {
    .docs__container--normal-width .docs__container--lg {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--xl {
    display: none;
  }
  @media (width >= 80rem) {
    .docs__container--normal-width .docs__container--xl {
      display: block;
    }
  }
  .docs__container--fixed-width {
    overflow-x: hidden;
  }
  .docs__container--fixed-width .docs__container--default {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 90rem;
    }
  }
  .docs__container--fixed-width .docs__container--default {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--default {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__container--fixed-width .docs__container--default {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 1rem !important;
    opacity: 100%;
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--default {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--default .docs__container-measurement--outer, .docs__container--fixed-width .docs__container--xs .docs__container-measurement--outer, .docs__container--fixed-width .docs__container--sm .docs__container-measurement--outer, .docs__container--fixed-width .docs__container--md .docs__container-measurement--outer {
    margin-inline: calc(var(--container-padding) * -1);
  }
  .docs__container--fixed-width .docs__container--lg .docs__container-measurement--outer, .docs__container--fixed-width .docs__container--xl .docs__container-measurement--outer {
    margin-inline: calc(var(--container-padding-lg) * -1);
  }
  .docs__container--fixed-width .docs__container--default {
    width: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 24.375rem;
    }
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 80rem;
    }
  }
  @media (width >= 90rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 90rem;
    }
  }
  .docs__container--fixed-width .docs__container--default {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--default {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__container--fixed-width .docs__container--default {
    opacity: 100%;
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--default {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--default {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 1rem !important;
  }
  .docs__container--fixed-width .docs__container--xs {
    opacity: 50%;
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--xs {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 90rem;
      }
    }
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--xs {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--xs {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >= 24.375rem) {
    .docs__container--fixed-width .docs__container--xs {
      opacity: 100%;
    }
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--xs {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--xs {
    width: 390px !important;
    max-width: 390px !important;
    padding-inline: 1rem !important;
  }
  .docs__container--fixed-width .docs__container--sm {
    opacity: 50%;
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--sm {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 90rem;
      }
    }
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--sm {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--sm {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >= 40rem) {
    .docs__container--fixed-width .docs__container--sm {
      opacity: 100%;
    }
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--sm {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--sm {
    width: 640px !important;
    max-width: 640px !important;
    padding-inline: 1rem !important;
  }
  .docs__container--fixed-width .docs__container--md {
    opacity: 50%;
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--md {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 90rem;
      }
    }
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--md {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--md {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >= 48rem) {
    .docs__container--fixed-width .docs__container--md {
      opacity: 100%;
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--md {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--md {
    width: 768px !important;
    max-width: 768px !important;
    padding-inline: 1rem !important;
  }
  .docs__container--fixed-width .docs__container--lg {
    opacity: 50%;
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--lg {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 90rem;
      }
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--lg {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--lg {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--lg {
      opacity: 100%;
    }
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--lg {
      opacity: 50%;
    }
  }
  .docs__container--fixed-width .docs__container--lg {
    width: 1024px !important;
    max-width: 1024px !important;
    padding-inline: 3.125rem !important;
  }
  .docs__container--fixed-width .docs__container--xl {
    opacity: 50%;
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--xl {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 64rem;
      }
    }
    @media (width >= 80rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 80rem;
      }
    }
    @media (width >= 90rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 90rem;
      }
    }
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--xl {
      padding-inline: var(--container-padding);
      margin-inline: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    @media (width >= 64rem) {
      .docs__container--fixed-width .docs__container--xl {
        padding-inline: var(--container-padding-lg);
      }
    }
  }
  @media (width >= 80rem) {
    .docs__container--fixed-width .docs__container--xl {
      opacity: 100%;
    }
  }
  .docs__container--fixed-width .docs__container--xl {
    width: 1440px !important;
    max-width: 1440px !important;
    padding-inline: 3.125rem !important;
  }
  .container .docs__h2, .container .docs__h3 {
    max-width: none;
    padding-inline: calc(var(--spacing) * 0);
  }
}
@layer components {
  .docs__mask-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .docs__mask-list--lg {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .docs__mask-item {
    display: inline-flex;
    height: 100px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--color-secondary-base);
    color: var(--color-white);
  }
  .docs__mask-list--lg .docs__mask-item {
    height: 100px;
  }
  .docs__mask-table {
    width: 100%;
  }
  .docs__mask-table th {
    padding: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-700);
  }
  .docs__mask-table td {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
  }
  .docs__mask-label {
    padding-inline: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-700);
  }
}
@layer components {
  .docs__card--two-cols {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    .docs__card--two-cols {
      flex-direction: row;
    }
  }
  .docs__card--two-cols > * {
    width: 100%;
  }
  @media (width >= 40rem) {
    .docs__card--two-cols > * {
      max-width: 400px;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --mkto-btn-overlay-x: 0%;
    }
  }
}