/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "museo-sans", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-50: #fff2f2;
    --color-red-200: #f0b9b6;
    --color-red-600: #ce150c;
    --color-red-700: #a5110a;
    --color-orange-50: #fdf1e9;
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-600: #ee7623;
    --color-yellow-50: #fff6e8;
    --color-yellow-400: #fdcc75;
    --color-yellow-500: #fcbb47;
    --color-yellow-600: #fbaa19;
    --color-green-50: #e8faf1;
    --color-green-600: #239d60;
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-blue-50: #f4f4ff;
    --color-blue-100: #d4dcf0;
    --color-blue-200: #c0cbe7;
    --color-blue-300: #acb9dd;
    --color-blue-400: #98a8d4;
    --color-blue-500: #7086c0;
    --color-blue-600: #4863ad;
    --color-blue-700: #20419a;
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-purple-50: #f8ebff;
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: #470a68;
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: #e9e9e9;
    --color-gray-200: #d3d3d3;
    --color-gray-300: #bcbcbc;
    --color-gray-400: #a6a6a6;
    --color-gray-500: #7a7a7a;
    --color-gray-600: #4d4d4d;
    --color-gray-700: #212121;
    --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: 90rem;
    --breakpoint-2xl: 96rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.8;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.8;
    --text-base: 1rem;
    --text-base--line-height: 1.8;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.8;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.8;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.2;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.2;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.2;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1.2;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1.2;
    --font-weight-light: 300;
    --font-weight-normal: 500;
    --font-weight-medium: 500;
    --font-weight-semibold: 700;
    --font-weight-bold: 700;
    --font-weight-extrabold: 900;
    --font-weight-black: 900;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --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;
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --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;
    --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;
    --aspect-card-portrait: 2 / 3;
    --aspect-card-landscape: 3 / 2;
    --aspect-image-portrait: 3 / 4;
    --aspect-image-landscape: 4 / 3;
    --aspect-video-portrait: 9 / 16;
    --aspect-video-landscape: var(--aspect-video);
    --breakpoint-xs: 24.375rem;
    --color-red-base: var(--color-red-600);
    --color-orange-base: var(--color-orange-600);
    --color-yellow-base: var(--color-yellow-600);
    --color-green-base: var(--color-green-600);
    --color-blue-base: var(--color-blue-600);
    --color-purple-base: var(--color-purple-600);
    --color-primary-50: var(--color-blue-50);
    --color-primary-100: var(--color-blue-100);
    --color-primary-200: var(--color-blue-200);
    --color-primary-300: var(--color-blue-300);
    --color-primary-400: var(--color-blue-400);
    --color-primary-500: var(--color-blue-500);
    --color-primary-600: var(--color-blue-600);
    --color-primary-700: var(--color-blue-700);
    --color-primary-base: var(--color-blue-base);
    --color-secondary-50: var(--color-yellow-50);
    --color-secondary-400: var(--color-yellow-400);
    --color-secondary-500: var(--color-yellow-500);
    --color-secondary-600: var(--color-yellow-600);
    --color-secondary-base: var(--color-yellow-base);
    --color-tertiary-50: var(--color-red-50);
    --color-tertiary-200: var(--color-red-200);
    --color-tertiary-600: var(--color-red-600);
    --color-tertiary-700: var(--color-red-700);
    --color-tertiary-base: var(--color-red-base);
    --color-text-base: var(--color-gray-700);
    --container-padding: 1rem;
    --container-padding-lg: 3.125rem;
    --container-px: calc(var(--container-padding) * 2);
    --container-max-w-xs: var(--breakpoint-xs);
    --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-weight-regular: 500;
    --leading-11: calc(var(--spacing) * 11);
    --leading-12: calc(var(--spacing) * 12);
    --leading-13: calc(var(--spacing) * 13);
    --leading-14: calc(var(--spacing) * 14);
    --leading-15: calc(var(--spacing) * 15);
    --leading-16: calc(var(--spacing) * 16);
    --leading-17: calc(var(--spacing) * 17);
    --leading-18: calc(var(--spacing) * 18);
    --radius-5xl: 2.5rem;
    --shadow-hard-color: var(--color-black);
    --shadow-hard-depth: 4px;
  }
}
@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(
      --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;
  }
  :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: bolder;
  }
  :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 {
    --btn-text-size: var(--text-base);
    --btn-py: 12px;
    --btn-px: 20px;
    --btn-gap: 8px;
    --btn-only-size: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xs);
  }
  .btn:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .btn:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .btn:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .btn {
    outline-offset: calc(var(--link-decoration-width) * 4);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: transparent;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 100%;
    line-height: 100%;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: transparent;
    text-decoration-line: none;
    padding: var(--btn-py) var(--btn-px);
    gap: var(--btn-gap);
  }
  .btn--has-icon {
    justify-content: space-between;
  }
  .btn .btn__text {
    font-size: var(--btn-text-size);
  }
  .btn .btn__icon,
  .btn.btn--letter-only .btn__text {
    width: var(--btn-only-size);
    height: var(--btn-only-size);
  }
  .btn .btn__icon {
    margin: calc(var(--spacing) * 0);
    display: flex;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    color: currentcolor;
  }
  .btn .btn__icon .icon {
    width: 100%;
  }
  .btn:disabled,
  .btn[aria-disabled="true"] {
    pointer-events: none;
    cursor: not-allowed;
  }
  .btn .btn__tooltip {
    pointer-events: none;
    position: absolute;
    bottom: calc(2/3 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 1);
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-black);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .btn:hover .btn__tooltip,
  .btn:focus-visible .btn__tooltip {
    opacity: 100%;
  }
  .link {
    text-decoration-thickness: var(--link-decoration-width);
    text-underline-offset: var(--link-decoration-offset);
    position: relative;
    cursor: pointer;
    border-radius: var(--radius-xs);
  }
  .link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .link:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .link:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .link {
    outline-offset: calc(var(--link-decoration-width) * 4);
    text-decoration-line: underline;
  }
  .link:hover {
    text-decoration-thickness: var(--link-decoration-width-hover);
  }
  .link .link__tooltip {
    pointer-events: none;
    position: absolute;
    bottom: calc(2/3 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 1);
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-black);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .link:hover .link__tooltip,
  .link:focus-visible .link__tooltip {
    opacity: 100%;
  }
  .link__last-word-with-icon {
    white-space: nowrap;
  }
  .link__last-word-with-icon .icon {
    margin-top: calc(0.15em * -1);
    margin-left: 0.4em;
    font-size: 1.1em;
  }
  .tooltip {
    pointer-events: none;
    position: absolute;
    bottom: calc(2/3 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 1);
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-black);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .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;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .float-start {
    float: inline-start;
  }
  .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 >= 90rem) {
    .container {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .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);
    }
  }
  .container .container {
    padding-inline: unset;
    max-width: unset;
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .btn--expressive {
    --btn-color: var(--inline-color);
    --btn-color-hover: var(--inline-color-hover);
    --btn-only-size: 40px;
    background-color: var(--color-white);
    color: var(--color-primary-700);
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    .btn--expressive {
      border-radius: var(--radius-3xl);
    }
  }
  .btn--expressive {
    gap: calc(var(--spacing) * 4);
    padding-inline: 17.5px;
    padding-block: 24px;
    padding-right: 20px;
  }
  @media (width >= 48rem) {
    .btn--expressive {
      padding-block: 31px;
    }
  }
  @media (width >= 48rem) {
    .btn--expressive {
      padding-left: 20px;
    }
  }
  .btn--expressive:hover {
    cursor: pointer;
    background-color: var(--color-gray-50);
  }
  .btn--expressive:hover[data-inline-color] {
    background-color: var(--inline-color-hover);
  }
  .btn--expressive {
    justify-content: flex-start;
    --shadow-border-color: var(--inline-color, var(--color-black));
    --shadow-hard-color: var(--inline-color, var(--color-black));
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-shadow: calc(-1 * var(--shadow-hard-depth)) var(--shadow-hard-depth) 0 0
    var(--shadow-hard-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--inline-color, var(--color-black));
  }
  .btn--expressive:disabled,
  .btn--expressive[aria-disabled="true"] {
    border-color: var(--color-gray-300);
    color: var(--color-gray-500);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn--expressive.btn:focus-visible {
    outline-offset: 4px;
  }
  .btn--expressive .btn__text {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 100%;
    line-height: 100%;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  @media (width >= 48rem) {
    .btn--expressive .btn__text {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .btn--expressive:not([disabled]):not([aria-disabled="true"]) .btn__icon {
    color: var(--btn-color);
  }
  @media (width >= 48rem) {
    .btn--expressive .btn__icon.btn__icon {
      height: 50px;
    }
  }
  @media (width >= 48rem) {
    .btn--expressive .btn__icon.btn__icon {
      width: 50px;
    }
  }
  .btn--expressive:not(.btn--icon-only):not(.btn--expressive-stacked) .btn__icon.btn__icon {
    margin-block: calc(var(--spacing) * -5);
  }
  .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-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .link--pseudo-icon:before,
  .link--pseudo-icon:after {
    display: inline-block;
    aspect-ratio: 1 / 1;
    height: 1.1em;
    width: auto;
    background-color: currentcolor;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: 57% 50%;
            mask-position: 57% 50%;
  }
  .link--pseudo-icon:before {
    margin-right: 0.4em;
  }
  .link--pseudo-icon:after {
    margin-left: 0.4em;
  }
  .link--pseudo-icon-external:after, .link--pseudo-icon-internal:after {
    content: " ";
  }
  .link--pseudo-icon-external:after {
    -webkit-mask-image: url("/wp-content/themes/scottish-rite/icons/heroicons/solid/arrow-top-right-on-square.svg");
            mask-image: url("/wp-content/themes/scottish-rite/icons/heroicons/solid/arrow-top-right-on-square.svg");
  }
  .link--pseudo-icon-internal:after {
    -webkit-mask-image: url("/wp-content/themes/scottish-rite/icons/heroicons/solid/arrow-long-right.svg");
            mask-image: url("/wp-content/themes/scottish-rite/icons/heroicons/solid/arrow-long-right.svg");
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .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-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mr-auto {
    margin-right: auto;
  }
  .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-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-96 {
    margin-bottom: calc(var(--spacing) * 96);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .btn--letter-only.btn {
    --btn-py: 8px;
    --btn-px: 8px;
  }
  .btn--letter-only {
    aspect-ratio: 1 / 1;
    border-radius: calc(infinity * 1px);
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .btn--letter-only .btn__text {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    --tw-leading: 1;
    line-height: 1;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .btn--icon-only.btn {
    --btn-py: 8px;
    --btn-px: 8px;
  }
  .btn--icon-only {
    aspect-ratio: 1 / 1;
    border-radius: calc(infinity * 1px);
    vertical-align: middle;
  }
  .aspect-card-landscape {
    aspect-ratio: var(--aspect-card-landscape);
  }
  .aspect-card-landscape {
    aspect-ratio: var(--aspect-card-landscape);
  }
  .aspect-card-portrait {
    aspect-ratio: var(--aspect-card-portrait);
  }
  .aspect-card-portrait {
    aspect-ratio: var(--aspect-card-portrait);
  }
  .aspect-image-landscape {
    aspect-ratio: var(--aspect-image-landscape);
  }
  .aspect-image-landscape {
    aspect-ratio: var(--aspect-image-landscape);
  }
  .aspect-image-portrait {
    aspect-ratio: var(--aspect-image-portrait);
  }
  .aspect-image-portrait {
    aspect-ratio: var(--aspect-image-portrait);
  }
  .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);
  }
  .btn--utility {
    --btn-only-size: 44px;
    border-color: var(--color-white);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .btn--utility:hover {
      background-color: color-mix(in srgb, #ffffff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .btn--utility:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .btn--utility {
    border-radius: var(--radius-3xl);
    padding-block: 9px;
    justify-content: flex-start;
  }
  .btn--utility:disabled,
  .btn--utility[aria-disabled="true"] {
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-300);
    color: var(--color-text-base);
  }
  .btn--utility .btn__text {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 100%;
    line-height: 100%;
  }
  .btn--utility .btn__icon.btn__icon {
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
  }
  .media-image:not(.media-image--is-bg) img {
    width: 100%;
  }
  .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;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[540px\] {
    height: 540px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[82px\] {
    max-width: 82px;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .flex-1 {
    flex: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .shadow-border--hover:hover {
    cursor: pointer;
    background-color: var(--color-gray-50);
  }
  .shadow-border--hover:hover[data-inline-color] {
    background-color: var(--inline-color-hover);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .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(0.375em * var(--tw-space-y-reverse));
    margin-block-end: calc(0.375em * 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.75;
  }
  .list-disc > li::marker {
    font-size: 1.3em;
    line-height: 1;
    color: var(--color-secondary-base);
  }
  :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-6 {
    -moz-column-gap: calc(var(--spacing) * 6);
         column-gap: calc(var(--spacing) * 6);
  }
  .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);
  }
  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }
  :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;
  }
  .btn--lg {
    --btn-text-size: var(--text-lg);
    --btn-py: 16px;
    --btn-px: 30.47px;
    --btn-gap: 10px;
    --btn-only-size: 24px;
  }
  .btn--lg:not(.btn--icon-only):not(.btn--letter-only) {
    border-radius: var(--radius-2xl);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-5xl {
    border-radius: var(--radius-5xl);
  }
  .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);
  }
  .shadow-border {
    --shadow-border-color: var(--inline-color, var(--color-black));
    --shadow-hard-color: var(--inline-color, var(--color-black));
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-shadow: calc(-1 * var(--shadow-hard-depth)) var(--shadow-hard-depth) 0 0
    var(--shadow-hard-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--inline-color, var(--color-black));
  }
  .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-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-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .btn--primary {
    border-color: var(--color-secondary-base);
    background-color: var(--color-secondary-base);
    color: var(--color-text-base);
  }
  @media (hover: hover) {
    .btn--primary:hover {
      border-color: var(--color-secondary-400);
    }
  }
  @media (hover: hover) {
    .btn--primary:hover {
      background-color: var(--color-secondary-400);
    }
  }
  .btn--primary:disabled,
  .btn--primary[aria-disabled="true"] {
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-300);
  }
  .btn--warning {
    border-color: var(--color-red-600);
    background-color: var(--color-red-600);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .btn--warning:hover {
      border-color: var(--color-red-700);
    }
  }
  @media (hover: hover) {
    .btn--warning:hover {
      background-color: var(--color-red-700);
    }
  }
  .btn--warning:disabled,
  .btn--warning[aria-disabled="true"] {
    border-color: var(--color-red-200);
    background-color: var(--color-red-200);
  }
  .btn--secondary {
    border-color: var(--color-primary-700);
    background-color: transparent;
    color: var(--color-primary-700);
  }
  @media (hover: hover) {
    .btn--secondary:hover {
      background-color: var(--color-primary-100);
    }
  }
  .btn--secondary:disabled,
  .btn--secondary[aria-disabled="true"] {
    border-color: var(--color-gray-300);
    color: var(--color-gray-500);
  }
  .btn--tertiary {
    border-color: var(--color-white);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .btn--tertiary:hover {
      background-color: var(--color-primary-600);
    }
  }
  .btn--tertiary:disabled,
  .btn--tertiary[aria-disabled="true"] {
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-300);
    color: var(--color-text-base);
  }
  .border-\[\#06b6d4\] {
    border-color: #06b6d4;
  }
  .border-\[\#8b5cf6\] {
    border-color: #8b5cf6;
  }
  .border-\[\#155e00\] {
    border-color: #155e00;
  }
  .border-\[\#e11d48\] {
    border-color: #e11d48;
  }
  .border-\[\#f97316\] {
    border-color: #f97316;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-base {
    border-color: var(--color-blue-base);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-green-base {
    border-color: var(--color-green-base);
  }
  .border-orange-base {
    border-color: var(--color-orange-base);
  }
  .border-primary-50 {
    border-color: var(--color-primary-50);
  }
  .border-primary-100 {
    border-color: var(--color-primary-100);
  }
  .border-primary-200 {
    border-color: var(--color-primary-200);
  }
  .border-primary-300 {
    border-color: var(--color-primary-300);
  }
  .border-primary-400 {
    border-color: var(--color-primary-400);
  }
  .border-primary-500 {
    border-color: var(--color-primary-500);
  }
  .border-primary-600 {
    border-color: var(--color-primary-600);
  }
  .border-primary-700 {
    border-color: var(--color-primary-700);
  }
  .border-primary-base {
    border-color: var(--color-primary-base);
  }
  .border-purple-base {
    border-color: var(--color-purple-base);
  }
  .border-red-base {
    border-color: var(--color-red-base);
  }
  .border-secondary-400 {
    border-color: var(--color-secondary-400);
  }
  .border-secondary-500 {
    border-color: var(--color-secondary-500);
  }
  .border-secondary-600 {
    border-color: var(--color-secondary-600);
  }
  .border-secondary-base {
    border-color: var(--color-secondary-base);
  }
  .border-tertiary-200 {
    border-color: var(--color-tertiary-200);
  }
  .border-tertiary-600 {
    border-color: var(--color-tertiary-600);
  }
  .border-tertiary-700 {
    border-color: var(--color-tertiary-700);
  }
  .border-tertiary-base {
    border-color: var(--color-tertiary-base);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-base {
    background-color: var(--color-blue-base);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .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-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-base {
    background-color: var(--color-green-base);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-orange-base {
    background-color: var(--color-orange-base);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .bg-primary-200 {
    background-color: var(--color-primary-200);
  }
  .bg-primary-300 {
    background-color: var(--color-primary-300);
  }
  .bg-primary-400 {
    background-color: var(--color-primary-400);
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-primary-700 {
    background-color: var(--color-primary-700);
  }
  .bg-primary-base {
    background-color: var(--color-primary-base);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-base {
    background-color: var(--color-purple-base);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-red-base {
    background-color: var(--color-red-base);
  }
  .bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .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-base {
    background-color: var(--color-secondary-base);
  }
  .bg-tertiary-50 {
    background-color: var(--color-tertiary-50);
  }
  .bg-tertiary-200 {
    background-color: var(--color-tertiary-200);
  }
  .bg-tertiary-600 {
    background-color: var(--color-tertiary-600);
  }
  .bg-tertiary-700 {
    background-color: var(--color-tertiary-700);
  }
  .bg-tertiary-base {
    background-color: var(--color-tertiary-base);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .mask-wave {
    -webkit-mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
            mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
    -webkit-mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
            mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
    -webkit-mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
            mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
            mask-repeat: no-repeat, no-repeat, no-repeat;
    mask-mode: alpha, alpha, alpha;
    -webkit-mask-composite: var(--wave-composite-webkit), var(--wave-composite-webkit);
    mask-composite: var(--wave-composite), var(--wave-composite);
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .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-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[1rem\] {
    padding-inline: 1rem;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .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);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pb-60 {
    padding-bottom: calc(var(--spacing) * 60);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .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-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .h1 {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .h1 {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .h1 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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);
  }
  @media (width >= 64rem) {
    .h2 {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .h2 {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .h2 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  @media (width >= 64rem) {
    .h3 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .h3 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .h3 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    .h4 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .h4 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .h4 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  @media (width >= 64rem) {
    .h5 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .h5 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .h5 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--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;
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-11 {
    --tw-leading: var(--leading-11);
    line-height: var(--leading-11);
  }
  .leading-12 {
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  .leading-13 {
    --tw-leading: var(--leading-13);
    line-height: var(--leading-13);
  }
  .leading-14 {
    --tw-leading: var(--leading-14);
    line-height: var(--leading-14);
  }
  .leading-15 {
    --tw-leading: var(--leading-15);
    line-height: var(--leading-15);
  }
  .leading-16 {
    --tw-leading: var(--leading-16);
    line-height: var(--leading-16);
  }
  .leading-17 {
    --tw-leading: var(--leading-17);
    line-height: var(--leading-17);
  }
  .leading-18 {
    --tw-leading: var(--leading-18);
    line-height: var(--leading-18);
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .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-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-regular {
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-regular {
    font-weight: var(--font-weight-regular);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .link--dark-group a:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .link--dark-group a:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  .link--on-dark:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .link--on-dark:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  .link--primary-group a {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .\!text-secondary-base {
    color: var(--color-secondary-base) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#f97316\] {
    color: #f97316;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-50 {
    color: var(--color-blue-50);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-blue-base {
    color: var(--color-blue-base);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .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-green-50 {
    color: var(--color-green-50);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-base {
    color: var(--color-green-base);
  }
  .text-orange-50 {
    color: var(--color-orange-50);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-base {
    color: var(--color-orange-base);
  }
  .text-primary-50 {
    color: var(--color-primary-50);
  }
  .text-primary-100 {
    color: var(--color-primary-100);
  }
  .text-primary-200 {
    color: var(--color-primary-200);
  }
  .text-primary-300 {
    color: var(--color-primary-300);
  }
  .text-primary-400 {
    color: var(--color-primary-400);
  }
  .text-primary-500 {
    color: var(--color-primary-500);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .text-primary-700 {
    color: var(--color-primary-700);
  }
  .text-primary-base {
    color: var(--color-primary-base);
  }
  .text-purple-500 {
    color: var(--color-purple-500);
  }
  .text-purple-base {
    color: var(--color-purple-base);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-base {
    color: var(--color-red-base);
  }
  .text-secondary-400 {
    color: var(--color-secondary-400);
  }
  .text-secondary-500 {
    color: var(--color-secondary-500);
  }
  .text-secondary-600 {
    color: var(--color-secondary-600);
  }
  .text-secondary-base {
    color: var(--color-secondary-base);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-tertiary-200 {
    color: var(--color-tertiary-200);
  }
  .text-tertiary-600 {
    color: var(--color-tertiary-600);
  }
  .text-tertiary-700 {
    color: var(--color-tertiary-700);
  }
  .text-tertiary-base {
    color: var(--color-tertiary-base);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-50 {
    color: var(--color-yellow-50);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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-2xl {
    --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);
  }
  .shadow-hard {
    --tw-shadow: calc(-1 * var(--shadow-hard-depth)) var(--shadow-hard-depth) 0 0
    var(--shadow-hard-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --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);
  }
  .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-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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;
  }
  .btn--sm {
    --btn-text-size: var(--text-sm);
    --btn-only-size: 16px;
    --btn-py: 9px;
    --btn-px: 20.258px;
    --btn-gap: 6px;
  }
  .mask-wave--sm {
    --wave-t-down-url: var(--wave-t-down-sm-url);
    --wave-b-down-url: var(--wave-b-down-sm-url);
    --wave-t-up-url: var(--wave-t-up-sm-url);
    --wave-b-up-url: var(--wave-b-up-sm-url);
    --wave-height: 8px;
  }
  .mask-wave--b-down {
    --wave-top-url: var(--wave-neutral);
    --wave-bottom-url: var(--wave-b-down-url);
  }
  .mask-wave--b-up {
    --wave-top-url: var(--wave-neutral);
    --wave-bottom-url: var(--wave-b-up-url);
  }
  .mask-wave--t-down {
    --wave-top-url: var(--wave-t-down-url);
    --wave-bottom-url: var(--wave-neutral);
  }
  .mask-wave--t-up {
    --wave-top-url: var(--wave-t-up-url);
    --wave-bottom-url: var(--wave-neutral);
  }
  .mask-wave--tb-down {
    --wave-top-url: var(--wave-t-down-url);
    --wave-bottom-url: var(--wave-b-down-url);
  }
  .mask-wave--tb-up {
    --wave-top-url: var(--wave-t-up-url);
    --wave-bottom-url: var(--wave-b-up-url);
  }
  :is(.\*\:absolute > *) {
    position: absolute;
  }
  :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(.\*\:mb-10 > *) {
    margin-bottom: calc(var(--spacing) * 10);
  }
  :is(.\*\:flex > *) {
    display: flex;
  }
  :is(.\*\:inline-flex > *) {
    display: inline-flex;
  }
  :is(.\*\:h-20 > *) {
    height: calc(var(--spacing) * 20);
  }
  :is(.\*\:h-30 > *) {
    height: calc(var(--spacing) * 30);
  }
  :is(.\*\:h-\[120px\] > *) {
    height: 120px;
  }
  :is(.\*\:h-\[auto\] > *) {
    height: auto;
  }
  :is(.\*\:w-30 > *) {
    width: calc(var(--spacing) * 30);
  }
  :is(.\*\:w-50 > *) {
    width: calc(var(--spacing) * 50);
  }
  :is(.\*\:w-\[200px\] > *) {
    width: 200px;
  }
  :is(.\*\:w-\[380px\] > *) {
    width: 380px;
  }
  :is(.\*\:w-\[1440px\] > *) {
    width: 1440px;
  }
  :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-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(: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-x > *) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  :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(.\*\:bg-white > *) {
    background-color: var(--color-white);
  }
  :is(.\*\:px-0 > *) {
    padding-inline: calc(var(--spacing) * 0);
  }
  :is(.\*\:px-2 > *) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :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(.\*\:py-20 > *) {
    padding-block: calc(var(--spacing) * 20);
  }
  :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);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :is(.\*\:text-white > *) {
    color: var(--color-white);
  }
  :is(.\*\:shadow-lg > *) {
    --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 < 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }
  @media (width < 48rem) {
    .max-md\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @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\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:h-\[700px\] {
      height: 700px;
    }
  }
  @media (width >= 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @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\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @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\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[174px\] {
      max-width: 174px;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[var\(--cols-width-8\)\] {
      max-width: var(--cols-width-8);
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:col-end-1 {
      grid-column-end: 1;
    }
  }
  @media (width >= 96rem) {
    .\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;
  }
  .\[\&\>img\]\:h-auto>img {
    height: auto;
  }
  .\[\&\>img\]\:w-full>img {
    width: 100%;
  }
  .\[\&\>img\]\:overflow-hidden>img {
    overflow: hidden;
  }
  .\[\&\>img\]\:rounded-md>img {
    border-radius: var(--radius-md);
  }
  .\[\&\>img\]\:border>img {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
@layer base {
  :where(body) button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  :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) button {
    outline-offset: calc(var(--link-decoration-width) * 4);
    border-radius: var(--radius-xs);
  }
  :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 {
    border-radius: var(--radius-xs);
  }
  :where(body) [type="text"]:focus-visible:focus-visible, :where(body) [type="email"]:focus-visible:focus-visible, :where(body) [type="url"]:focus-visible:focus-visible, :where(body) [type="password"]:focus-visible:focus-visible, :where(body) [type="number"]:focus-visible:focus-visible, :where(body) [type="date"]:focus-visible:focus-visible, :where(body) [type="datetime-local"]:focus-visible:focus-visible, :where(body) [type="month"]:focus-visible:focus-visible, :where(body) [type="search"]:focus-visible:focus-visible, :where(body) [type="tel"]:focus-visible:focus-visible, :where(body) [type="time"]:focus-visible:focus-visible, :where(body) [type="week"]:focus-visible:focus-visible, :where(body) [multiple]:focus-visible:focus-visible, :where(body) textarea:focus-visible:focus-visible, :where(body) select:focus-visible:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  :where(body) [type="text"]:focus-visible:focus-visible, :where(body) [type="email"]:focus-visible:focus-visible, :where(body) [type="url"]:focus-visible:focus-visible, :where(body) [type="password"]:focus-visible:focus-visible, :where(body) [type="number"]:focus-visible:focus-visible, :where(body) [type="date"]:focus-visible:focus-visible, :where(body) [type="datetime-local"]:focus-visible:focus-visible, :where(body) [type="month"]:focus-visible:focus-visible, :where(body) [type="search"]:focus-visible:focus-visible, :where(body) [type="tel"]:focus-visible:focus-visible, :where(body) [type="time"]:focus-visible:focus-visible, :where(body) [type="week"]:focus-visible:focus-visible, :where(body) [multiple]:focus-visible:focus-visible, :where(body) textarea:focus-visible:focus-visible, :where(body) select:focus-visible:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  :where(body) [type="text"]:focus-visible:focus-visible, :where(body) [type="email"]:focus-visible:focus-visible, :where(body) [type="url"]:focus-visible:focus-visible, :where(body) [type="password"]:focus-visible:focus-visible, :where(body) [type="number"]:focus-visible:focus-visible, :where(body) [type="date"]:focus-visible:focus-visible, :where(body) [type="datetime-local"]:focus-visible:focus-visible, :where(body) [type="month"]:focus-visible:focus-visible, :where(body) [type="search"]:focus-visible:focus-visible, :where(body) [type="tel"]:focus-visible:focus-visible, :where(body) [type="time"]:focus-visible:focus-visible, :where(body) [type="week"]:focus-visible:focus-visible, :where(body) [multiple]:focus-visible:focus-visible, :where(body) textarea:focus-visible:focus-visible, :where(body) select:focus-visible: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-offset: calc(var(--link-decoration-width) * 4);
  }
}
@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: 2px;
    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;
    }
  }
}
:root {
  --breakpoint-current: var(--breakpoint-xs);
}
@media (width >=640px) {
  :root {
    --breakpoint-current: var(--breakpoint-sm);
  }
}
@media (width >=768px) {
  :root {
    --breakpoint-current: var(--breakpoint-md);
  }
}
@media (width >=1024px) {
  :root {
    --breakpoint-current: var(--breakpoint-lg);
  }
}
@media (width >=1440px) {
  :root {
    --breakpoint-current: var(--breakpoint-xl);
  }
}
@media (--2xl) {
  :root {
    --breakpoint-current: var(--breakpoint-2xl);
  }
}
@layer components {
  [data-inline-color^="blue"],
  [data-inline-color^="primary"] {
    --inline-color: var(--color-blue-700);
    --inline-color-hover: var(--color-blue-50);
  }
  [data-inline-color^="yellow"],
  [data-inline-color^="secondary"] {
    --inline-color: var(--color-yellow-base);
    --inline-color-hover: var(--color-yellow-50);
  }
  [data-inline-color^="orange"] {
    --inline-color: var(--color-orange-base);
    --inline-color-hover: var(--color-orange-50);
  }
  [data-inline-color^="red"],
  [data-inline-color^="tertiary"] {
    --inline-color: var(--color-red-base);
    --inline-color-hover: var(--color-red-50);
  }
  [data-inline-color^="green"] {
    --inline-color: var(--color-green-base);
    --inline-color-hover: var(--color-green-50);
  }
  [data-inline-color^="purple"] {
    --inline-color: var(--color-purple-base);
    --inline-color-hover: var(--color-purple-50);
  }
}
@layer theme {
  :root,
  :host {
    scrollbar-gutter: stable;
    --container-max-w: 100%;
    --container-px: var(--container-padding);
  }
  @media (width >=24.375rem) {
    :root,
  :host {
      --container-max-w: var(--container-max-w-xs);
    }
  }
  @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 >=90rem) {
    :root,
  :host {
      --container-max-w: var(--container-max-w-xl);
    }
  }
  @media (width >=96rem) {
    :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));
    --container-content-width: calc(var(--container-max-w) - var(--container-px) * 2);
    --cols-width-1: calc(var(--container-content-width) * 1 / 12);
    --cols-width-2: calc(var(--container-content-width) * 2 / 12);
    --cols-width-3: calc(var(--container-content-width) * 3 / 12);
    --cols-width-4: calc(var(--container-content-width) * 4 / 12);
    --cols-width-5: calc(var(--container-content-width) * 5 / 12);
    --cols-width-6: calc(var(--container-content-width) * 6 / 12);
    --cols-width-7: calc(var(--container-content-width) * 7 / 12);
    --cols-width-8: calc(var(--container-content-width) * 8 / 12);
    --cols-width-9: calc(var(--container-content-width) * 9 / 12);
    --cols-width-10: calc(var(--container-content-width) * 10 / 12);
    --cols-width-11: calc(var(--container-content-width) * 11 / 12);
    --cols-width-12: var(--container-content-width);
    --offset-cols-3: calc(var(--container-content-width) * 3 / 12);
  }
  :root .viewport-to-content, :host .viewport-to-content {
    width: var(--viewport-to-content);
  }
}
@layer components {
  .breadcrumbs {
    --breadcrumb-separator-width: 22px;
    width: 100%;
  }
  .breadcrumbs__list {
    margin: calc(var(--spacing) * 0);
    display: flex;
    min-width: calc(var(--spacing) * 0);
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    .breadcrumbs__list {
      gap: calc(var(--spacing) * 2);
    }
  }
  .breadcrumbs__item {
    position: relative;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
  }
  @media (max-width: 767.9px) {
    .breadcrumbs__list--has-ellipsis .breadcrumbs__item:last-child {
      position: relative;
      padding-left: var(--breadcrumb-separator-width);
      max-width: calc(100% - var(--breadcrumb-separator-width));
    }
    .breadcrumbs__list--has-ellipsis .breadcrumbs__item:last-child::before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      padding-right: calc(var(--spacing) * 1);
      text-align: center;
      color: var(--color-gray-500);
      content: "...";
      width: var(--breadcrumb-separator-width);
    }
  }
  @media (width < 48rem) {
    .breadcrumbs__item:not(:first-child):not(:last-child),
      .breadcrumbs__item:not(:first-child):not(:last-child) + .breadcrumbs__separator {
      display: none;
    }
  }
  .breadcrumbs__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-black);
  }
  .breadcrumbs__item--allow-truncation .breadcrumbs__text {
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .breadcrumbs__text [aria-current="location"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
  }
  .breadcrumbs__link {
    color: var(--color-primary-700);
    text-decoration-line: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .breadcrumbs__link:hover {
      text-decoration-thickness: 2px;
    }
  }
  .breadcrumbs__separator {
    display: flex;
    align-items: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-primary-base);
  }
}
@layer components {
  .tag {
    display: inline-flex;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .tag__content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .tag__icon {
    display: flex;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
  }
  .tag__text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 100%;
    line-height: 100%;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .tag__text:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .tag--primary {
    background-color: var(--color-primary-600);
  }
  .tag--primary .tag__text {
    color: var(--color-white);
  }
  .tag--secondary {
    background-color: color-mix(in srgb, #ffffff 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .tag--secondary {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .tag--secondary .tag__text {
    color: var(--color-primary-700);
  }
}
@layer utilities {
  .btn--expressive-stacked {
    justify-content: flex-start;
    text-align: center;
  }
  @media (width >= 48rem) {
    .btn--expressive-stacked {
      flex-direction: column;
    }
  }
  @media (width >= 48rem) {
    .btn--expressive-stacked .btn__icon.btn__icon {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .btn--expressive-stacked .btn__icon.btn__icon {
      height: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 48rem) {
    .btn--expressive-stacked .btn__icon.btn__icon {
      width: calc(var(--spacing) * 16);
    }
  }
}
@layer components {
  .eyebrow {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
@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);
  }
  .icon__symbol--solid path {
    fill: currentColor;
    stroke: transparent;
  }
}
@layer components {
  .doodle {
    --doodle-size-height: auto;
    --doodle-size-width: 389px;
  }
  @media (width >=1024px) {
    .doodle {
      --doodle-size-width: 1440px;
    }
  }
  .doodle {
    --doodle-size: var(--doodle-size-width) var(--doodle-size-height);
    --doodle-pos-l: 0;
    --doodle-pos-r: 100%;
    --doodle-pos-t: 0;
    --doodle-pos-b: 100%;
    --doodle-pos-center: 50% top;
    --doodle-position: var(--doodle-pos-l) var(--doodle-pos-t), 
      var(--doodle-pos-r) var(--doodle-pos-t), 
      var(--doodle-pos-l) var(--doodle-pos-b), 
      var(--doodle-pos-r) var(--doodle-pos-b), 
      var(--doodle-pos-center);
    --doodle-tl-url: url("");
    --doodle-tr-url: url("");
    --doodle-bl-url: url("");
    --doodle-br-url: url("");
    --doodle-center-url: url("");
    --doodle-image: var(--doodle-tl-url), 
      var(--doodle-tr-url), 
      var(--doodle-bl-url), 
      var(--doodle-br-url), 
      var(--doodle-center-url);
  }
  .doodle {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: block;
    background-color: var(--color-primary-700);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .doodle:where(.dark, .dark *) {
    background-color: var(--color-white);
  }
  .doodle {
    -webkit-mask-image: var(--doodle-image);
            mask-image: var(--doodle-image);
    -webkit-mask-position: var(--doodle-position);
            mask-position: var(--doodle-position);
    -webkit-mask-size: var(--doodle-size);
            mask-size: var(--doodle-size);
  }
  @media (max-width: 1023.9px) {
    .doodle--seagull-center,
  .doodle--sunsmile-right,
  .doodle--seagull-side-spaces {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-common/mobile-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-common/mobile-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-common/mobile-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-common/mobile-br.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--seagull-center {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-center/desktop-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-center/desktop-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-center/desktop-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-center/desktop-br.svg");
      --doodle-center-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-center/desktop-center.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--seagull-side-spaces {
      --doodle-br-url: url("");
    }
  }
  @media (width >=1024px) {
    .doodle--seagull-side-spaces {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-side-spaces/desktop-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-side-spaces/desktop-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-side-spaces/desktop-bl.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--seagull-popcorn {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/mobile-tr.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--seagull-popcorn {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/desktop-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/desktop-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/desktop-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/desktop-br.svg");
      --doodle-center-url: url("/wp-content/themes/scottish-rite/images/doodles/seagull-popcorn/desktop-center.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--sunsmile-right {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/sunsmile-right/desktop-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/sunsmile-right/desktop-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/sunsmile-right/desktop-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/sunsmile-right/desktop-br.svg");
      --doodle-center-url: url("/wp-content/themes/scottish-rite/images/doodles/sunsmile-right/desktop-center.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--butterfly {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/butterfly/mobile-bl.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--butterfly {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/butterfly/desktop-bl.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--butterfly-long {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/butterfly-long/mobile-bl.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--butterfly-long {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/butterfly-long/desktop-bl.svg");
      --doodle-size-width: var(--breakpoint-current);
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--jet {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/jet/tr.svg");
    }
    .doodle--jet.doodle--jet.doodle--jet {
      --doodle-size-width: 900px;
    }
  }
  @media (width >=1024px) {
    .doodle--jet {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/jet/tr.svg");
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/jet/tl.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--cloud-plane {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/cloud-plane/mobile-tl.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--cloud-plane {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/cloud-plane/desktop-tl.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--bicycle-playground {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-playground/mobile-tr.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-playground/mobile-br.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--bicycle-playground {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-playground/desktop-tr.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-playground/desktop-br.svg");
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--bicycle-cloud {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/mobile-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/mobile-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/mobile-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/mobile-br.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--bicycle-cloud {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/desktop-tl.svg");
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/desktop-tr.svg");
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/desktop-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/bicycle-cloud/desktop-br.svg");
    }
  }
  @media (max-width: 389.9px) {
    .doodle--footer {
      --doodle-pos-l: calc(100% - 20vw);
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--footer {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/footer/mobile-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/footer/mobile-br.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--footer {
      --doodle-bl-url: url("/wp-content/themes/scottish-rite/images/doodles/footer/desktop-bl.svg");
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/footer/desktop-br.svg");
    }
    @media (width >= 64rem) {
      .doodle--footer {
        width: 100% !important;
      }
    }
    @media (width >= 64rem) {
      .doodle--footer {
        max-width: 100% !important;
      }
    }
  }
  @media (max-width: 1023.9px) {
    .doodle--curly-tail-cloud {
      --doodle-tr-url: url("/wp-content/themes/scottish-rite/images/doodles/curly-tail-cloud/mobile-tr.svg");
    }
  }
  @media (width >=1024px) {
    .doodle--menu-primary {
      --doodle-tl-url: url("/wp-content/themes/scottish-rite/images/doodles/menu-primary/desktop-tl.svg");
      --doodle-pos-r: calc(100% + 60px);
    }
  }
  @media (width >=1440px) {
    .doodle--menu-primary {
      --doodle-pos-r: calc(100% + 20px);
      --doodle-br-url: url("/wp-content/themes/scottish-rite/images/doodles/menu-primary/desktop-br.svg");
    }
  }
}
@layer theme {
  :root,
  :host {
    --link-decoration-width: 1.5px;
    --link-decoration-offset: calc(var(--link-decoration-width) * 3);
    --link-decoration-width-hover: calc(var(--link-decoration-width) * 1.4);
    --link-decoration-width-lg: clamp(2.5px, calc((1em + 24px) * 5 / 84), 4px);
    --link-decoration-offset-lg: clamp(8px, calc(var(--link-decoration-width-lg) * 2), 10px);
    --link-decoration-width-hover-lg: calc(var(--link-decoration-width-lg) * 1.4);
  }
}
@layer base {
  :where(body) a:not(.link--unstyled) {
    text-decoration-thickness: var(--link-decoration-width);
    text-underline-offset: var(--link-decoration-offset);
    position: relative;
    cursor: pointer;
    border-radius: var(--radius-xs);
  }
  :where(body) a:not(.link--unstyled):focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  :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) {
    outline-offset: calc(var(--link-decoration-width) * 4);
    text-decoration-line: underline;
  }
  :where(body) a:not(.link--unstyled):hover {
    text-decoration-thickness: var(--link-decoration-width-hover);
  }
  :where(body) a:not(.link--unstyled) .link__tooltip {
    pointer-events: none;
    position: absolute;
    bottom: calc(2/3 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 1);
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-black);
    opacity: 0%;
    transition-property: opacity;
    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):hover .link__tooltip,
  :where(body) a:not(.link--unstyled):focus-visible .link__tooltip {
    opacity: 100%;
  }
  :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-top: calc(0.15em * -1);
    margin-left: 0.4em;
    font-size: 1.1em;
  }
}
@layer components {
  .link--default {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .link--subtle {
    text-decoration-color: transparent;
  }
  @media (hover: hover) {
    .link--subtle:hover {
      text-decoration-color: var(--color-gray-500);
    }
  }
  .link--primary {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .link--primary:after,
      .link--primary .icon {
    color: var(--color-secondary-base);
  }
  .link--is-external .icon--outline, .link--is-internal .icon--outline {
    stroke: currentcolor;
    stroke-width: 2px;
  }
  .link--unstyled,
    .link--no-underline {
    text-decoration-line: none;
    text-decoration-thickness: 0px;
  }
  @media (hover: hover) {
    .link--unstyled:hover, .link--no-underline:hover {
      text-decoration-thickness: 0px;
    }
  }
  .link--unstyled,
    .link--no-underline {
    text-underline-offset: unset;
  }
  .link--stretched {
    position: static !important;
  }
  .link--stretched: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: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }
  .link--icon-align-right {
    display: flex;
  }
  .link--icon-align-right .icon {
    margin-left: auto;
  }
}
@layer components {
  :root,
  :host {
    --wave-t-down-url: url("/wp-content/themes/scottish-rite/images/mask-wave/full/mask-wave-t-down.svg");
    --wave-b-down-url: url("/wp-content/themes/scottish-rite/images/mask-wave/full/mask-wave-b-down.svg");
    --wave-t-up-url: url("/wp-content/themes/scottish-rite/images/mask-wave/full/mask-wave-t-up.svg");
    --wave-b-up-url: url("/wp-content/themes/scottish-rite/images/mask-wave/full/mask-wave-b-up.svg");
    --wave-t-down-sm-url: url("/wp-content/themes/scottish-rite/images/mask-wave/sm/mask-wave-t-down-sm.svg");
    --wave-b-down-sm-url: url("/wp-content/themes/scottish-rite/images/mask-wave/sm/mask-wave-b-down-sm.svg");
    --wave-t-up-sm-url: url("/wp-content/themes/scottish-rite/images/mask-wave/sm/mask-wave-t-up-sm.svg");
    --wave-b-up-sm-url: url("/wp-content/themes/scottish-rite/images/mask-wave/sm/mask-wave-b-up-sm.svg");
    --wave-base: linear-gradient(white, white);
    --wave-neutral: linear-gradient(transparent, transparent);
    --wave-base-size: calc(100% + var(--wave-overdraw)) calc(100% + var(--wave-overdraw));
    --wave-base-position: top center;
    --wave-overdraw: 2px;
    --wave-overdraw-half: calc(var(--wave-overdraw) / 2);
    --wave-width: calc(100% + var(--wave-overdraw));
    --wave-height: 8px;
  }
  @media (width >=768px) {
    :root,
  :host {
      --wave-height: min(calc(1.944vw), 28px);
      --wave-width: calc(100% + (var(--wave-overdraw) * 2));
    }
  }
  :root,
  :host {
    --wave-composite-webkit: xor;
    --wave-composite: exclude;
  }
}
@layer components {
  :root,
  :host {
    --mask-loop-offset: 0;
    --mask-loop-color: currentColor;
  }
  .mask-loop {
    --mask-loop-url: url("/wp-content/themes/scottish-rite/icons/custom/outline/custom-wide-loop.svg");
    position: relative;
  }
  .mask-loop::after {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: block;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
    height: 34px;
    -webkit-mask-size: auto 34px;
            mask-size: auto 34px;
    -webkit-mask-image: var(--mask-loop-url);
            mask-image: var(--mask-loop-url);
    background-color: var(--mask-loop-color);
    z-index: -1;
    -webkit-mask-position: calc(50% - var(--mask-loop-offset) * var(--cols-width-1, 1rem)) 50%;
            mask-position: calc(50% - var(--mask-loop-offset) * var(--cols-width-1, 1rem)) 50%;
  }
}
@layer theme {
  :root,
  :host {
    --nav-wave-file-height: 36px;
    --nav-wave-offset: -28px;
    --nav-wave-panel-height: var(--nav-wave-file-height);
    --nav-wave-shadow-color: rgba(0, 0, 0, 0.25);
    --nav-wave-shadow-height: 7px;
    --nav-wave-pb-under-wave: calc(var(--wave-height) + var(--nav-wave-shadow-height));
  }
  @media (width >=1024px) {
    :root,
  :host {
      --nav-wave-offset: -100px;
      --nav-wave-file-height: 128px;
    }
  }
}
@layer components {
  .nav-wave {
    pointer-events: none;
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: var(--nav-wave-file-height);
  }
  .nav-wave.nav-wave--primary {
    position: absolute;
    width: 100%;
  }
  .nav-wave.nav-wave--mobile-menu {
    background-color: var(--color-primary-700);
    --nav-wave-shadow-color: rgba(0, 0, 0, 0.3);
  }
  @media (width >=1024px) {
    .nav-wave.nav-wave--mobile-menu {
      display: none;
    }
  }
  @media (max-width: 1023.9px) {
    .nav-wave.nav-wave--desktop-sub-menu {
      display: none;
    }
  }
  .nav-wave::after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    width: calc(100% + 12px);
    height: var(--nav-wave-file-height);
    margin: var(--nav-wave-offset) -6px 0 -6px;
    background-image: url("/wp-content/themes/scottish-rite/images/mask-wave/full/mask-wave-header.svg");
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 7px var(--nav-wave-shadow-color));
  }
}
@layer components {
  .prose a {
    text-decoration-thickness: var(--link-decoration-width);
    text-underline-offset: var(--link-decoration-offset);
    position: relative;
    cursor: pointer;
    border-radius: var(--radius-xs);
  }
  .prose a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .prose a:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .prose a:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .prose a {
    outline-offset: calc(var(--link-decoration-width) * 4);
    text-decoration-line: underline;
  }
  .prose a:hover {
    text-decoration-thickness: var(--link-decoration-width-hover);
  }
  .prose a .link__tooltip {
    pointer-events: none;
    position: absolute;
    bottom: calc(2/3 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 1);
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-black);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .prose a:hover .link__tooltip,
  .prose a:focus-visible .link__tooltip {
    opacity: 100%;
  }
  .prose a__last-word-with-icon {
    white-space: nowrap;
  }
  .prose a__last-word-with-icon .icon {
    margin-top: calc(0.15em * -1);
    margin-left: 0.4em;
    font-size: 1.1em;
  }
  .prose a {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .prose :where(p),
    .prose :where(h1, h2, h3, h4, h5),
    .prose :where(table),
    .prose :where(blockquote),
    .prose :where(pre),
    .prose :where(hr),
    .prose :where(ul, ol, dl),
    .prose :where(.wp-block-heading),
    .prose :where(.wp-block-table),
    .prose :where(.wp-block-quote),
    .prose :where(.wp-block-pullquote),
    .prose :where(.wp-block-code),
    .prose :where(.wp-block-separator),
    .prose :where(.wp-block-list) {
    margin-block: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .prose :where(p),
    .prose :where(h1, h2, h3, h4, h5),
    .prose :where(table),
    .prose :where(blockquote),
    .prose :where(pre),
    .prose :where(hr),
    .prose :where(ul, ol, dl),
    .prose :where(.wp-block-heading),
    .prose :where(.wp-block-table),
    .prose :where(.wp-block-quote),
    .prose :where(.wp-block-pullquote),
    .prose :where(.wp-block-code),
    .prose :where(.wp-block-separator),
    .prose :where(.wp-block-list) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .prose :where(.wp-block-image),
    .prose :where(> img),
    .prose :where(> .wysiwyg__content > img),
    .prose :where(figure) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .prose :where(.wp-block-image),
    .prose :where(> img),
    .prose :where(> .wysiwyg__content > img),
    .prose :where(figure) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .prose :is(h1, h2, h3, h4, h5) + :is(h1, h2, h3, h4, h5), .prose .wp-block-heading + .wp-block-heading {
    margin-block: clamp(24px, 0.9em, 100%);
  }
  .prose :is(h1, h2, h3, h4, h5) {
    color: var(--color-primary-700);
  }
  .prose :is(h1, h2, h3, h4, h5) [style*="font-weight"] {
    font-weight: 900 !important;
  }
  .prose :where(h1) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .prose :where(h1) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose :where(h1) {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .prose :where(h1) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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);
  }
  @media (width >= 64rem) {
    .prose :where(h2) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose :where(h2) {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .prose :where(h2) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .prose :where(h3) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  @media (width >= 64rem) {
    .prose :where(h3) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose :where(h3) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .prose :where(h3) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .prose :where(h4) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    .prose :where(h4) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose :where(h4) {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .prose :where(h4) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .prose :where(h5) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  @media (width >= 64rem) {
    .prose :where(h5) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose :where(h5) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .prose :where(h5) {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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);
  }
  @media (width >= 64rem) {
    .prose .entry-title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .prose .entry-title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .prose .entry-title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  .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(0.375em * var(--tw-space-y-reverse));
    margin-block-end: calc(0.375em * 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.75;
  }
  .prose :where(ul):not(:where([class*="acf-"])) > li::marker {
    font-size: 1.3em;
    line-height: 1;
    color: var(--color-secondary-base);
  }
  .prose :where(ol):not(:where([class*="acf-"])) {
    margin-left: calc(var(--spacing) * 0);
    list-style-type: decimal;
  }
  .text-center .prose ul, .text-center .prose ol {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    padding-inline: calc(var(--spacing) * 0);
  }
  .text-center .prose ul > li, .text-center .prose ol > li {
    text-align: left !important;
  }
  .prose ul li[style="text-align: center"], .prose ol li[style="text-align: center"] {
    max-width: 600px;
    text-align: left !important;
  }
  .prose .alignleft,
    .prose .alignright {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 5);
  }
  .prose .alignleft {
    float: left;
    margin-right: calc(var(--spacing) * 8) !important;
  }
  .prose .alignright {
    float: right;
    margin-left: calc(var(--spacing) * 8) !important;
  }
  .prose .aligncenter {
    margin-inline: auto;
  }
  .prose .wp-block-image figure img {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose .wp-element-button,
    .prose button {
    --btn-text-size: var(--text-base) !important;
    --btn-py: 12px !important;
    --btn-px: 20px !important;
    --btn-gap: 8px !important;
    --btn-only-size: 20px !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--radius-xs) !important;
  }
  .prose .wp-element-button:focus-visible, .prose button:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .prose .wp-element-button:focus-visible, .prose button:focus-visible {
    outline-color: var(--color-secondary-base) !important;
  }
  .prose .wp-element-button:focus-visible, .prose button:focus-visible {
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
  .prose .wp-element-button,
    .prose button {
    outline-offset: calc(var(--link-decoration-width) * 4) !important;
    border-radius: var(--radius-xl) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    border-color: transparent !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-leading: 100% !important;
    line-height: 100% !important;
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important;
    color: transparent !important;
    padding: var(--btn-py) var(--btn-px) !important;
    gap: var(--btn-gap) !important;
  }
  .prose .wp-element-button--has-icon, .prose button--has-icon {
    justify-content: space-between !important;
  }
  .prose .wp-element-button .btn__text, .prose button .btn__text {
    font-size: var(--btn-text-size) !important;
  }
  .prose .wp-element-button .btn__icon,
  .prose .wp-element-button.btn--letter-only .btn__text,
  .prose button .btn__icon,
  .prose button.btn--letter-only .btn__text {
    width: var(--btn-only-size) !important;
    height: var(--btn-only-size) !important;
  }
  .prose .wp-element-button .btn__icon, .prose button .btn__icon {
    margin: calc(var(--spacing) * 0) !important;
    display: flex !important;
    aspect-ratio: 1 / 1 !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentcolor !important;
  }
  .prose .wp-element-button .btn__icon .icon, .prose button .btn__icon .icon {
    width: 100% !important;
  }
  .prose .wp-element-button:disabled,
  .prose .wp-element-button[aria-disabled="true"],
  .prose button:disabled,
  .prose button[aria-disabled="true"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
  }
  .prose .wp-element-button .btn__tooltip, .prose button .btn__tooltip {
    pointer-events: none !important;
    position: absolute !important;
    bottom: calc(2/3 * 100%) !important;
    left: calc(var(--spacing) * 0) !important;
    z-index: 10 !important;
    margin-bottom: calc(var(--spacing) * 1) !important;
    border-radius: var(--radius-xs) !important;
    background-color: var(--color-gray-100) !important;
    padding-inline: calc(var(--spacing) * 0.5) !important;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
    white-space: nowrap !important;
    color: var(--color-black) !important;
    opacity: 0% !important;
    transition-property: opacity !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:hover .btn__tooltip,
  .prose .wp-element-button:focus-visible .btn__tooltip,
  .prose button:hover .btn__tooltip,
  .prose button:focus-visible .btn__tooltip {
    opacity: 100% !important;
  }
  .prose .wp-element-button,
    .prose button {
    border-color: var(--color-secondary-base) !important;
    background-color: var(--color-secondary-base) !important;
    color: var(--color-text-base) !important;
  }
  @media (hover: hover) {
    .prose .wp-element-button:hover, .prose button:hover {
      border-color: var(--color-secondary-400) !important;
    }
  }
  @media (hover: hover) {
    .prose .wp-element-button:hover, .prose button:hover {
      background-color: var(--color-secondary-400) !important;
    }
  }
  .prose .wp-element-button:disabled,
  .prose .wp-element-button[aria-disabled="true"],
  .prose button:disabled,
  .prose button[aria-disabled="true"] {
    border-color: var(--color-gray-300) !important;
    background-color: var(--color-gray-300) !important;
  }
  .prose .wp-element-button,
    .prose button {
    text-decoration-line: none !important;
  }
  .prose > *:first-child, .prose > .wysiwyg__content > *:first-child {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .prose > *:last-child, .prose > .wysiwyg__content > *:last-child {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .prose {
    display: flow-root;
  }
  .prose .wysiwyg__content {
    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;
    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 {
    cursor: pointer;
  }
  .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;
  }
  .accordion.accordion--expanded > .accordion__header .accordion__trigger-collapse {
    display: inline-block;
  }
  .accordion.accordion--expanded > .accordion__header .accordion__trigger-expand {
    display: none;
  }
  .accordion__trigger-expand,
    .accordion__trigger-collapse {
    --icon-stroke-width: 2;
  }
  .accordion__trigger-icon {
    --icon-stroke-width: 2;
    transition: transform 0.3s;
  }
  .accordion.accordion--trigger-icon-rotate.accordion--expanded .accordion__trigger-icon {
    transform: rotate(180deg);
  }
  .accordion--primary > .accordion__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-primary-700);
    padding: calc(var(--spacing) * 5);
    color: var(--color-primary-700);
  }
  .accordion--primary > .accordion__header:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .accordion--primary > .accordion__header .accordion__trigger {
    display: flex;
    width: 100%;
    text-align: left;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  @media (width >= 64rem) {
    .accordion--primary > .accordion__header .accordion__trigger {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .accordion--primary > .accordion__header .accordion__trigger {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .accordion--primary > .accordion__header .accordion__trigger {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .accordion--primary > .accordion__header .accordion__trigger .btn__icon {
    margin-left: auto;
  }
  .accordion--primary > .accordion__header .accordion__trigger .btn__icon .icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .accordion--primary > .accordion__panel .accordion__panel-content {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
  }
  .accordion--primary > .accordion__panel .accordion__panel-content p {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .accordion--primary.accordion--expanded > .accordion__panel {
    visibility: visible;
    height: auto;
  }
  .accordion--primary.accordion--expanded > .accordion__header .accordion__trigger-collapse {
    display: inline-block;
  }
  .accordion--primary.accordion--expanded > .accordion__header .accordion__trigger-expand {
    display: none;
  }
  .accordion:not(.accordion--expanded) .accordion__panel.accordion__panel {
    visibility: hidden;
  }
}
@layer components {
  .accordion-group .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);
  }
  @media (width >= 64rem) {
    .accordion-group .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .accordion-group .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .accordion-group .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
}
@layer components {
  .alert--danger {
    background-color: var(--color-tertiary-base);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .alert--danger .alert__close:hover {
      background-color: var(--color-red-700);
    }
  }
  .alert--success {
    background-color: var(--color-green-600);
  }
  @media (hover: hover) {
    .alert--success .alert__close:hover {
      background-color: var(--color-green-800);
    }
  }
  .alert--success .alert__close:hover {
    background-color: #8cdfb0;
  }
  .alert--neutral {
    background-color: var(--color-primary-700);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .alert--neutral .alert__close:hover {
      background-color: var(--color-primary-500);
    }
  }
  .alert__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .alert__text > *:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .alert__text > *:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .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);
  }
  .alert__icon {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .alert.alert {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 6);
  }
}
@layer components {
  .card {
    container-type: inline-size;
    --card-px: 24px;
    --card-py: 24px;
    --card-rounded: 24px;
  }
  @media (width >=768px) {
    .card {
      --card-px: 40px;
      --card-py: 40px;
      --card-rounded: 40px;
    }
  }
  .card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .card__heading {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .card--has-stretched-link {
    position: relative;
    cursor: pointer;
  }
  .card--has-stretched-link:hover .card__heading a {
    text-decoration-line: underline;
  }
  .card--has-stretched-link:hover .card__heading a:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  .card--expressive {
    --card-icon-width: 72px;
    --card-icon-padding: 0;
    position: relative;
    --shadow-border-color: var(--inline-color, var(--color-black));
    --shadow-hard-color: var(--inline-color, var(--color-black));
    --tw-shadow: calc(-1 * var(--shadow-hard-depth)) var(--shadow-hard-depth) 0 0
    var(--shadow-hard-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--inline-color, var(--color-black));
    border-style: var(--tw-border-style);
    border-width: 2px;
    background-color: var(--color-white);
    border-radius: var(--card-rounded);
  }
  .card--expressive.card--has-image {
    --card-px: 28px;
    --card-py: 24px;
  }
  @media (width >=768px) {
    .card--expressive.card--has-image {
      --card-px: 28px;
      --card-py: 24px;
      --card-rounded: 24px;
    }
  }
  .card--expressive.card--has-image .card__eyebrow {
    margin-top: calc(var(--spacing) * -2);
  }
  @media (width >=768px) {
    .card--expressive.card--has-icon {
      --card-icon-padding: calc(var(--card-icon-width) + var(--card-px));
    }
    .card--expressive.card--has-icon:not(.card--title-items-layout):not(.card--has-button) .card__body {
      padding-bottom: var(--card-icon-padding);
    }
    .card--expressive.card--has-icon:not(.card--title-items-layout) .card__footer {
      padding-right: calc(var(--card-icon-padding) + 10px);
    }
    .card--expressive.card--has-icon:not(.card--title-items-layout).card--has-link-list .card__body {
      padding-right: calc(var(--card-icon-padding) + 10px);
    }
  }
  @media (max-width: 767.9px) {
    .card--expressive.card--has-breadcrumb {
      --card-px: 16px;
      --card-rounded: 12px;
    }
  }
  @media (width < 64rem) {
    .card--expressive.card--has-doodle .card__content {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  @media (width < 64rem) {
    .card--expressive.card--has-doodle .card__content {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .card--expressive.card--has-doodle .doodle {
    --doodle-pos-t: 10px;
    --doodle-pos-l: 10px;
    --doodle-pos-r: calc(100% - 10px);
    --doodle-pos-b: calc(100% - 10px);
  }
  .card--expressive .card__image .media-image {
    aspect-ratio: var(--aspect-video-landscape);
    -webkit-mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
            mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
    -webkit-mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
            mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
    -webkit-mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
            mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
            mask-repeat: no-repeat, no-repeat, no-repeat;
    mask-mode: alpha, alpha, alpha;
    -webkit-mask-composite: var(--wave-composite-webkit), var(--wave-composite-webkit);
    mask-composite: var(--wave-composite), var(--wave-composite);
    --wave-t-down-url: var(--wave-t-down-sm-url);
    --wave-b-down-url: var(--wave-b-down-sm-url);
    --wave-t-up-url: var(--wave-t-up-sm-url);
    --wave-b-up-url: var(--wave-b-up-sm-url);
    --wave-height: 8px;
    --wave-top-url: var(--wave-neutral);
    --wave-bottom-url: var(--wave-b-down-url);
  }
  .card--expressive .card__title-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .card--expressive .card__title-items .card--expressive .card__heading {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .card--expressive .card__content > .card--expressive .card__doodle {
    width: 100%;
  }
  .card--expressive .card__title-icon {
    flex-shrink: 0;
  }
  .card--expressive .card__title-icon .icon {
    color: var(--inline-color);
    width: var(--card-icon-width);
    height: var(--card-icon-width);
  }
  .card--expressive .card__icon {
    position: absolute;
    right: calc(var(--spacing) * 8);
    bottom: calc(var(--spacing) * 5);
  }
  .card--expressive .card__icon .icon {
    color: var(--inline-color);
    width: var(--card-icon-width);
    height: var(--card-icon-width);
  }
  @media (max-width: 767.9px) {
    .card--expressive .card__icon {
      display: none;
    }
  }
  .card--expressive .card__breadcrumb {
    padding-top: var(--card-py);
    padding-inline: var(--card-px);
  }
  @media (width >= 48rem) {
    .card--expressive .card__breadcrumb {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .card--expressive .card__date {
    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);
  }
  .card--expressive .card__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    padding-block: var(--card-py);
    padding-inline: var(--card-px);
  }
  .dark .card--expressive .card__body a {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .card--expressive .card__footer {
    padding-bottom: var(--card-py);
    padding-inline: var(--card-px);
    margin-top: -12px;
  }
  .card--expressive .card__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-primary-700);
  }
  .card--expressive .card__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: var(--color-text-base);
  }
  .card--expressive .card__button {
    width: 100%;
  }
  @media (width >= 48rem) {
    .card--expressive .card__button {
      width: auto;
    }
  }
  .card--expressive .card__link-list {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .card--expressive .card__link-list a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-700);
    text-decoration-line: none;
  }
  @media (hover: hover) {
    .card--expressive .card__link-list a:hover {
      text-decoration-line: underline;
    }
  }
  .card--expressive.card--has-link-list {
    --card-px: 28px;
    --card-py: 28px;
  }
  @media (max-width: 767.9px) {
    .card--expressive.card--has-link-list {
      --card-px: 16px;
      --card-py: 16px;
    }
  }
  .card--expressive.card--has-link-list.card--has-icon:not(.card--has-button) .card__body {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .card--expressive.card--has-link-list .card__body {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .card--expressive.card--has-link-list .card__footer {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .card--expressive.card--has-link-list .card__footer {
      gap: calc(var(--spacing) * 5);
    }
  }
  .card--image {
    --card-px: 32px;
    --card-py: 32px;
    --card-rounded: 20px;
    position: relative;
    border-radius: var(--radius-3xl);
    background-color: var(--color-primary-700);
    color: var(--color-white);
    border-radius: var(--card-rounded);
  }
  .card--image .card__image .media-image {
    aspect-ratio: var(--aspect-card-landscape);
    -webkit-mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
            mask-image: var(--wave-base), var(--wave-top-url), var(--wave-bottom-url);
    -webkit-mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
            mask-size: var(--wave-base-size),
    var(--wave-width) var(--wave-height),
    var(--wave-width) var(--wave-height);
    -webkit-mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
            mask-position: var(--wave-base-position),
    center calc(0% - var(--wave-overdraw-half)),
    center calc(100% + var(--wave-overdraw-half));
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
            mask-repeat: no-repeat, no-repeat, no-repeat;
    mask-mode: alpha, alpha, alpha;
    -webkit-mask-composite: var(--wave-composite-webkit), var(--wave-composite-webkit);
    mask-composite: var(--wave-composite), var(--wave-composite);
    --wave-t-down-url: var(--wave-t-down-sm-url);
    --wave-b-down-url: var(--wave-b-down-sm-url);
    --wave-t-up-url: var(--wave-t-up-sm-url);
    --wave-b-up-url: var(--wave-b-up-sm-url);
    --wave-height: 8px;
    --wave-top-url: var(--wave-neutral);
    --wave-bottom-url: var(--wave-b-down-url);
  }
  .card--image .card__header {
    position: relative;
  }
  .card--image .card__tag {
    position: absolute;
    top: calc(var(--spacing) * 5);
    left: calc(var(--spacing) * 5);
  }
  .card--image .card__tag .tag__icon {
    color: var(--color-tertiary-base);
  }
  .card--image .card__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    padding-block: var(--card-py);
    padding-inline: var(--card-px);
  }
  .card--image .card__eyebrow-content {
    display: inline-flex;
    border-radius: var(--radius-sm);
    background-color: var(--color-primary-600);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .card--image .card__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .card--image .card__heading a {
    text-decoration-line: none;
    text-decoration-color: var(--color-white);
  }
  @media (hover: hover) {
    .card--image .card__heading a:hover {
      text-decoration-line: underline;
    }
  }
  .card--getaway {
    --card-px: 20px;
    --card-py: 12px;
    --card-rounded: 16px;
    position: relative;
    background-color: var(--color-primary-50);
    border-radius: var(--card-rounded);
  }
  .card--getaway .card__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    padding-block: var(--card-py);
    padding-inline: var(--card-px);
  }
  .card--getaway .card__icon .icon {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    color: var(--color-primary-700);
  }
  .card--getaway .card__heading {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-primary-700);
  }
  .card--getaway .card__heading a {
    text-decoration-line: none;
  }
  @media (hover: hover) {
    .card--getaway .card__heading a:hover {
      text-decoration-line: underline;
    }
  }
  .dark .card--getaway .card__heading a {
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  .card--getaway .card__blurb {
    margin-top: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: var(--color-text-base);
  }
  .card--getaway:hover .link--primary {
    text-decoration-line: underline;
  }
}
@layer components {
  :root,
  :host {
    --section-spacing: 2.5rem;
    --section-spacing-lg: 5rem;
    --section-wave-margin-offset: calc((var(--wave-height) + 2px) * -1);
    --section-padding-top: var(--section-spacing);
    --section-padding-bottom: var(--section-spacing);
  }
  @media (width >=1024px) {
    :root,
  :host {
      --section-spacing: var(--section-spacing-lg);
    }
  }
  .section {
    position: relative;
  }
  .section--bg-solid {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
    z-index: 0;
  }
  .section--bg-transparent {
    margin-block: var(--section-spacing);
  }
  .section__bg-doodle {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    overflow: hidden;
    z-index: -1;
  }
  .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.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--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 >= 90rem) {
    .section--gutenberg {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .section--gutenberg {
      max-width: 96rem;
    }
  }
  .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);
    }
  }
  .section--gutenberg .container {
    padding-inline: unset;
    max-width: unset;
  }
  .section--expressive .section__content-inner {
    position: relative;
    border-radius: var(--radius-5xl);
    --shadow-border-color: var(--inline-color, var(--color-black));
    --shadow-hard-color: var(--inline-color, var(--color-black));
    --tw-shadow: calc(-1 * var(--shadow-hard-depth)) var(--shadow-hard-depth) 0 0
    var(--shadow-hard-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--inline-color, var(--color-black));
    border-style: var(--tw-border-style);
    border-width: 2px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    .section--expressive .section__content-inner {
      padding: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .section--expressive .section__content-inner {
      padding-inline: 175px;
    }
  }
  .section--expressive .doodle {
    background-color: var(--color-primary-700);
    --doodle-pos-l: var(--viewport-to-content);
    --doodle-pos-r: calc(100% - var(--viewport-to-content) - 10px);
    --doodle-size-width: 900px;
  }
  @media (width >=1440px) {
    .section--expressive .doodle {
      --doodle-size-width: 1310px;
    }
  }
  @media (width >=1024px) {
    .section[data-offset-cols] .section__content {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .section[data-offset-cols] .section__content-inner {
      grid-column: span 12 / span 12;
      grid-column-start: 1;
    }
    .section[data-offset-cols="3"] .section__content-inner {
      grid-column: span 9 / span 9;
      grid-column-start: 4;
    }
  }
  .section.mask-wave--tb-down + .mask-wave--b-down,
    .section.mask-wave--tb-down + .mask-wave--b-up,
    .section.mask-wave--tb-down + .mask-wave--t-up,
    .section.mask-wave--b-down + .mask-wave--t-up,
    .section.mask-wave--b-down + .mask-wave--b-down,
    .section.mask-wave--t-down + .mask-wave--tb-down,
    .section.mask-wave--t-down + .mask-wave--tb-up,
    .section.mask-wave--t-down + .mask-wave--t-up,
    .section.mask-wave--tb-up + .mask-wave--b-up,
    .section.mask-wave--tb-up + .mask-wave--b-down,
    .section.mask-wave--tb-up + .mask-wave--t-down,
    .section.mask-wave--tb-up + .mask-wave--tb-down,
    .section.mask-wave--b-up + .mask-wave--b-down,
    .section.mask-wave--b-up + .mask-wave--t-down,
    .section.mask-wave--b-up + .mask-wave--tb-down,
    .section.mask-wave--t-up + .mask-wave--tb-up,
    .section.mask-wave--t-up + .mask-wave--tb-down,
    .section[class*="mask-wave--tb"] + .section:not([class*="mask-wave"]),
    .section[class*="mask-wave--b"] + .section:not([class*="mask-wave"]),
    .section:not([class*="mask-wave"]) + .section[class*="mask-wave--t"] {
    margin-top: var(--section-spacing);
  }
  .section.mask-wave--b-down + .mask-wave--t-down,
    .section.mask-wave--b-down + .mask-wave--tb-down,
    .section.mask-wave--tb-down + .mask-wave--t-down,
    .section.mask-wave--tb-down + .mask-wave--tb-down,
    .section.mask-wave--b-up + .mask-wave--t-up,
    .section.mask-wave--b-up + .mask-wave--tb-up,
    .section.mask-wave--tb-up + .mask-wave--t-up,
    .section.mask-wave--tb-up + .mask-wave--tb-up {
    margin-top: var(--section-wave-margin-offset);
  }
  @media (width >=1024px) {
    .template--3x9
    .section--wrapper
    .section:not(.section--carousel):not(.scroll-spy__jump-nav-wrapper) .section__content {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .template--3x9
    .section--wrapper
    .section:not(.section--carousel):not(.scroll-spy__jump-nav-wrapper) .section__content-inner {
      grid-column: span 9 / span 9;
      grid-column-start: 4;
    }
  }
  .section--wrapper .section:last-child.section--bg-solid {
    margin-bottom: var(--section-spacing);
  }
  .section--wrapper .section:last-child.mask-wave--b-down,
      .section--wrapper .section:last-child.mask-wave--b-up,
      .section--wrapper .section:last-child.mask-wave--tb-down,
      .section--wrapper .section:last-child.mask-wave--tb-up {
    --wave-bottom-url: var(--wave-neutral) !important;
  }
}
@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--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 >= 48rem) {
    .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 >= 90rem) {
    .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 >= 90rem) {
    .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .gridset--standard.gridset--cols-3x9 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
  }
  .gridset--standard.gridset--cols-3x9 > *:first-child {
    grid-column: span 12 / span 12;
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-3x9 > *:first-child {
      grid-column: span 3 / span 3;
    }
  }
  .gridset--standard.gridset--cols-3x9 > *:last-child:not(:first-child) {
    grid-column: span 12 / span 12;
  }
  @media (width >= 64rem) {
    .gridset--standard.gridset--cols-3x9 > *:last-child:not(:first-child) {
      grid-column: span 9 / span 9;
    }
  }
  .gridset--standard.gridset--cols-3x9 > :empty {
    display: none;
  }
  .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--compact {
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 4);
  }
  .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) * 5);
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap {
      gap: calc(var(--spacing) * 8);
    }
  }
  .gridset--centered-wrap .gridset__item {
    max-width: var(--container-md);
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap .gridset__item {
      max-width: var(--container-lg);
    }
  }
  @media (width >= 90rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      display: grid;
    }
  }
  @media (width >= 90rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      max-width: 100%;
    }
  }
  @media (width >= 90rem) {
    .gridset--centered-wrap[data-item-count="6"] {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .gridset-above-cards--centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@layer components {
  .mobile-menu-toggle {
    display: flex;
    align-items: center;
    color: var(--color-primary-700);
  }
  @media (width >= 64rem) {
    .mobile-menu-toggle {
      display: none;
    }
  }
  .mobile-menu-toggle .icon {
    width: var(--un-nav-mobile-menu-toggle-width);
  }
  .mobile-menu-toggle__open {
    display: flex;
  }
  .mobile-menu--open .mobile-menu-toggle__open {
    display: none;
  }
  .mobile-menu-toggle__close {
    display: none;
  }
  .mobile-menu--open .mobile-menu-toggle__close {
    display: flex;
  }
}
@layer components {
  @media (width >=1024px) {
    .menu-primary__list {
      display: flex;
      justify-content: flex-end;
      -moz-column-gap: calc(var(--spacing) * 5);
           column-gap: calc(var(--spacing) * 5);
      row-gap: calc(var(--spacing) * 6);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      text-decoration-line: none;
    }
    @media (width < 64rem) {
      .menu-primary__list {
        flex-direction: column;
      }
    }
    @media (width >= 90rem) {
      .menu-primary__list {
        -moz-column-gap: calc(var(--spacing) * 6);
             column-gap: calc(var(--spacing) * 6);
      }
    }
    .menu-primary__link {
      text-decoration-thickness: var(--link-decoration-width);
      text-underline-offset: var(--link-decoration-offset);
      position: relative;
      cursor: pointer;
      border-radius: var(--radius-xs);
    }
    .menu-primary__link:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    .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 {
      outline-offset: calc(var(--link-decoration-width) * 4);
      text-decoration-line: underline;
    }
    .menu-primary__link:hover {
      text-decoration-thickness: var(--link-decoration-width-hover);
    }
    .menu-primary__link .link__tooltip {
      pointer-events: none;
      position: absolute;
      bottom: calc(2/3 * 100%);
      left: calc(var(--spacing) * 0);
      z-index: 10;
      margin-bottom: calc(var(--spacing) * 1);
      border-radius: var(--radius-xs);
      background-color: var(--color-gray-100);
      padding-inline: calc(var(--spacing) * 0.5);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      white-space: nowrap;
      color: var(--color-black);
      opacity: 0%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .menu-primary__link:hover .link__tooltip,
  .menu-primary__link:focus-visible .link__tooltip {
      opacity: 100%;
    }
    .menu-primary__link__last-word-with-icon {
      white-space: nowrap;
    }
    .menu-primary__link__last-word-with-icon .icon {
      margin-top: calc(0.15em * -1);
      margin-left: 0.4em;
      font-size: 1.1em;
    }
    .menu-primary__link {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 1);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      text-wrap: nowrap;
      color: var(--color-primary-700);
      text-decoration-line: none;
    }
    @media (width >= 90rem) {
      .menu-primary__link {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    .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));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    .menu-primary__link .btn__icon .icon {
      stroke-width: 2;
    }
    .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);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-primary-700);
      text-decoration-line: none;
    }
    .menu-primary__link .icon {
      height: 21px;
      width: 21px;
      transition: transform 0.2s ease-in-out;
    }
    .menu-primary__link .btn__icon {
      transition: transform 0.2s ease-in-out;
    }
    .accordion--expanded .menu-primary__link .btn__icon {
      transform: rotate(90deg);
    }
    body:not(.mobile-menu--open) .mobile-menu--fade {
      opacity: 0%;
    }
    body .mobile-menu--fade {
      transition: opacity 0.2s ease-in-out;
      opacity: 100%;
    }
    body .mobile-menu--scrollable {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      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: 60;
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      justify-content: flex-end;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-top-color: transparent;
      transition: all 300ms ease,
        border-color 0.1s ease-in-out;
    }
    .accordion--expanded .menu-primary__sub {
      border-top-color: var(--color-gray-100);
      transition: all 300ms ease,
          border-color 0.1s ease-in-out 0.2s;
    }
    .menu-primary__sub > .overflow-hidden {
      background-color: var(--color-white);
    }
    .menu-primary__sub-inner {
      width: 100%;
    }
    @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 >= 90rem) {
      .menu-primary__sub-inner {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .menu-primary__sub-inner {
        max-width: 96rem;
      }
    }
    .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 .container {
      padding-inline: unset;
      max-width: unset;
    }
    .menu-primary__sub-inner {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: calc(var(--spacing) * 5);
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
      padding-block: calc(var(--spacing) * 14);
    }
    @media (width < 90rem) {
      .menu-primary__sub-inner {
        flex-direction: column;
      }
    }
    @media (width < 90rem) {
      .menu-primary__sub-inner {
        row-gap: calc(var(--spacing) * 8);
      }
    }
    .menu-primary__sub-list {
      display: grid;
      grid-template-columns: auto auto;
      -moz-column-gap: calc(var(--spacing) * 20);
           column-gap: calc(var(--spacing) * 20);
      row-gap: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      .menu-primary__sub-list {
        grid-template-columns: 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 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-primary-700);
      text-decoration-line: none;
    }
    .menu-primary__sub-back {
      display: none;
    }
    .menu-primary__sub-label {
      margin-right: auto;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
    @media (width >= 64rem) {
      .menu-primary__sub-label {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    @media (width >= 64rem) {
      .menu-primary__sub-label {
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10);
      }
    }
    .menu-primary__sub-label {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --link-decoration-width: var(--link-decoration-width-lg);
      --link-decoration-offset: var(--link-decoration-offset-lg);
      --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
      text-wrap: nowrap;
    }
    .menu-primary__sub-label a {
      text-decoration-line: none;
    }
    .menu-primary__sub-list-group {
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
    }
  }
}
@layer components {
  @media (max-width: 1023.9px) {
    .menu-primary__sub {
      position: absolute;
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      z-index: 60;
      width: 100%;
      background-color: var(--color-white);
      opacity: 0%;
      padding-top: var(--nav-wave-pb-under-wave);
      right: -100%;
      transition: 0.3s right ease-in-out,
        0.5s opacity ease-in-out,
        border-color 0.1s ease-in-out;
    }
    .menu-primary__sub-inner {
      padding-top: calc(var(--spacing) * 10);
      padding-left: var(--container-padding);
    }
    .menu-primary__sub-back,
      .menu-primary__sub-link {
      color: var(--color-primary-700);
      text-decoration-line: none;
    }
    .menu-primary__sub-back {
      margin-bottom: calc(var(--spacing) * 6);
      display: block;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    :where(.menu-primary__sub-list > :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)));
    }
    .menu-primary__sub-link {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .menu-primary__sub-label {
      display: none;
    }
    .menu-primary .accordion--expanded:not(.accordion--transitioning) .accordion__panel {
      right: calc(var(--spacing) * 0);
      opacity: 100%;
    }
  }
}
@layer components {
  .menu-primary__search-trigger .btn__icon {
    rotate: 0deg;
    transition-property: none;
  }
  .accordion--expanded .menu-primary__search-trigger .btn__icon {
    rotate: 0deg;
  }
  .menu-primary__sub-inner--search {
    width: 100%;
    flex-direction: column;
  }
  .menu-primary__sub-inner--search .menu-primary__sub-label {
    color: var(--color-primary-700);
  }
  .menu-primary__sub-inner--search .menu-primary__search-form {
    max-width: 50%;
  }
  .menu-primary__search-form {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    background-color: #e9ecf3;
  }
  @media (width < 64rem) {
    .menu-primary__search-form {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-form {
      border-radius: var(--radius-3xl);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-form {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-form {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-form {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-form {
      border-radius: calc(infinity * 1px);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-form {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-form {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .menu-primary__search-input {
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    color: var(--color-primary-600);
  }
  .menu-primary__search-input::-moz-placeholder {
    color: var(--color-primary-600);
  }
  .menu-primary__search-input::placeholder {
    color: var(--color-primary-600);
  }
  .menu-primary__search-input:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
  }
  .menu-primary__search-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width < 64rem) {
    .menu-primary__search-input {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-input {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-input {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-input {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-input {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-input {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-input {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-input {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .menu-primary__search-submit {
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    color: var(--color-primary-600);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .menu-primary__search-submit:hover {
      opacity: 80%;
    }
  }
  .menu-primary__search-submit:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .menu-primary__search-submit:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .menu-primary__search-submit:focus-visible {
    outline-offset: 2px;
  }
  .menu-primary__search-submit:focus-visible {
    outline-color: var(--color-primary-600);
  }
  @media (width < 64rem) {
    .menu-primary__search-submit {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-submit {
      min-height: calc(var(--spacing) * 8);
    }
  }
  @media (width < 64rem) {
    .menu-primary__search-submit {
      min-width: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .menu-primary__search-submit {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .menu-primary__search-submit .icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  @media (width >= 64rem) {
    .menu-primary__search-submit .icon {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
}
@layer components {
  .menu-utility__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 7);
    --tw-leading: 1;
    line-height: 1;
  }
  @media (width >= 64rem) {
    .menu-utility__list {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .menu-utility__list {
      justify-content: flex-end;
    }
  }
  @media (width >= 64rem) {
    .menu-utility__list {
      gap: calc(var(--spacing) * 8);
    }
  }
  .menu-utility__item {
    --tw-leading: 1;
    line-height: 1;
  }
  .menu-utility__link {
    display: inline-block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    text-decoration-line: none;
  }
  @media (width >= 64rem) {
    .menu-utility__link {
      text-align: right;
    }
  }
  @media (width >= 64rem) {
    .menu-utility__link {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 64rem) {
    .menu-utility__link {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
}
@layer components {
  @media (width >= 64rem) {
    .menu-quick-links {
      display: none;
    }
  }
  .menu-quick-links__list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 64rem) {
    .menu-quick-links__list {
      gap: calc(var(--spacing) * 8);
    }
  }
  .menu-quick-links__item {
    --tw-leading: 1;
    line-height: 1;
  }
  .menu-quick-links__link {
    display: inline-block;
    text-align: right;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-700);
    text-decoration-line: none;
  }
  @media (max-width: 389.9px) {
    .menu-quick-links__link {
      max-width: 10ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  @media (max-width: 350px) {
    .menu-quick-links__link {
      max-width: 5ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .menu-quick-links__link.link--is-internal .icon {
    display: none;
  }
}
@layer components {
  [class*="scroll-spy"] {
    --scroll-spy-offset-top: 0px;
    --scroll-spy-jump-nav-height: 70px;
  }
  @media (width >=1024px) {
    [class*="scroll-spy"] {
      --scroll-spy-offset-top: 24px;
    }
  }
  @media (max-width: 1023.9px) {
    .scroll-spy__target.section--bg-transparent {
      --scroll-spy-offset-top: var(--section-padding-top);
    }
  }
  .scroll-spy__target {
    scroll-margin-top: calc(var(--scroll-spy-offset-top) + var(--scroll-spy-jump-nav-height));
  }
  @media (width >=1024px) {
    .scroll-spy__target {
      scroll-margin-top: var(--scroll-spy-offset-top);
    }
  }
  .scroll-spy__jump-nav-wrapper {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 30;
    margin-block: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    .scroll-spy__jump-nav-wrapper {
      float: inline-start;
    }
  }
  @media (width >=1024px) {
    .scroll-spy__jump-nav-wrapper {
      top: var(--scroll-spy-offset-top);
    }
  }
  .scroll-spy {
    overflow: hidden;
    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 >= 64rem) {
    .scroll-spy {
      border-radius: var(--radius-xl);
    }
  }
  .scroll-spy__title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .scroll-spy__link {
    display: block;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary-700);
  }
  @media (width >= 64rem) {
    .scroll-spy__link {
      padding-block: 18px;
    }
  }
  .scroll-spy__link.active,
      .scroll-spy__link:hover {
    background-color: var(--color-primary-700);
    color: var(--color-white);
  }
  .scroll-spy .accordion__header .btn {
    justify-content: flex-start !important;
  }
  .scroll-spy .accordion__header .btn__text {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  @media (max-width: 1023.9px) {
    .scroll-spy__link {
      padding-block: 18px;
    }
    .scroll-spy .accordion__header {
      background-color: var(--color-primary-700);
    }
    @media (hover: hover) {
      .scroll-spy .accordion__header:hover {
        background-color: var(--color-primary-600);
      }
    }
    .scroll-spy .accordion__header .btn {
      width: 100%;
      justify-content: flex-start !important;
      --tw-border-style: none;
      border-style: none;
      text-align: left;
    }
    @media (hover: hover) {
      .scroll-spy .accordion__header .btn:hover {
        background-color: transparent;
      }
    }
    .scroll-spy .accordion__header .btn {
      height: var(--scroll-spy-jump-nav-height);
    }
    .scroll-spy .accordion__header .btn__icon {
      margin-left: auto !important;
    }
    .scroll-spy .accordion__panel {
      max-height: calc(40vh);
    }
    @media (width < 64rem) {
      .scroll-spy .accordion__panel {
        position: absolute;
      }
    }
    @media (width < 64rem) {
      .scroll-spy .accordion__panel {
        left: calc(var(--spacing) * 0);
      }
    }
    @media (width < 64rem) {
      .scroll-spy .accordion__panel {
        width: 100%;
      }
    }
    @media (width < 64rem) {
      .scroll-spy .accordion__panel {
        background-color: var(--color-white);
      }
    }
    .scroll-spy .accordion--expanded:not(.accordion--transitioning) .accordion__panel {
      overflow-y: auto;
    }
  }
  @media (width >=1024px) {
    .scroll-spy .accordion__header .btn {
      width: 100%;
      padding: calc(var(--spacing) * 0) !important;
    }
    @media (hover: hover) {
      .scroll-spy .accordion__header .btn:hover {
        background-color: transparent !important;
      }
    }
    .scroll-spy .accordion__header .btn__text {
      padding-inline: calc(var(--spacing) * 3) !important;
      padding-block: calc(var(--spacing) * 4) !important;
      color: var(--color-primary-700);
    }
    .scroll-spy .accordion__header .btn__icon {
      display: none !important;
    }
    .scroll-spy .accordion__header .btn__link {
      padding-inline: calc(var(--spacing) * 6);
    }
    .scroll-spy .accordion__panel {
      visibility: visible !important;
      height: auto !important;
    }
  }
  .template--scroll-spy .layout__lead {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .template--scroll-spy .layout__lead .section--gridset-buttons {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0);
  }
}
@layer components {
  .az-jump-nav__list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  .az-jump-nav .btn--letter-only {
    --btn-py: 10px !important;
    --btn-px: 10px !important;
  }
}
@layer components {
  .az-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 20);
  }
  .az-list__section {
    --az-list-border-color: var(--color-blue-700);
    --mask-loop-offset: 3;
    --mask-loop-color: var(--az-list-border-color);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    overflow: visible;
  }
  .az-list__section:nth-child(6n + 2) {
    --az-list-border-color: var(--color-red-base);
    --mask-loop-offset: 1;
  }
  .az-list__section:nth-child(6n + 3) {
    --az-list-border-color: var(--color-green-base);
    --mask-loop-offset: -1;
  }
  .az-list__section:nth-child(6n + 4) {
    --az-list-border-color: var(--color-orange-base);
    --mask-loop-offset: -3;
  }
  .az-list__section:nth-child(6n + 5) {
    --az-list-border-color: var(--color-yellow-base);
    --mask-loop-offset: -1;
  }
  .az-list__section:nth-child(6n + 6) {
    --az-list-border-color: var(--color-purple-base);
    --mask-loop-offset: 1;
  }
  @media (max-width: 767.9px) {
    .az-list__section.az-list__section {
      --mask-loop-offset: 2;
    }
  }
  .az-list__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    overflow: visible;
  }
  .az-list__heading {
    width: calc(var(--spacing) * 3.5);
    color: var(--color-primary-700);
  }
  .az-list__top-link {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .az-list__top-link,
    .az-list .link-list__link {
    color: var(--color-primary-700);
    text-decoration-line: none;
  }
  .az-list .link-list__link {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
@layer components {
  .link-list__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: calc(var(--spacing) * 12);
         column-gap: calc(var(--spacing) * 12);
    row-gap: calc(var(--spacing) * 10);
  }
  .link-list__link {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--color-primary-700);
    text-decoration-color: var(--color-primary-700);
  }
  @media (width >= 40rem) {
    .link-list--columns-2 .link-list__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .link-list--columns-3 .link-list__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .link-list--columns-3 .link-list__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .link-list--has-bullets .link-list__list {
    list-style-type: disc;
  }
  :where(.link-list--has-bullets .link-list__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(0.375em * var(--tw-space-y-reverse));
    margin-block-end: calc(0.375em * calc(1 - var(--tw-space-y-reverse)));
  }
  .link-list--has-bullets .link-list__list {
    padding-left: calc(var(--spacing) * 5);
  }
  .link-list--has-bullets .link-list__list > li {
    padding-left: calc(var(--spacing) * 1);
    line-height: 1.75;
  }
  .link-list--has-bullets .link-list__list > li::marker {
    font-size: 1.3em;
    line-height: 1;
    color: var(--color-secondary-base);
  }
  .link-list--compact {
    row-gap: calc(var(--spacing) * 6);
  }
  .link-list--compact .link-list__list {
    row-gap: calc(var(--spacing) * 6);
  }
  .link-list--secondary .link-list__list, .link-list--tertiary .link-list__list {
    --link-list-link-px: 8px;
    --link-list-link-py: 20px;
    --link-list-icon-width: 20px;
    gap: calc(var(--spacing) * 0);
  }
  .link-list--secondary .link-list__item, .link-list--tertiary .link-list__item {
    display: flex;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200);
  }
  .link-list--secondary .link-list__link, .link-list--tertiary .link-list__link {
    position: relative;
    display: block;
    flex: 1;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    text-decoration-line: none;
  }
  @media (hover: hover) {
    .link-list--secondary .link-list__link:hover, .link-list--tertiary .link-list__link:hover {
      background-color: var(--color-primary-700);
    }
  }
  @media (hover: hover) {
    .link-list--secondary .link-list__link:hover, .link-list--tertiary .link-list__link:hover {
      color: var(--color-white);
    }
  }
  .link-list--secondary .link-list__link, .link-list--tertiary .link-list__link {
    padding-block: var(--link-list-link-py);
    padding-left: var(--link-list-link-px);
    padding-right: calc(var(--link-list-icon-width) + var(--link-list-link-px) + 2px);
  }
  .link-list--secondary .link-list__link .icon, .link-list--tertiary .link-list__link .icon {
    color: var(--color-orange-base);
    width: var(--link-list-icon-width);
    top: calc(var(--link-list-link-py) + 2px);
  }
  @media (width >= 40rem) {
    .link-list--secondary .link-list__list {
      -moz-column-gap: calc(var(--spacing) * 6);
           column-gap: calc(var(--spacing) * 6);
    }
  }
  .link-list--secondary .link-list__link .icon {
    position: absolute;
    right: var(--link-list-link-px);
  }
  @media (width >= 40rem) {
    .link-list--tertiary .link-list__list {
      -moz-column-gap: calc(var(--spacing) * 2);
           column-gap: calc(var(--spacing) * 2);
    }
  }
  .link-list--tertiary .link-list__link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
@layer components {
  .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 >= 90rem) {
    .search-bar__accordion__trigger,
      .search-bar__accordion__content {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .search-bar__accordion__trigger,
      .search-bar__accordion__content {
      max-width: 96rem;
    }
  }
  .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 .container, .search-bar__accordion__content .container {
    padding-inline: unset;
    max-width: unset;
  }
  .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 {
    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/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-700);
    color: var(--color-white);
  }
  .search-bar--sticky .search-bar__content {
    margin-inline: auto;
    max-width: 1600px;
  }
  .search-bar--sticky button {
    border-color: var(--color-primary-700) !important;
    background-color: transparent !important;
    color: var(--color-primary-700) !important;
  }
  @media (hover: hover) {
    .search-bar--sticky button:hover {
      background-color: var(--color-primary-100) !important;
    }
  }
  .search-bar--sticky button:disabled,
  .search-bar--sticky button[aria-disabled="true"] {
    border-color: var(--color-gray-300) !important;
    color: var(--color-gray-500) !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/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);
  }
}
@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__items__item {
    border-radius: var(--radius-xs);
  }
  .carousel__items__item:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .carousel__items__item:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .carousel__items__item:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .carousel__items__item {
    outline-offset: calc(var(--link-decoration-width) * 4);
    outline-offset: 0px;
  }
  .carousel__controls {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .carousel__controls .slick-track {
    width: auto !important;
    transform: none !important;
  }
  .carousel__controls .btn {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  @media (hover: hover) {
    .carousel__controls .btn:hover {
      background-color: transparent !important;
    }
  }
  .dark .carousel__controls .btn {
    border-color: var(--color-primary-700) !important;
    background-color: transparent !important;
    color: var(--color-primary-700) !important;
  }
  @media (hover: hover) {
    .dark .carousel__controls .btn:hover {
      background-color: var(--color-primary-100) !important;
    }
  }
  .dark .carousel__controls .btn:disabled,
  .dark .carousel__controls .btn[aria-disabled="true"] {
    border-color: var(--color-gray-300) !important;
    color: var(--color-gray-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 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .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__dots .slick-list {
    overflow: visible !important;
  }
  .carousel__navigation__dot {
    margin-inline: calc(var(--spacing) * 1);
    margin-block: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .carousel__navigation__dot:focus-visible {
    border-radius: var(--radius-xs);
  }
  .carousel__navigation__dot:focus-visible:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .carousel__navigation__dot:focus-visible:focus-visible {
    outline-color: var(--color-secondary-base);
  }
  .carousel__navigation__dot:focus-visible:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .carousel__navigation__dot:focus-visible {
    outline-offset: calc(var(--link-decoration-width) * 4);
  }
  .carousel__navigation__dot:focus-visible {
    border-radius: calc(infinity * 1px);
  }
  .carousel__navigation__dot.slick-current .carousel__btn-dot {
    background-color: var(--color-primary-700);
  }
  .dark .carousel__navigation__dot.slick-current .carousel__btn-dot {
    background-color: var(--color-white);
  }
  .carousel__navigation__dot .carousel__btn-dot {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary-300);
  }
  @media (hover: hover) {
    .carousel__navigation__dot .carousel__btn-dot:hover {
      background-color: var(--color-primary-700);
    }
  }
  @media (hover: hover) {
    .dark .carousel__navigation__dot .carousel__btn-dot:hover {
      background-color: var(--color-white);
    }
  }
  .carousel .teaser {
    display: flex;
    flex-direction: column;
  }
  .carousel .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    text-transform: uppercase;
  }
  .carousel .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);
  }
  @media (width >= 64rem) {
    .carousel .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .carousel .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .carousel .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  @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 .card .link--stretched:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .carousel .card .link--stretched:focus-visible:before {
    outline-style: var(--tw-outline-style);
    outline-width: 4px;
    outline-offset: calc(4px * -1);
    outline-color: var(--color-secondary-base);
    --tw-outline-style: solid;
    outline-style: solid;
    border-radius: var(--card-rounded);
  }
  @media (max-width: 1023.9px) {
    .carousel__content {
      display: flex;
      flex-direction: column;
      row-gap: calc(var(--spacing) * 2);
      padding-inline: var(--viewport-to-container);
    }
    .carousel__header {
      padding-inline: var(--viewport-to-container);
    }
    .carousel__items {
      display: flex;
    }
    .carousel__items .slick-list {
      padding-block: calc(var(--spacing) * 1) !important;
      padding-right: calc(var(--spacing) * 5) !important;
    }
    .carousel__items .slick-track {
      display: flex !important;
    }
    .carousel__items__item {
      margin-inline: calc(var(--spacing) * 1.5) !important;
      display: flex !important;
      height: auto !important;
    }
    .carousel__items__item > * {
      width: 100%;
    }
  }
  @media (width >=1024px) {
    .carousel__content {
      --carousel-header-pl: 0;
      --carousel-header-pr: 40px;
      --carousel-header-direction: flex-start;
    }
    .carousel--left .carousel__content {
      --carousel-header-pl: 40px;
      --carousel-header-pr: 0;
      --carousel-header-direction: flex-end;
    }
    .carousel__content {
      --carousel-p-content: calc(var(--viewport-to-content) + var(--carousel-offset-cols));
      --carousel-p-viewport: 0px;
      --carousel-pl: var(--carousel-p-content);
      --carousel-pr: var(--carousel-p-viewport);
    }
    .carousel--left .carousel__content {
      --carousel-pl: var(--carousel-p-viewport);
      --carousel-pr: var(--carousel-p-content);
    }
    .carousel__content {
      --slick-list-pr: 20px;
      --slick-list-pl: 0px;
    }
    .carousel--left .carousel__content {
      --slick-list-pr: 0px;
      --slick-list-pl: 20px;
    }
    .carousel__content {
      --carousel-offset-cols: 0px;
    }
    .carousel--9cols .carousel__content {
      --carousel-offset-cols: var(--offset-cols-3);
    }
    .carousel__content {
      --carousel-controls-direction: flex-end;
    }
    .carousel--left .carousel__content {
      --carousel-controls-direction: flex-start;
    }
    .carousel__content {
      display: flex;
      flex-direction: column;
      padding-left: var(--carousel-pl);
      padding-right: var(--carousel-pr);
    }
    .carousel__header {
      padding-left: var(--carousel-header-pl);
      padding-right: var(--carousel-header-pr);
      justify-content: var(--carousel-header-direction);
    }
    .carousel__header,
      .carousel__body {
      display: flex;
      width: 100%;
      align-items: center;
    }
    .carousel__items {
      display: flex;
    }
    .carousel__items .slick-list {
      padding-block: calc(var(--spacing) * 1) !important;
      padding-left: var(--slick-list-pl) !important;
      padding-right: var(--slick-list-pr) !important;
    }
    .carousel__items .slick-track {
      display: flex !important;
    }
    .carousel__items__item {
      margin-inline: calc(var(--spacing) * 1.5) !important;
      display: flex !important;
      height: auto !important;
    }
    .carousel__items__item > * {
      width: 100%;
    }
    .carousel__controls {
      justify-content: var(--carousel-controls-direction);
    }
  }
}
@layer components {
  .featured-callout--no-media .featured-callout__body {
    grid-row-start: 1;
    margin-top: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    .featured-callout--no-media .featured-callout__body {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >= 64rem) {
    .featured-callout--no-media .featured-callout__body {
      grid-column-start: 1;
    }
  }
  .featured-callout__content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    justify-content: flex-start;
  }
  @media (width >= 64rem) {
    .featured-callout__content {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .featured-callout__content {
      gap: calc(var(--spacing) * 10);
    }
  }
  .featured-callout__header {
    margin-right: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (width >= 64rem) {
    .featured-callout__header {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__header {
      grid-column-start: 5;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__header {
      grid-row-start: 1;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__header {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-callout__header {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-callout__header {
      grid-column-start: 7;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-left .featured-callout__header {
      grid-column-start: 1;
    }
  }
  .featured-callout__body {
    grid-row-start: 2;
    margin-top: calc(var(--spacing) * -10);
    margin-left: calc(var(--spacing) * 5);
  }
  @media (width >= 64rem) {
    .featured-callout__body {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__body {
      grid-column-start: 7;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__body {
      grid-row-start: 1;
    }
  }
  @media (width >= 64rem) {
    .featured-callout__body {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .featured-callout__body {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-callout__body {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-portrait .featured-callout__body {
      grid-column-start: 6;
    }
  }
  .featured-callout__media {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-3xl);
  }
  @media (width >=1024px) {
    .featured-callout .card:not(.card--has-icon) .doodle {
      --doodle-tr-url: url("");
    }
  }
  @media (width >=1024px) {
    .featured-callout .card:not(.card--has-button) .doodle {
      --doodle-br-url: url("");
    }
  }
}
@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;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-landscape .featured-media__header {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-left .featured-media__header {
      order: -9999;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-right .featured-media__header {
      order: 9999;
    }
  }
  .featured-media a:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .featured-media a:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  @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-landscape .featured-media__body {
      grid-column: span 5 / span 5;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-left .featured-media__body {
      order: 9999;
    }
  }
  @media (width >= 64rem) {
    .featured-media--media-align-right .featured-media__body {
      order: -9999;
    }
  }
  .featured-media__media {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-3xl);
  }
  .featured-media__media.featured-media__media * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .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);
  }
  @media (width >= 64rem) {
    .featured-media .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .featured-media .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .featured-media .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  .featured-media .teaser__title:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .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);
  }
  .featured-media .teaser__blurb {
    margin-top: calc(var(--spacing) * 2);
  }
  @media (width >= 64rem) {
    .featured-media .teaser__blurb {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }
  @media (width < 48rem) {
    .featured-media .teaser .btn {
      width: 100%;
    }
  }
  .section--featured-media {
    --doodle-fm-offset-x: -370px;
    --doodle-fm-offset-y: 70px;
  }
  @media (width >=1024px) {
    .section--featured-media .featured-media__body .doodle {
      left: var(--doodle-fm-offset-x);
    }
    .section--featured-media .featured-media--media-align-left .featured-media__body .doodle {
      right: var(--doodle-fm-offset-x);
      left: 0;
      transform: scaleX(-1);
    }
    .section--featured-media.section--has-doodle .featured-media__body {
      padding-top: var(--doodle-fm-offset-y);
    }
  }
  @media (max-width: 1023.9px) {
    .featured-media__body .doodle {
      display: none;
    }
  }
}
@layer components;
@layer components {
  .footer {
    position: relative;
    background-color: var(--color-primary-700);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 24);
    color: var(--color-white);
  }
  @media (width >= 64rem) {
    .footer {
      padding-bottom: 110px;
    }
  }
  .footer .container {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 9);
  }
  @media (width >= 48rem) {
    .footer .container {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .footer a {
    text-decoration-line: none !important;
  }
  .footer a:hover {
    text-decoration-line: none !important;
  }
  .footer__cta-buttons {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    .footer__cta-buttons {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .footer__cta-buttons {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .footer__cta-buttons {
      gap: calc(var(--spacing) * 5);
    }
  }
  .footer__cta-buttons .btn {
    width: 100%;
    justify-content: flex-start !important;
  }
  .footer__cta-buttons .btn__icon {
    height: calc(var(--spacing) * 12) !important;
    width: calc(var(--spacing) * 12) !important;
  }
  .footer__social-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: calc(var(--spacing) * 5);
    align-self: stretch;
  }
  @media (width >= 48rem) {
    .footer__social-links {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .footer__social-links {
      align-items: center;
    }
  }
  .footer__logo {
    height: auto;
    width: 190px;
    flex-shrink: 0;
  }
  .footer__social-icons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    .footer__social-icons {
      justify-content: flex-end;
    }
  }
  .footer__social-icons .btn {
    --tw-border-style: none !important;
    border-style: none !important;
    background-color: transparent !important;
    padding: calc(var(--spacing) * 0) !important;
  }
  .footer__social-icons .btn__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .footer__social-icons .btn__icon {
    height: calc(var(--spacing) * 9) !important;
    width: calc(var(--spacing) * 9) !important;
    color: var(--color-white) !important;
  }
  .footer__social-icons .icon {
    stroke-width: 2px;
  }
  .footer .menu-footer {
    width: 100%;
  }
  .footer .menu-footer__list {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    .footer .menu-footer__list {
      row-gap: calc(var(--spacing) * 1);
    }
  }
  .footer .menu-footer__link {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .footer .menu-footer__item:last-of-type {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .footer__link-columns .gridset {
    row-gap: calc(var(--spacing) * 5);
  }
  @media (width >= 40rem) {
    @media (width < 64rem) {
      .footer__link-columns .gridset {
        -moz-columns: 2;
             columns: 2;
      }
    }
  }
  .footer__link-columns .gridset__item .accordion__trigger {
    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);
  }
  .footer__link-columns .accordion--footer .accordion__trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  @media (width >= 48rem) {
    .footer__link-columns .accordion--footer .accordion__trigger {
      pointer-events: none;
    }
  }
  @media (width >= 48rem) {
    .footer__link-columns .accordion--footer .accordion__trigger {
      cursor: default;
    }
  }
  .footer__link-columns .accordion--footer .btn__icon {
    display: flex;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  @media (width >= 48rem) {
    .footer__link-columns .accordion--footer .btn__icon {
      display: none;
    }
  }
  .footer__link-columns .accordion--footer .btn__icon .icon {
    height: 100%;
    width: 100%;
  }
  @media (width >= 48rem) {
    .footer__link-columns .accordion--footer .btn__icon .accordion__panel {
      visibility: visible;
    }
  }
  @media (width >= 48rem) {
    .footer__link-columns .accordion--footer .btn__icon .accordion__panel {
      height: auto !important;
    }
  }
  .footer__link-columns .accordion--footer .btn__icon .accordion__trigger-collapse {
    display: none;
  }
  .footer__link-columns .accordion--footer .btn__icon .accordion__trigger-expand {
    display: block;
  }
  .footer__link-columns .accordion--footer.accordion--expanded .btn__icon .accordion__trigger-collapse {
    display: block;
  }
  .footer__link-columns .accordion--footer.accordion--expanded .btn__icon .accordion__trigger-expand {
    display: none;
  }
  .footer__utility-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    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);
  }
  @media (width >= 48rem) {
    .footer__utility-links {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .footer__utility-links {
      gap: calc(var(--spacing) * 4);
    }
  }
  .footer__copyright {
    margin-top: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@layer components {
  .jotform {
    margin-inline: calc(var(--spacing) * -3.5);
    padding-block: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    .jotform {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 48rem) {
    .jotform {
      padding-block: calc(var(--spacing) * 16);
    }
  }
}
@layer components {
  .gridset-buttons .gridset-buttons__title {
    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) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    .gridset-buttons .gridset-buttons__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-buttons .gridset-buttons__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .gridset-buttons .gridset-buttons__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  @media (width >= 48rem) {
    .gridset-buttons .gridset--standard.gridset--cols-3 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .gridset-buttons .gridset--standard.gridset--cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .gridset-buttons .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .gridset-buttons .gridset--standard.gridset--cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@layer components {
  .gridset--centered-wrap .gridset__item {
    max-width: calc(50% - 0.625rem);
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap .gridset__item {
      max-width: 232px;
    }
  }
  .gridset--centered-wrap .gridset__item:has(> .card) {
    width: 100%;
    max-width: 100%;
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap .gridset__item:has(> .card) {
      width: 232px;
    }
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap.gridset--card-getaway .gridset__item {
      width: 300px;
    }
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap.gridset--card-getaway .gridset__item {
      max-width: 300px;
    }
  }
  @media (width >= 48rem) {
    .gridset--centered-wrap.gridset--card-getaway .gridset__item:has(> .card) {
      width: 300px;
    }
  }
  .gridset--card-expressive {
    gap: calc(var(--spacing) * 7);
  }
  .gridset-above-cards + .gridset {
    margin-top: calc(var(--spacing) * 10);
  }
  .gridset-above-cards + .gridset--card-expressive {
    margin-top: calc(var(--spacing) * 4);
  }
  .dark .gridset-above-cards .teaser {
    color: var(--color-white);
  }
  .gridset-above-cards .teaser .teaser__title {
    color: var(--color-blue-700);
  }
  .gridset-above-cards .teaser__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .gridset-above-cards .teaser__footer {
    margin-top: calc(var(--spacing) * 6);
  }
  @media (width < 48rem) {
    .gridset-above-cards .teaser__footer .btn--primary {
      width: 100%;
    }
  }
  .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);
  }
  @media (width >= 64rem) {
    .gridset-above-cards h2.teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-above-cards h2.teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .gridset-above-cards h2.teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  @media (width >= 64rem) {
    .gridset-above-cards h3.teaser__title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-above-cards h3.teaser__title {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .gridset-above-cards h3.teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .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) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    .gridset-above-cards h4.teaser__title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-above-cards h4.teaser__title {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .gridset-above-cards h4.teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .gridset-above-cards h5.teaser__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  @media (width >= 64rem) {
    .gridset-above-cards h5.teaser__title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-above-cards h5.teaser__title {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .gridset-above-cards h5.teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
}
@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);
    color: var(--color-primary-700);
  }
  @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-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    .gridset-images .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .gridset-images .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .gridset-images .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  .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;
  }
  .hero-primary--has-media-background {
    color: var(--color-white);
  }
  .hero-primary--has-media-background .hero-primary__content {
    padding-top: calc(var(--spacing) * 60);
    padding-bottom: calc(var(--spacing) * 9);
  }
  @media (width >= 48rem) {
    .hero-primary--has-media-background .hero-primary__content {
      padding-top: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 48rem) {
    .hero-primary--has-media-background .hero-primary__content {
      padding-bottom: calc(var(--spacing) * 60);
    }
  }
  .hero-primary--has-media-background .hero-primary__background {
    background-color: var(--color-gray-700);
  }
  .hero-primary__wrapper {
    position: relative;
    z-index: 20;
    overflow: hidden;
  }
  .hero-primary__background {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
  }
  .hero-primary__background .media-image,
      .hero-primary__background .media-image * {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-primary__content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 60);
    padding-bottom: calc(var(--spacing) * 9);
  }
  @media (width >= 48rem) {
    .hero-primary__content {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .hero-primary__content {
      gap: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .hero-primary__content {
      padding-top: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 48rem) {
    .hero-primary__content {
      padding-bottom: calc(var(--spacing) * 60);
    }
  }
  .hero-primary .teaser {
    width: 100%;
  }
  @media (width >= 64rem) {
    .hero-primary .teaser {
      width: calc(1/2 * 100%);
    }
  }
  .hero-primary .teaser__eyebrow {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    text-transform: uppercase;
  }
  .hero-primary .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .hero-primary .teaser__title {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-primary .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .hero-primary .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .hero-primary .teaser__blurb {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  @media (width >= 64rem) {
    .hero-primary .teaser__blurb {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-primary .teaser__blurb {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .hero-primary .teaser__blurb {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .hero-primary .teaser__title,
      .hero-primary .teaser__blurb {
    margin-bottom: calc(var(--spacing) * 6);
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    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,);
  }
  .hero-primary .teaser__title a:where(.dark, .dark *), .hero-primary .teaser__blurb a:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .hero-primary .teaser__title a:where(.dark, .dark *), .hero-primary .teaser__blurb a:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  .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--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%;
  }
}
@layer components {
  .hero-secondary {
    --hero-secondary-gap: 0.75rem;
    position: relative;
  }
  .hero-secondary.bg-primary-50 .doodle {
    background-color: var(--color-primary-400);
  }
  .hero-secondary__content {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--hero-secondary-gap);
  }
  .hero-secondary__col {
    width: 100%;
  }
  @media (width >= 64rem) {
    .hero-secondary__col--main {
      max-width: var(--cols-width-9);
    }
  }
  @media (width >= 64rem) {
    .hero-secondary__col--aside {
      max-width: var(--cols-width-6);
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--has-aside .hero-secondary__col {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--has-aside .hero-secondary__col {
      max-width: none;
    }
  }
  .hero-secondary--has-media.hero-secondary--has-aside .hero-secondary__content {
    align-items: stretch;
  }
  .hero-secondary--has-media .hero-secondary__col--aside {
    position: relative;
    display: none;
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  @media (width >= 64rem) {
    .hero-secondary--has-media .hero-secondary__col--aside {
      display: flex;
    }
  }
  .hero-secondary--has-media .hero-secondary__col--aside .media-image,
        .hero-secondary--has-media .hero-secondary__col--aside .media-video {
    position: absolute;
    inset: calc(var(--spacing) * 0);
  }
  .hero-secondary--has-az-jump-nav .hero-secondary__content {
    flex-direction: column;
  }
  @media (width >= 64rem) {
    .hero-secondary--has-az-jump-nav .hero-secondary__content {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--has-az-jump-nav .hero-secondary__col--main {
      width: var(--cols-width-6);
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--has-az-jump-nav .hero-secondary__col--aside {
      margin-left: auto;
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--has-az-jump-nav .hero-secondary__col--aside {
      width: var(--cols-width-5);
    }
  }
  .hero-secondary .breadcrumbs + .teaser {
    margin-top: calc(var(--spacing) * 2);
  }
  @media (width >= 64rem) {
    .hero-secondary .breadcrumbs + .teaser {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  @media (width < 48rem) {
    .hero-secondary .card__breadcrumb {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .hero-secondary .card__breadcrumb {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .hero-secondary .card__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .hero-secondary .card__heading {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-secondary .card__heading {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .hero-secondary .card__heading {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  @media (width < 48rem) {
    .hero-secondary .card__body {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .hero-secondary .card__footer {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .hero-secondary .card__footer {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .hero-secondary .card--expressive .card__icon .icon {
    width: 80px;
    height: 80px;
  }
  @media (width >= 64rem) {
    .hero-secondary--has-aside .card,
      .hero-secondary--has-aside .teaser {
      min-height: 254px;
    }
  }
  @media (width >= 90rem) {
    .hero-secondary--has-aside .card,
      .hero-secondary--has-aside .teaser {
      min-height: 374px;
    }
  }
  @media (width >=1024px) and (max-width: 1439.9px) {
    .hero-secondary--has-aside .card__heading,
      .hero-secondary--has-aside .teaser__title.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);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --link-decoration-width: var(--link-decoration-width-lg);
      --link-decoration-offset: var(--link-decoration-offset-lg);
      --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    }
    @media (width >= 64rem) {
      .hero-secondary--has-aside .card__heading,
      .hero-secondary--has-aside .teaser__title.teaser__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    @media (width >= 64rem) {
      .hero-secondary--has-aside .card__heading,
      .hero-secondary--has-aside .teaser__title.teaser__title {
        --tw-leading: var(--leading-16);
        line-height: var(--leading-16);
      }
    }
  }
  .hero-secondary--title-level-2 .card__heading,
      .hero-secondary--title-level-2 .teaser__title.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);
  }
  @media (width >= 64rem) {
    .hero-secondary--title-level-2 .card__heading,
      .hero-secondary--title-level-2 .teaser__title.teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-secondary--title-level-2 .card__heading,
      .hero-secondary--title-level-2 .teaser__title.teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .hero-secondary--title-level-2 .card__heading,
      .hero-secondary--title-level-2 .teaser__title.teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .hero-secondary .teaser {
    display: flex;
    align-items: center;
  }
  .hero-secondary .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .hero-secondary .teaser__title {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-secondary .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .hero-secondary .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-primary-700);
  }
  .hero-secondary .teaser__blurb {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  :where(.hero-secondary .teaser__body > :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)));
  }
  .hero-secondary .media-image,
    .hero-secondary .media-video {
    border-radius: var(--radius-5xl);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
  }
  .hero-secondary .media-image,
    .hero-secondary .media-image > * {
    -o-object-position: top;
       object-position: top;
  }
}
@layer components {
  .section--hero-home {
    --hero-gradient-from: rgba(245, 246, 250, 0);
    --hero-gradient-to: var(--color-blue-50);
    --hero-img-height-mobile: 250px;
    --hero-doodle-height: 0px;
  }
  @media (max-width: 767.9px) {
    .section--hero-home {
      display: flex;
      flex-direction: column-reverse;
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >=768px) {
    .page--home-has-gridset-buttons .section--hero-home {
      padding-bottom: calc(var(--section-spacing) + var(--gridset-buttons-overlap));
    }
  }
  .section--hero-home .section__bg-image {
    bottom: 50%;
  }
  @media (width < 48rem) {
    .section--hero-home .section__bg-image {
      position: relative;
    }
  }
  @media (width >= 48rem) {
    .section--hero-home .section__bg-image {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .section--hero-home .section__bg-image .media-image > * {
    -o-object-position: 100% 15% !important;
       object-position: 100% 15% !important;
  }
  @media (max-width: 767.9px) {
    .section--hero-home .section__bg-image {
      aspect-ratio: var(--aspect-video-landscape);
      aspect-ratio: var(--aspect-video-landscape);
    }
  }
  .section--hero-home .section__bg-image:after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    content: "";
    background: linear-gradient(
          180deg,
          var(--hero-gradient-from) 70%,
          var(--hero-gradient-to) 100%
        );
  }
  @media (width >=768px) {
    .section--hero-home .section__bg-image:after {
      background: linear-gradient(
            259.98deg,
            var(--hero-gradient-from) 24%,
            var(--hero-gradient-to) 61.33%
          );
    }
  }
  @media (width < 64rem) {
    .section--hero-home .section__bg-doodle {
      display: none;
    }
  }
  @media (width >=1024px) {
    .section--hero-home.section--has-doodle {
      --hero-doodle-height: 140px;
      padding-bottom: calc(var(--section-spacing) + var(--hero-doodle-height) + 20px);
    }
    .page--home-has-gridset-buttons .section--hero-home.section--has-doodle {
      --hero-doodle-height: 50px;
    }
  }
  @media (width >=768px) {
    .page--home-has-gridset-buttons .section--hero-home {
      padding-bottom: calc(
          var(--section-spacing) + var(--gridset-buttons-overlap) + var(--hero-doodle-height) + 20px
        );
    }
  }
  .hero-home {
    position: relative;
  }
  .hero-home__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
  }
  @media (width < 48rem) {
    .hero-home__content {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .hero-home__content {
      flex-direction: row;
    }
  }
  .hero-home__teaser {
    width: 100%;
  }
  @media (width >= 48rem) {
    .hero-home__teaser {
      width: calc(1/2 * 100%);
    }
  }
  .hero-home .teaser__eyebrow,
      .hero-home .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .hero-home .teaser__eyebrow,
      .hero-home .teaser__title {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .hero-home .teaser__eyebrow,
      .hero-home .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .hero-home .teaser__eyebrow,
      .hero-home .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --tw-leading: 1.1;
    line-height: 1.1;
    color: var(--color-primary-700);
  }
  .hero-home .teaser__eyebrow {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .hero-home .teaser__blurb {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .hero-home__promo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  @media (width < 48rem) {
    .hero-home__promo {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .hero-home__promo {
      width: calc(1/2 * 100%);
    }
  }
  .hero-home__promo .media-image {
    margin-left: auto;
    width: 120px;
  }
  @media (width >= 64rem) {
    .hero-home__promo .media-image {
      width: 160px;
    }
  }
}
@layer components {
  .section--featured-media-full-width.section--bg-image-cover {
    --hero-gradient-from: rgba(255, 255, 255, 0);
    --hero-gradient-to: var(--color-white);
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding-top: calc(var(--spacing) * 0);
  }
  .section--featured-media-full-width .section__bg-image {
    position: relative;
    aspect-ratio: var(--aspect-video-landscape);
  }
  .section--featured-media-full-width .section__bg-image .media-image--is-bg * {
    -o-object-position: center 40%;
       object-position: center 40%;
  }
  @media (max-width: 767.9px) {
    .section--featured-media-full-width .section__bg-image {
      position: relative;
      bottom: calc(100% - 530px);
    }
  }
  .section--featured-media-full-width .section__bg-image:after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    content: "";
    background: linear-gradient(
          180deg,
          var(--hero-gradient-from) 20%,
          var(--hero-gradient-to) 90%
        );
  }
  @media (max-width: 767.9px) {
    .section--featured-media-full-width .section__bg-image:after {
      background: none;
    }
  }
  .section--featured-media-full-width.section--has-doodle.section--bg-image-cover {
    --hero-doodle-height: 30px;
    padding-bottom: calc(var(--section-spacing) + var(--hero-doodle-height) + 20px);
  }
  .section--featured-media-full-width.section--has-doodle:not(.section--bg-image-cover).section--bg-transparent {
    padding-bottom: calc(var(--section-spacing));
    padding-top: calc(var(--section-spacing));
  }
  @media (max-width: 767.9px) {
    .section--featured-media-full-width.section--has-doodle:not(.section--bg-image-cover).section--bg-transparent {
      padding-bottom: calc(var(--section-spacing) + 20px);
    }
  }
  .featured-media-full-width {
    position: relative;
  }
  .featured-media-full-width__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  @media (width >= 48rem) {
    .featured-media-full-width__content {
      flex-direction: row;
    }
  }
  @media (width < 48rem) {
    .section--bg-image-cover .featured-media-full-width__content {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .featured-media-full-width__teaser {
    width: 100%;
  }
  .featured-media-full-width .teaser__content {
    text-align: center;
  }
  .featured-media-full-width .teaser__title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .featured-media-full-width .teaser__title {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .featured-media-full-width .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .featured-media-full-width .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --tw-leading: 1.1;
    line-height: 1.1;
    color: var(--color-primary-700);
  }
  .featured-media-full-width .teaser__blurb {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .featured-media-full-width .teaser__footer {
    padding-top: calc(var(--spacing) * 4);
  }
}
@layer components {
  @media (width >=1024px) {
    .section--dynamic-highlight.section--bg-solid {
      padding-bottom: calc(var(--section-spacing) * 0.5);
    }
  }
  .dynamic-highlight {
    --dynamic-img-h: 350px;
  }
  @media (width >=1440px) {
    .dynamic-highlight {
      --dynamic-img-h: 455px;
    }
  }
  .dynamic-highlight:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dynamic-highlight__header + .dynamic-highlight__body {
    margin-top: calc(var(--spacing) * 14);
  }
  @media (width >= 64rem) {
    .dynamic-highlight__header + .dynamic-highlight__body {
      margin-top: 50px;
    }
  }
  @media (width < 48rem) {
    .dynamic-highlight__header {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  @media (width < 48rem) {
    .dynamic-highlight__header {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  @media (max-width: 400px) {
    .dynamic-highlight .doodle--seagull-side-spaces {
      --doodle-size-width: 90vw;
    }
  }
  @media (min-width: 64rem) and (max-width: 89.9375rem) {
    .dynamic-highlight .doodle--seagull-side-spaces {
      --doodle-pos-l: -5vw;
      --doodle-pos-r: 100%;
    }
  }
  .dynamic-highlight__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  @media (width >=1024px) {
    .dynamic-highlight__body {
      min-height: var(--dynamic-img-h);
    }
  }
  .dynamic-highlight .prose a:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dynamic-highlight .prose a:where(.dark, .dark *) {
    text-decoration-color: var(--color-white);
  }
  .dynamic-highlight__teaser {
    margin-inline: auto;
    display: flex;
  }
  @media (width >= 48rem) {
    .dynamic-highlight__teaser {
      max-width: var(--cols-width-8);
    }
  }
  @media (width >= 90rem) {
    .dynamic-highlight__teaser {
      max-width: var(--cols-width-7);
    }
  }
  .dynamic-highlight .teaser {
    text-align: center;
  }
  .dynamic-highlight .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);
  }
  @media (width >= 64rem) {
    .dynamic-highlight .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .dynamic-highlight .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .dynamic-highlight .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .dynamic-highlight .teaser__blurb {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .dynamic-highlight .teaser__footer {
    margin-top: calc(var(--spacing) * 7);
  }
  @media (width >= 64rem) {
    .dynamic-highlight .teaser__footer {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width < 48rem) {
    .dynamic-highlight .teaser__buttons .btn {
      width: 100%;
    }
  }
  .dynamic-highlight__group-items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 7);
  }
  @media (width >= 48rem) {
    .dynamic-highlight__group-items {
      gap: calc(var(--spacing) * 10);
    }
  }
  :where(.dynamic-highlight__item > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  .dynamic-highlight__item-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);
  }
  @media (width >= 64rem) {
    .dynamic-highlight__item-title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .dynamic-highlight__item-title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .dynamic-highlight__item-title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
  }
  .dynamic-highlight__item--media {
    position: relative;
    display: none;
  }
  @media (width >= 64rem) {
    .dynamic-highlight__item--media {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .dynamic-highlight__item--media {
      align-items: stretch;
    }
  }
  .dynamic-highlight__item--media {
    align-items: center;
    justify-content: center;
  }
  .dynamic-highlight__items {
    margin: calc(var(--spacing) * 0);
    display: grid;
    width: 100%;
    list-style-type: none;
    gap: calc(var(--spacing) * 7);
    padding: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    .dynamic-highlight__items {
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .dynamic-highlight__items {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .dynamic-highlight__items {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  @media (width >=768px) {
    .dynamic-highlight__items {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (width >=1024px) {
    .dynamic-highlight__items--has-media {
      position: relative;
      grid-template-columns: 1fr 2fr 1fr;
      grid-template-rows: auto auto;
    }
    .dynamic-highlight__items--has-media.dynamic-highlight__items--js-initialized .dynamic-highlight__item--group-1,
            .dynamic-highlight__items--has-media.dynamic-highlight__items--js-initialized .dynamic-highlight__item--group-2 {
      opacity: 0%;
    }
    .dynamic-highlight__items--has-media > .dynamic-highlight__group--1,
          .dynamic-highlight__items--has-media > .dynamic-highlight__group--2 {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 10);
    }
    .dynamic-highlight__items--has-media > .dynamic-highlight__group--1 {
      grid-column: 1;
      grid-row: 1 / -1;
    }
    .dynamic-highlight__items--has-media > .dynamic-highlight__item--media {
      position: absolute;
      inset: 0 25% 0 25%;
    }
    .dynamic-highlight__items--has-media > .dynamic-highlight__group--2 {
      grid-column: 3;
      grid-row: 1 / -1;
    }
  }
  @media (width >=768px) {
    .dynamic-highlight__items:not(.dynamic-highlight__items--has-media) > *:nth-child(odd) {
      grid-column: 1;
    }
  }
  @media (width >=768px) {
    .dynamic-highlight__items:not(.dynamic-highlight__items--has-media) > *:nth-child(even) {
      grid-column: 2;
    }
  }
  .dynamic-highlight .media-image {
    position: absolute;
  }
  .dynamic-highlight .media-image > img {
    width: auto !important;
    max-width: none;
    aspect-ratio: 1098 / 869;
    height: var(--dynamic-img-h);
  }
}
@layer components {
  .nav-logo {
    margin-bottom: calc(4px * -1);
    flex: 1;
  }
  @media (width >= 64rem) {
    .nav-logo {
      margin-bottom: calc(7px * -1);
    }
  }
}
@layer theme {
  :root,
  :host {
    --un-nav-height: 48px;
    --un-nav-logo-width: 82px;
    --un-nav-mobile-menu-toggle-width: 24px;
    --un-nav-mobile-menu-padding: 24px;
    --un-nav-utility-height: 36px;
    --un-nav-quick-links-gap: 20px;
    --un-nav-quick-links-width: calc(
      100% - var(--un-nav-logo-width) - var(--un-nav-mobile-menu-toggle-width) -
        (var(--container-padding) * 2) - (var(--un-nav-quick-links-gap) * 2)
    );
    --nav-transition-duration: 0.3s;
    --nav-transition-delay: 0.5s;
  }
  @media (width >=1024px) {
    :root,
  :host {
      --un-nav-height: 126px;
      --un-nav-logo-width: 174px;
    }
  }
}
@layer components {
  .nav {
    --un-nav-shadow-color: rgba(24, 26, 1, 0.15);
    --nav-underline-offset: 10px;
    --un-nav-inline-search-height: 0px;
    z-index: 50;
    background-color: var(--color-white);
    transition: box-shadow var(--nav-transition-duration);
  }
  @media (max-width: 1023.9px) {
    .nav--inline-search {
      --un-nav-inline-search-height: 60px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .nav {
      transition: none;
    }
  }
}
@layer components {
  @media (max-width: 1023.9px) {
    .nav {
      position: relative;
      width: 100%;
    }
    .nav__menu-quick-links-wrapper {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: var(--un-nav-quick-links-width);
      height: var(--un-nav-height);
      right: calc(
          var(--un-nav-quick-links-gap) + var(--un-nav-mobile-menu-toggle-width) +
            var(--container-padding)
        );
    }
    .nav__menu-utility-wrapper {
      position: relative;
      z-index: 20;
      flex: 1;
      background-color: var(--color-primary-700);
      padding-inline: calc(var(--spacing) * 6);
      padding-bottom: calc(var(--spacing) * 0);
    }
    .nav__menu-primary-wrapper {
      flex: 0;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 6);
      padding-bottom: calc(var(--spacing) * 6);
      padding-top: calc(var(--nav-wave-pb-under-wave));
    }
    .nav-primary {
      display: none;
    }
    .nav-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 2);
      height: var(--un-nav-height);
      --container-padding: 1.5rem;
      padding-inline: var(--container-padding);
    }
    .nav-drawer {
      position: absolute;
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 20;
      display: grid;
      overflow-x: hidden;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-top-color: var(--color-white);
      transition: all var(--nav-transition-duration) ease-in-out;
      top: calc(
          var(--un-nav-height) + var(--un-nav-inline-search-height)
        );
    }
    .mobile-menu--open .nav-drawer {
      border-top-color: var(--color-gray-100);
      transition: bottom var(--nav-transition-duration) ease-in-out;
      bottom: calc(
            -1 *
              calc(
                100vh - var(--un-nav-height) -
                  var(--un-nav-inline-search-height)
              )
          );
    }
    .nav-drawer__inner {
      display: flex;
      height: 100%;
      width: 100%;
      justify-content: flex-end;
      overflow: hidden;
      background-color: var(--color-white);
    }
    .nav-drawer__inner-inner {
      position: relative;
      right: calc(var(--spacing) * 0);
      z-index: 10;
      width: 100%;
      background-color: var(--color-white);
      transition: all var(--nav-transition-duration) ease-in-out 0;
      transition: background-color var(--nav-transition-duration) ease-in-out;
    }
    .mobile-menu--open .nav-drawer__inner-inner {
      transition-delay: var(--nav-transition-delay);
    }
    .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;
      transition: background var(--nav-transition-duration) ease 0.2s;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    @media (max-width: 1023.9px) {
      .nav-drawer {
        transition: none;
      }
      .mobile-menu--open .nav-drawer {
        transition: none;
      }
      .nav-drawer__inner-inner {
        transition: none;
      }
      .mobile-menu--open .nav-drawer__inner-inner {
        transition: none;
      }
      .nav-drawer__content:before {
        transition: none;
      }
    }
  }
}
@layer components {
  @media (max-width: 1023.9px) {
    .nav-inline-search {
      padding-top: calc(var(--spacing) * 2);
      padding-bottom: calc(var(--spacing) * 3);
    }
    .nav-inline-search .container {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
}
@layer components {
  @media (width >=1024px) {
    .nav {
      position: relative;
      padding-top: var(--un-nav-utility-height);
    }
    .nav__menu-utility-wrapper {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: flex-end;
      background-color: var(--color-primary-700);
      height: var(--un-nav-utility-height);
    }
    .nav__menu-utility-wrapper .menu-utility {
      width: 100%;
    }
    @media (width >= 24.375rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 64rem;
      }
    }
    @media (width >= 90rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .nav__menu-utility-wrapper .menu-utility {
        max-width: 96rem;
      }
    }
    .nav__menu-utility-wrapper .menu-utility {
      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__menu-utility-wrapper .menu-utility {
        padding-inline: var(--container-padding-lg);
      }
    }
    .nav__menu-utility-wrapper .menu-utility .container {
      padding-inline: unset;
      max-width: unset;
    }
    .nav__content {
      width: 100%;
    }
    @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 >= 90rem) {
      .nav__content {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .nav__content {
        max-width: 96rem;
      }
    }
    .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 .container {
      padding-inline: unset;
      max-width: unset;
    }
    .nav__content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      padding-block: 16px;
    }
    .nav-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3.5);
      padding-block: calc(var(--spacing) * 0);
    }
    .nav-primary {
      display: none;
    }
    @media (width >= 64rem) {
      .nav-primary {
        display: flex;
      }
    }
    @media (width >= 64rem) {
      .nav-primary {
        align-items: center;
      }
    }
    .nav-drawer__content {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
    }
    .mobile-menu-toggle {
      display: none;
    }
  }
}
@layer components {
  .related-content {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .related-content .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);
  }
  @media (width >= 64rem) {
    .related-content .teaser__title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .related-content .teaser__title {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .related-content .teaser__title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-primary-700);
  }
  .related-content .teaser__title-items {
    display: flex;
    align-items: center;
  }
  .related-content .teaser__title-items .icon {
    margin-right: 0.41675em;
    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);
  }
  @media (width >= 64rem) {
    .related-content .teaser__title-items .icon {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .related-content .teaser__title-items .icon {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .related-content .teaser__title-items .icon {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    color: var(--color-orange-base);
  }
  .related-content .teaser__blurb {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .related-content .teaser__buttons {
    margin-top: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .related-content .link-list--primary .link-list,
      .related-content .link-list--primary .link-list__list {
    row-gap: calc(var(--spacing) * 6);
  }
  .related-content__content {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 7);
  }
  @media (width >= 90rem) {
    .related-content--stacked .related-content__content {
      grid-column: span 10 / span 10;
    }
  }
  @media (width >= 96rem) {
    .related-content--stacked .related-content__content {
      grid-column: span 9 / span 9;
    }
  }
  @media (width >= 90rem) {
    .layout--scroll-spy .related-content--stacked .related-content__content {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >= 96rem) {
    .layout--scroll-spy .related-content--stacked .related-content__content {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >=1440px) {
    .related-content--side-by-side .related-content__content {
      flex-direction: row;
      -moz-column-gap: calc(var(--spacing) * 10);
           column-gap: calc(var(--spacing) * 10);
    }
    .related-content--side-by-side .related-content__content > * {
      flex: calc(1/2 * 100%);
    }
    @media (width >= 48rem) {
      .related-content--side-by-side .related-content__content .link-list__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }
  }
}
@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);
      }
    }
    .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 {
      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;
      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 {
  .layout--rail .layout__content-inner {
    display: flex;
  }
}
@layer components {
  .layout--scroll-spy {
    --scroll-spy-gutter: 32px;
  }
  .layout--scroll-spy .layout__lead {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .layout--scroll-spy .scroll-spy__target-container::after {
    content: "";
    display: table;
    clear: both;
  }
  @media (width >=1024px) {
    .layout--scroll-spy .scroll-spy__jump-nav-wrapper {
      width: calc(var(--offset-cols-3) - var(--scroll-spy-gutter));
      margin-left: var(--viewport-to-content);
    }
    .layout--scroll-spy .scroll-spy__jump-nav-wrapper + .section {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (max-width: 1023.9px) {
    .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
      width: 100%;
      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 >= 24.375rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 24.375rem;
      }
    }
    @media (width >= 40rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 40rem;
      }
    }
    @media (width >= 48rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 48rem;
      }
    }
    @media (width >= 64rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 64rem;
      }
    }
    @media (width >= 90rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        max-width: 96rem;
      }
    }
    @media (width >= 64rem) {
      .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
        padding-inline: var(--container-padding-lg);
      }
    }
    .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @media (width >=1024px) {
    .layout--scroll-spy .layout__primary-content .section:not(.section--carousel) .section__content {
      padding-left: calc(var(--viewport-to-content) + var(--offset-cols-3));
      padding-right: var(--viewport-to-content);
    }
  }
  @media (max-width: 1023.9px) {
    .layout--scroll-spy .layout__primary-content .scroll-spy .accordion__header .btn {
      padding-inline: var(--viewport-to-content) !important;
      border-radius: 0 !important;
    }
    .layout--scroll-spy .layout__primary-content .scroll-spy__link {
      padding-inline: calc(var(--viewport-to-content) + 16px) !important;
    }
    .layout--scroll-spy .layout__primary-content .scroll-spy .accordion__header .btn:focus-visible, .layout--scroll-spy .layout__primary-content .scroll-spy__link:focus-visible {
      outline-offset: -4px !important;
    }
  }
}
@layer components {
  .page--home {
    --gridset-buttons-overlap: 0;
  }
  @media (width >=768px) {
    .page--home-has-gridset-buttons {
      --gridset-buttons-overlap: 100px;
    }
  }
  @media (width >=768px) {
    .page--home-has-gridset-buttons .layout__lead .section--hero-home + .section--gridset-buttons {
      margin-top: calc(0px - var(--gridset-buttons-overlap)) !important;
    }
  }
  .page--home .layout__lead .section--gridset-buttons .btn {
    gap: calc(var(--spacing) * 2) !important;
    padding-inline: calc(var(--spacing) * 5) !important;
    padding-block: calc(var(--spacing) * 4) !important;
  }
}
@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-200);
    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-400);
  }
  .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 {
    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 code {
    color: var(--color-fuchsia-500);
  }
  .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-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-12);
    line-height: var(--leading-12);
  }
  @media (width >= 64rem) {
    .docs__title-heading {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .docs__title-heading {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .docs__title-heading {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --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 >= 90rem) {
    .docs__h2 {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .docs__h2 {
      max-width: 96rem;
    }
  }
  .docs__h2 {
    padding-inline: var(--container-padding);
    margin-inline: auto;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 64rem) {
    .docs__h2 {
      padding-inline: var(--container-padding-lg);
    }
  }
  .docs__h2 .container {
    padding-inline: unset;
    max-width: unset;
  }
  .docs__h2 {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 5);
    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);
  }
  @media (width >= 64rem) {
    .docs__h2 {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .docs__h2 {
      --tw-leading: var(--leading-16);
      line-height: var(--leading-16);
    }
  }
  .docs__h2 {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --link-decoration-width: var(--link-decoration-width-lg);
    --link-decoration-offset: var(--link-decoration-offset-lg);
    --link-decoration-width-hover: var(--link-decoration-width-hover-lg);
    --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 >= 90rem) {
    .docs__h3 {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .docs__h3 {
      max-width: 96rem;
    }
  }
  .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 .container {
    padding-inline: unset;
    max-width: unset;
  }
  .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);
    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__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);
  }
  @media (width >=768px) {
    .docs__item--dark-md {
      background-image: var(--docs-bg-stripes-dark);
    }
  }
  .docs__prose .prose {
    border: 1px dotted gray;
    background-color: white;
  }
  .docs__links th,
      .docs__links td {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
  }
  .docs__links.link--dark-group .docs__color-message {
    display: none;
  }
  .docs__links .docs--hover-state a {
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-primary-700) !important;
    text-decoration-thickness: var(--link-decoration-width-hover) !important;
    text-underline-offset: var(
            --link-decoration-offset,
            calc(var(--link-decoration-width) * 3)
          ) !important;
  }
  .dark .docs__links .docs--hover-state a {
    text-decoration-color: var(--color-white) !important;
  }
  .docs__links .docs--hover-state a .link__tooltip {
    opacity: 100%;
  }
  .docs__links .docs--focus-state a {
    border-radius: var(--radius-xs) !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--color-primary-700) !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
    outline-color: var(--color-secondary-base) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    outline-offset: calc(var(--link-decoration-width) * 4) !important;
    text-decoration-thickness: var(--link-decoration-width) !important;
    text-underline-offset: var(
            --link-decoration-offset,
            calc(var(--link-decoration-width) * 3)
          ) !important;
  }
  .dark .docs__links .docs--focus-state a {
    text-decoration-color: var(--color-white) !important;
  }
  .docs__links .docs--focus-state a .link__tooltip {
    opacity: 100%;
  }
  .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--light {
    background-image: var(--docs-bg-stripes);
  }
  @media (width >=768px) {
    .docs-demo-bg--light-md {
      background-image: var(--docs-bg-stripes);
    }
  }
  .docs-demo-bg--dark {
    background-image: var(--docs-bg-stripes-dark);
  }
  @media (width >=768px) {
    .docs-demo-bg--dark-md {
      background-image: var(--docs-bg-stripes-dark);
    }
  }
}
@layer components {
  .docs__layout-full-width,
    .docs__layout-lead-content,
    .docs__layout-rail,
    .docs__layout-boundary {
    margin-block: calc(var(--spacing) * 10);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-primary-base);
    background-image: var(--docs-bg-stripes);
  }
  .docs .layout__primary-content,
    .docs .layout__lead,
    .docs .layout__rail,
    .docs__layout-region {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-tertiary-base);
  }
}
@layer components {
  .docs__icon-swatch {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 10);
  }
  :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--standard {
    width: auto;
    flex-direction: row;
  }
  .docs__icon-swatch--standard>* {
    width: 100px;
  }
  .docs__icon-swatch--standard>* {
    min-width: 100px;
  }
  .docs__icon-swatch--standard>* {
    flex-shrink: 0;
  }
  .docs__icon-swatch--inner {
    font-size: 100px;
    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: 600px;
    }
  }
}
@layer components {
  .docs__demo-expressive-color {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 4);
    border: 2px solid var(--inline-color);
  }
  .docs__demo-expressive-color:hover {
    background-color: var(--inline-color-hover);
  }
  .docs__demo-expressive-color h3,
      .docs__demo-expressive-color .icon {
    color: var(--inline-color);
  }
  .docs__demo-expressive-color-table {
    margin-top: calc(var(--spacing) * 2);
  }
  :where(.docs__demo-expressive-color-table > :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)));
  }
  .docs__demo-expressive-color-table th,
        .docs__demo-expressive-color-table td {
    width: 140px;
    border-radius: var(--radius-md);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .docs__demo-expressive-color-table [data-inline-color] {
    --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);
  }
  .docs__demo-expressive-color-table-row td {
    background-color: var(--inline-color);
  }
  .docs__demo-expressive-color-table-row--hover td {
    background-color: var(--inline-color-hover);
  }
}
@layer components {
  .docs__buttons .docs--hover-state .btn--primary {
    border-color: var(--color-secondary-400) !important;
    background-color: var(--color-secondary-400) !important;
  }
  .docs__buttons .docs--hover-state .btn--secondary {
    background-color: var(--color-primary-100) !important;
  }
  .docs__buttons .docs--hover-state .btn--tertiary {
    background-color: var(--color-primary-600) !important;
  }
  .docs__buttons .docs--hover-state .btn--warning {
    border-color: var(--color-red-700) !important;
    background-color: var(--color-red-700) !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: 2px !important;
    outline-offset: 4px !important;
    outline-color: var(--color-secondary-base) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
}
@layer components {
  .docs__parameters-table {
    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);
    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-regular);
    font-weight: var(--font-weight-regular);
  }
  .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;
  }
}
@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);
    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 >= 90rem) {
    .docs__container--normal-width .docs__container--lg {
      display: none;
    }
  }
  .docs__container--normal-width .docs__container--xl {
    display: none;
  }
  @media (width >= 90rem) {
    .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 >= 90rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 96rem;
    }
  }
  .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 .container {
    padding-inline: unset;
    max-width: unset;
  }
  .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 >= 90rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .docs__container--fixed-width .docs__container--default {
      max-width: 96rem;
    }
  }
  .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 .container {
    padding-inline: unset;
    max-width: unset;
  }
  .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 >= 90rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .docs__container--fixed-width .docs__container--xs {
        max-width: 96rem;
      }
    }
  }
  @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);
      }
    }
    .docs__container--fixed-width .docs__container--xs .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @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 >= 90rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .docs__container--fixed-width .docs__container--sm {
        max-width: 96rem;
      }
    }
  }
  @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);
      }
    }
    .docs__container--fixed-width .docs__container--sm .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @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 >= 90rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .docs__container--fixed-width .docs__container--md {
        max-width: 96rem;
      }
    }
  }
  @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);
      }
    }
    .docs__container--fixed-width .docs__container--md .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @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 >= 90rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .docs__container--fixed-width .docs__container--lg {
        max-width: 96rem;
      }
    }
  }
  @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);
      }
    }
    .docs__container--fixed-width .docs__container--lg .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @media (width >= 64rem) {
    .docs__container--fixed-width .docs__container--lg {
      opacity: 100%;
    }
  }
  @media (width >= 90rem) {
    .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 >= 90rem) {
    .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 >= 90rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 90rem;
      }
    }
    @media (width >= 96rem) {
      .docs__container--fixed-width .docs__container--xl {
        max-width: 96rem;
      }
    }
  }
  @media (width >= 90rem) {
    .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);
      }
    }
    .docs__container--fixed-width .docs__container--xl .container {
      padding-inline: unset;
      max-width: unset;
    }
  }
  @media (width >= 90rem) {
    .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);
  }
  .docs__mask-loop-offset-1 {
    --mask-loop-offset: 1;
  }
  .docs__mask-loop-offset-negative-1 {
    --mask-loop-offset: -1;
  }
  .docs__mask-loop-offset-3 {
    --mask-loop-offset: 3;
  }
  .docs__mask-loop-offset-negative-3 {
    --mask-loop-offset: -3;
  }
  .docs__mask-loop-offset-5 {
    --mask-loop-offset: 5;
  }
  .docs__mask-loop-offset-negative-5 {
    --mask-loop-offset: -5;
  }
}
@layer components {
  .docs__doodle {
    position: relative;
    background-image: var(--docs-bg-stripes);
    padding-block: var(--section-spacing);
  }
  .docs__doodle--dark {
    background-image: var(--docs-bg-stripes-dark);
  }
  .docs__doodle__content {
    background-color: color-mix(in srgb, #ffffff 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .docs__doodle__content {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
}
@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;
    }
  }
  .docs__card-matrix__intro {
    margin-bottom: calc(var(--spacing) * 4);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    opacity: 90%;
  }
  .docs__card-matrix__scroll {
    margin-bottom: calc(var(--spacing) * 4);
    overflow-x: auto;
  }
  .docs__card-matrix__table {
    width: 100%;
    max-width: var(--container-4xl);
    border-collapse: collapse;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .docs__card-matrix__table:where(.dark, .dark *) {
    border-color: var(--color-gray-600);
  }
  .docs__card-matrix__table th {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .docs__card-matrix__table th:where(.dark, .dark *) {
    border-color: var(--color-gray-600);
  }
  .docs__card-matrix__table th:where(.dark, .dark *) {
    background-color: var(--color-gray-800);
  }
  .docs__card-matrix__table td {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .docs__card-matrix__table td:where(.dark, .dark *) {
    border-color: var(--color-gray-600);
  }
  .docs__card-matrix__table th:first-child,
    .docs__card-matrix__table td:first-child {
    text-align: left;
  }
  .docs__card-matrix__table th:not(:first-child),
    .docs__card-matrix__table td:not(:first-child) {
    text-align: center;
  }
  .docs__card-matrix__table code {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
@layer components {
  .docs__sticky .docs__sticky-item {
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-black);
    padding: calc(var(--spacing) * 10);
    text-align: center;
    color: var(--color-white);
  }
  .docs__sticky-container {
    border-style: var(--tw-border-style);
    border-width: 4px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-tertiary-700);
  }
  .docs__sticky--sidebar {
    display: flex;
  }
  .docs__sticky--sidebar .docs__sticky-col {
    width: 200px;
  }
  .docs__sticky--sidebar .docs__sticky-col-content {
    flex: 1;
  }
  .docs__sticky--sidebar .docs__sticky-container {
    display: flex;
    gap: calc(var(--spacing) * 10);
  }
  .docs__sticky--overlay .docs__sticky-item {
    width: 200px;
  }
  .docs__sticky--overlay .docs__sticky-section {
    padding-left: calc(200px + 2.5rem);
  }
  .docs__sticky-section {
    background-color: var(--color-primary-100);
  }
  .docs__sticky-section:nth-child(even) {
    background-color: var(--color-secondary-base);
  }
}
@layer components {
  .docs__scroll-spy .scroll-spy__target {
    background-color: var(--color-primary-100);
    padding: calc(var(--spacing) * 10);
  }
  .docs__scroll-spy .scroll-spy__target:nth-child(even) {
    background-color: var(--color-secondary-base);
  }
  .docs__scroll-spy .scroll-spy__container {
    border-style: var(--tw-border-style);
    border-width: 4px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-tertiary-700);
  }
  .docs__scroll-spy--sidebar .scroll-spy__container {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .scroll-spy__container {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .scroll-spy__container {
      gap: calc(var(--spacing) * 10);
    }
  }
  .docs__scroll-spy--sidebar .scroll-spy__container > .scroll-spy__jump-nav-wrapper {
    display: contents;
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .scroll-spy__container > .scroll-spy__jump-nav-wrapper {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .scroll-spy__container > .scroll-spy__jump-nav-wrapper {
      width: 200px;
    }
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .scroll-spy__container > .scroll-spy__jump-nav-wrapper {
      flex-shrink: 0;
    }
  }
  @media (width >= 64rem) {
    .docs__scroll-spy--sidebar .docs__scroll-spy-col-content {
      flex: 1;
    }
  }
  .docs__scroll-spy--sidebar .scroll-spy__container > .scroll-spy__jump-nav-wrapper .scroll-spy__jump-nav-wrapper {
    width: auto;
    margin-left: 0;
  }
  @media (width >=1024px) {
    .docs__scroll-spy--overlay .scroll-spy__jump-nav-wrapper {
      width: 200px;
      margin-left: 0;
    }
    .docs__scroll-spy--overlay .scroll-spy__target {
      padding-left: calc(200px + 2.5rem);
    }
  }
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-duration {
  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-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-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-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-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);
  }
}
@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-outline-style: solid;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-duration: 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-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-ease: initial;
    }
  }
}