/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Calibri, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-950: oklch(28.6% 0.066 53.813);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-blue-50: #f7fafc;
    --color-blue-100: #eaeff4;
    --color-blue-200: #c9d5e2;
    --color-blue-300: #93abc5;
    --color-blue-400: #5479a3;
    --color-blue-500: #29588c;
    --color-blue-600: #224873;
    --color-blue-700: #1a3859;
    --color-blue-800: #132840;
    --color-blue-900: #0b1826;
    --color-blue-950: #0b1826;
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-gray-50: #f7f7f7;
    --color-gray-100: #efefef;
    --color-gray-200: #d5d5d5;
    --color-gray-300: #acacac;
    --color-gray-400: #848484;
    --color-gray-500: #5b5b5b;
    --color-gray-700: #3a3a3a;
    --color-gray-800: #292929;
    --color-gray-900: #000f1f;
    --color-black: #0b1826;
    --color-white: #ffffff;
    --spacing: 0.25rem;
    --container-2xs: 18rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --leading-normal: 1.5;
    --radius-xs: 0.125rem;
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --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);
    --color-body-fg: var(--color-gray-800);
    --color-body-bg: white;
    --color-primary-100: var(--color-blue-100);
    --color-primary-400: var(--color-blue-400);
    --color-primary-500: var(--color-blue-500);
    --color-primary-600: var(--color-blue-600);
    --color-primary-900: var(--color-blue-900);
    --color-primary-lighter: var(--color-primary-400);
    --color-primary: var(--color-primary-500);
    --color-secondary-400: var(--color-blue-400);
    --color-secondary-500: var(--color-blue-500);
    --color-secondary-lighter: var(--color-secondary-400);
    --color-secondary: var(--color-secondary-400);
    --color-secondary-darker: var(--color-secondary-500);
    --color-light: var(--color-slate-100);
    --color-success-accent: var(--color-green-500);
    --color-success-fg-on-accent: 'white';
    --color-success-fg: var(--color-green-800);
    --color-success-fg-on-bg: var(--color-green-700);
    --color-success-bg: var(--color-green-50);
    --color-success-border: var(--color-green-500);
    --color-success-border-on-bg: var(--color-green-500);
    --color-success-fg-dark: var(--color-green-600);
    --color-success-fg-on-bg-dark: var(--color-green-600);
    --color-success-bg-dark: var(--color-green-950);
    --color-success-border-dark: var(--color-green-700);
    --color-success-border-on-bg-dark: var(--color-green-700);
    --color-warning-accent: var(--color-yellow-500);
    --color-warning-fg: var(--color-yellow-800);
    --color-warning-fg-on-bg: var(--color-yellow-700);
    --color-warning-bg: var(--color-yellow-50);
    --color-warning-border: var(--color-yellow-600);
    --color-warning-border-on-bg: var(--color-yellow-600);
    --color-warning-fg-dark: var(--color-yellow-600);
    --color-warning-fg-on-bg-dark: var(--color-yellow-600);
    --color-warning-bg-dark: var(--color-yellow-950);
    --color-warning-border-dark: var(--color-yellow-600);
    --color-warning-border-on-bg-dark: var(--color-yellow-600);
    --color-danger-accent: var(--color-red-500);
    --color-danger-fg: var(--color-red-800);
    --color-danger-fg-on-bg: var(--color-red-700);
    --color-danger-bg: var(--color-red-50);
    --color-danger-border: var(--color-red-400);
    --color-danger-border-on-bg: var(--color-red-400);
    --color-danger-fg-dark: var(--color-red-500);
    --color-danger-fg-on-bg-dark: var(--color-red-500);
    --color-danger-bg-dark: var(--color-red-950);
    --color-danger-border-dark: var(--color-red-500);
    --color-danger-border-on-bg-dark: var(--color-red-500);
    --color-info-accent: var(--color-primary);
    --color-info-fg: var(--color-blue-800);
    --color-info-fg-on-bg: var(--color-blue-700);
    --color-info-bg: var(--color-blue-50);
    --color-info-border: var(--color-blue-400);
    --color-info-border-on-bg: var(--color-blue-400);
    --color-info-fg-dark: var(--color-blue-500);
    --color-info-fg-on-bg-dark: var(--color-blue-400);
    --color-info-bg-dark: var(--color-blue-950);
    --color-info-border-dark: var(--color-blue-500);
    --color-info-border-on-bg-dark: var(--color-blue-500);
    --color-neutral-accent: var(--color-gray-500);
    --color-neutral-fg: var(--color-gray-800);
    --color-neutral-fg-on-bg: var(--color-gray-700);
    --color-neutral-bg: color-mix(in srgb, #d5d5d5 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-bg: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
    }
    --color-neutral-border-on-bg: var(--color-gray-400);
    --color-neutral-border: var(--color-gray-400);
    --color-neutral-fg-dark: var(--color-gray-400);
    --color-neutral-fg-on-bg-dark: var(--color-gray-400);
    --color-neutral-bg-dark: color-mix(in srgb, #d5d5d5 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-bg-dark: color-mix(in oklab, var(--color-gray-200) 20%, transparent);
    }
    --color-neutral-border-dark: var(--color-gray-500);
    --color-neutral-border-on-bg-dark: var(--color-gray-500);
    --gap-none: 0px;
    --gap-xs: 0.5rem;
    --gap-sm: 1rem;
    --gap-default: 2rem;
    --gap-lg: 4rem;
    --padding-none: 0px;
    --padding-sm: 1rem;
    --padding-default: 1.5rem;
    --spacing-admin-bar: var(--wp-admin--admin-bar--height, 0px);
    --aspect-1\/1: 1 / 1;
    --aspect-3\/2: 3 / 2;
    --aspect-4\/3: 4 / 3;
    --aspect-5\/4: 5 / 4;
    --aspect-16\/9: 16 / 9;
    --aspect-21\/9: 21 / 9;
    --font-heading: "Booster Next FY Bold";
    --font-heading-alternative: "Booster Next FY Bold";
    --font-subheading: "Booster Next FY Bold";
    --font-subheading-alternative: "Booster Next FY Bold";
    --text-theme-sm: 0.875rem;
    --text-theme-sm--line-height: 1.5;
    --text-theme-sm--letter-spacing: 0em;
    --text-theme-sm--font-weight: 400;
    --text-theme-base: 1rem;
    --text-theme-base--line-height: 1.5;
    --text-theme-base--letter-spacing: 0em;
    --text-theme-base--font-weight: 400;
    --text-theme-lg: clamp(.875rem, 7vw, 1rem);
    --text-theme-lg--line-height: 1.5;
    --text-theme-lg--letter-spacing: 0em;
    --text-theme-lg--font-weight: 400;
    --text-theme-lead: 1.125rem;
    --text-theme-lead--line-height: 1.5;
    --text-theme-lead--letter-spacing: 0em;
    --text-theme-lead--font-weight: 700;
    --text-h1: clamp(2rem, 3vw, 2.5rem);
    --text-h1--line-height: 1.25;
    --text-h1--letter-spacing: 0em;
    --text-h1--font-weight: 400;
    --text-h2: clamp(1.75rem, 3vw, 2rem);
    --text-h2--line-height: 1.25;
    --text-h2--letter-spacing: 0em;
    --text-h2--font-weight: 400;
    --text-h3: 1.5rem;
    --text-h3--line-height: 1.25;
    --text-h3--letter-spacing: 0em;
    --text-h3--font-weight: 400;
    --text-h4: 1.25rem;
    --text-h4--line-height: 1.25;
    --text-h4--letter-spacing: 0em;
    --text-h4--font-weight: 400;
    --text-h5: 1.125rem;
    --text-h5--line-height: 1.5;
    --text-h5--letter-spacing: 0em;
    --text-h5--font-weight: 400;
    --text-h6: 1rem;
    --text-h6--line-height: 1.5;
    --text-h6--letter-spacing: 0em;
    --text-h6--font-weight: 400;
    --text-h1-subtitle: clamp(1rem, 3vw, 1.125rem);
    --text-h1-subtitle--line-height: 1.25;
    --text-h1-subtitle--letter-spacing: 0em;
    --text-h1-subtitle--font-weight: 400;
    --text-h2-subtitle: clamp(.875rem, 3vw, 1rem);
    --text-h2-subtitle--line-height: 1.25;
    --text-h2-subtitle--letter-spacing: 0em;
    --text-h2-subtitle--font-weight: 400;
    --text-h3-subtitle: clamp(.75rem, 3vw, .875rem);
    --text-h3-subtitle--line-height: 1.25;
    --text-h3-subtitle--letter-spacing: 0em;
    --text-h3-subtitle--font-weight: 400;
    --text-h4-subtitle: clamp(.75rem, 3vw, .875rem);
    --text-h4-subtitle--line-height: 1.25;
    --text-h4-subtitle--letter-spacing: 0em;
    --text-h4-subtitle--font-weight: 400;
    --text-h5-subtitle: .75rem;
    --text-h5-subtitle--line-height: 1.25;
    --text-h5-subtitle--letter-spacing: 0em;
    --text-h5-subtitle--font-weight: 400;
    --text-h6-subtitle: .75rem;
    --text-h6-subtitle--line-height: 1.25;
    --text-h6-subtitle--letter-spacing: 0em;
    --text-h6-subtitle--font-weight: 400;
    --text-d1: clamp(2.5rem, 4.5vw, 4rem);
    --text-d1--line-height: 1.25;
    --text-d1--letter-spacing: 0em;
    --text-d1--font-weight: 400;
    --text-d2: clamp(2rem, 4.5vw, 3.5rem);
    --text-d2--line-height: 1.25;
    --text-d2--letter-spacing: 0em;
    --text-d2--font-weight: 400;
    --text-d3: clamp(1.75rem, 4.5vw, 3rem);
    --text-d3--line-height: 1.25;
    --text-d3--letter-spacing: 0em;
    --text-d3--font-weight: 400;
    --text-d4: clamp(2.25rem, 7vw, 3rem);
    --text-d4--line-height: 1.25;
    --text-d4--letter-spacing: 0em;
    --text-d4--font-weight: 300;
    --text-d1-subtitle: clamp(1rem, 4.5vw, 1.5rem);
    --text-d1-subtitle--line-height: 1.25;
    --text-d1-subtitle--letter-spacing: 0em;
    --text-d1-subtitle--font-weight: 400;
    --text-d2-subtitle: clamp(.875rem, 4.5vw, 1.25rem);
    --text-d2-subtitle--line-height: 1.25;
    --text-d2-subtitle--letter-spacing: 0em;
    --text-d2-subtitle--font-weight: 400;
    --text-d3-subtitle: clamp(.75rem, 4.5vw, 1.125rem);
    --text-d3-subtitle--line-height: 1.25;
    --text-d3-subtitle--letter-spacing: 0em;
    --text-d3-subtitle--font-weight: 400;
    --text-d4-subtitle: clamp(1.25rem, 7vw, 1.5rem);
    --text-d4-subtitle--line-height: 1.25;
    --text-d4-subtitle--letter-spacing: 0em;
    --text-d4-subtitle--font-weight: 300;
    --gap-xxs: 0.25rem;
    --header-top-bg: #ffffff;
    --shadow-base: 0px 0px 2px 0px rgba(0, 40, 80, 0.16), 0px 8px 24px 0px rgba(0, 40, 80, 0.12);
    --overlay-bg: rgba(11, 25, 40, 0.25);
    --animate-theme-ping: theme-ping 2.5s ease-out infinite;
  }
}


@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    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;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, 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;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::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(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container\/category-list {
    container-type: inline-size;
    container-name: category-list;
  }
  .\@container\/cta {
    container-type: inline-size;
    container-name: cta;
  }
  .\@container\/element-employee {
    container-type: inline-size;
    container-name: element-employee;
  }
  .\@container\/element-job-archive {
    container-type: inline-size;
    container-name: element-job-archive;
  }
  .\@container\/element-jobs {
    container-type: inline-size;
    container-name: element-jobs;
  }
  .\@container\/element-news {
    container-type: inline-size;
    container-name: element-news;
  }
  .\@container\/element-news-archive {
    container-type: inline-size;
    container-name: element-news-archive;
  }
  .\@container\/element-post-item {
    container-type: inline-size;
    container-name: element-post-item;
  }
  .\@container\/element-property {
    container-type: inline-size;
    container-name: element-property;
  }
  .\@container\/element-solution-archive {
    container-type: inline-size;
    container-name: element-solution-archive;
  }
  .\@container\/element-solutions {
    container-type: inline-size;
    container-name: element-solutions;
  }
  .\@container\/filterable-properties {
    container-type: inline-size;
    container-name: filterable-properties;
  }
  .\@container\/gallery-grid {
    container-type: inline-size;
    container-name: gallery-grid;
  }
  .\@container\/icons-list {
    container-type: inline-size;
    container-name: icons-list;
  }
  .\@container\/logos-grid {
    container-type: inline-size;
    container-name: logos-grid;
  }
  .\@container\/logos-slider {
    container-type: inline-size;
    container-name: logos-slider;
  }
  .\@container\/main {
    container-type: inline-size;
    container-name: main;
  }
  .\@container\/openinghours {
    container-type: inline-size;
    container-name: openinghours;
  }
  .\@container\/post-list {
    container-type: inline-size;
    container-name: post-list;
  }
  .\@container\/protected-content {
    container-type: inline-size;
    container-name: protected-content;
  }
  .\@container\/tabs {
    container-type: inline-size;
    container-name: tabs;
  }
  .\@container\/testimonial {
    container-type: inline-size;
    container-name: testimonial;
  }
  .\@container {
    container-type: inline-size;
  }
  .filter-color-gradient {
    background: linear-gradient(90deg, rgba(255, 133, 0, 0.40) 0%, rgba(85, 102, 102, 0.40) 50%, rgba(0, 89, 144, 0.20) 100%);
    mix-blend-mode: hard-light;
    pointer-events: none;
  }
  .filter-grayscale {
    background: #000;
    mix-blend-mode: color;
    pointer-events: none;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-\[var\(--element-col-sticky-content-offset-top\,var\(--element-col-sticky-content-offset\,var\(--header-height\,0px\)\)\)\] {
    top: var(--element-col-sticky-content-offset-top,var(--element-col-sticky-content-offset,var(--header-height,0px)));
  }
  .top-admin-bar {
    top: var(--spacing-admin-bar);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[var\(--element-col-sticky-content-offset-bottom\,var\(--element-col-sticky-content-offset\,2rem\)\)\] {
    bottom: var(--element-col-sticky-content-offset-bottom,var(--element-col-sticky-content-offset,2rem));
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .isolate {
    isolation: isolate;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-100 {
    z-index: 100;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-first {
    order: -9999;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .container {
    width: 100%;
    @media (width >= 1216px) {
      max-width: 1216px;
    }
    @media (width >= 30rem) {
      max-width: 30rem;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 93.75rem) {
      max-width: 93.75rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .base-container {
    --container-padding: var(--base-container-padding-sm);
    --container-max-width: var(--base-container-max-width-default);
    @media (width > 48rem) {
      --container-padding: var(--base-container-padding-md);
    }
    @media (width > 64rem) {
      --container-padding: var(--base-container-padding-lg);
    }
    @media (width > 80rem) {
      --container-padding: var(--base-container-padding-xl);
    }
    @media (width > 96rem) {
      --container-padding: var(--base-container-padding-2xl);
    }
    &.base-container-sm {
      --container-max-width: var(--base-container-max-width-sm);
    }
    &.base-container-md {
      --container-max-width: var(--base-container-max-width-md);
    }
    &.base-container-full {
      --container-max-width: var(--base-container-max-width-full);
    }
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--container-max-width);
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .mr-auto {
    margin-right: auto;
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .button {
    --element-button-font-size: var(--element-button-sizes-default-font-size);
    --element-button-font-weight: var(--element-button-sizes-default-font-weight);
    --element-button-font-family: var(--element-button-sizes-default-font-family);
    --element-button-text-transform: var(--element-button-sizes-default-text-transform);
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
    --element-button-line-height: var(--element-button-sizes-default-line-height);
    --element-button-gap-x: var(--element-button-sizes-default-gap-x);
    --element-button-gap-y: var(--element-button-sizes-default-gap-y);
    --element-button-py: var(--element-button-sizes-default-py);
    --element-button-px: var(--element-button-sizes-default-px);
    --element-button-border-width: var(--element-button-sizes-default-border-width);
    --element-button-border-radius: var(--element-button-sizes-default-border-radius);
    --element-button-icon-size: var(--element-button-sizes-default-icon-size);
    --element-button-color: inherit;
    --element-button-color-hover: inherit;
    --element-button-color-active: inherit;
    --element-button-border-color: inherit;
    --element-button-border-color-hover: inherit;
    --element-button-border-color-active: inherit;
    --element-button-background-color: inherit;
    --element-button-background-color-hover: inherit;
    --element-button-background-color-active: inherit;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: var(--element-button-font-size);
    font-weight: var(--element-button-font-weight);
    font-family: var(--element-button-font-family, inherit);
    text-transform: var(--element-button-text-transform);
    letter-spacing: var(--element-button-letter-spacing);
    line-height: var(--element-button-line-height);
    column-gap: var(--element-button-gap-x);
    row-gap: var(--element-button-gap-y);
    padding: var(--element-button-py) var(--element-button-px);
    color: var(--element-button-color);
    border-width: var(--element-button-border-width);
    border-style: solid;
    border-color: var(--element-button-border-color);
    background-color: var(--element-button-background-color);
    border-radius: var(--element-button-border-radius);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    cursor: pointer;
    .button__icon {
      > * {
        font-size: var(--element-button-icon-size);
        width: var(--element-button-icon-size);
        height: auto;
      }
    }
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-color-hover);
        --element-button-border-color: var(--element-button-border-color-hover);
        --element-button-background-color: var(--element-button-background-color-hover);
      }
    }
    &:active {
      --element-button-color: var(--element-button-color-active);
      --element-button-border-color: var(--element-button-border-color-active);
      --element-button-background-color: var(--element-button-background-color-active);
    }
  }
  .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;
  }
  .aspect-1\/1 {
    aspect-ratio: var(--aspect-1\/1);
  }
  .aspect-3\/2 {
    aspect-ratio: var(--aspect-3\/2);
  }
  .aspect-4\/3 {
    aspect-ratio: var(--aspect-4\/3);
  }
  .aspect-5\/4 {
    aspect-ratio: var(--aspect-5\/4);
  }
  .aspect-16\/9 {
    aspect-ratio: var(--aspect-16\/9);
  }
  .aspect-21\/9 {
    aspect-ratio: var(--aspect-21\/9);
  }
  .aspect-\[var\(--img-aspect\,auto\)\] {
    aspect-ratio: var(--img-aspect,auto);
  }
  .aspect-\[var\(--video-aspect-ratio\,16\/9\)\] {
    aspect-ratio: var(--video-aspect-ratio,16/9);
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .styled-scrollbar {
    &::-webkit-scrollbar {
      width: var(--styled-scrollbar-width, 5px);
      height: var(--styled-scrollbar-height, 5px);
    }
    &::-webkit-scrollbar-track {
      background-color: var(--styled-scrollbar-track-bg, transparent);
      border-radius: var(--styled-scrollbar-track-border-radius, 2px);
    }
    &::-webkit-scrollbar-thumb {
      background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
      border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
    }
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-\[1em\] {
    width: 1em;
    height: 1em;
  }
  .size-\[clamp\(2rem\,2\.5vw\,3rem\)\] {
    width: clamp(2rem, 2.5vw, 3rem);
    height: clamp(2rem, 2.5vw, 3rem);
  }
  .size-\[var\(--element-socialmedia-size\,_1\.5rem\)\] {
    width: var(--element-socialmedia-size, 1.5rem);
    height: var(--element-socialmedia-size, 1.5rem);
  }
  .size-\[var\(--nav-menu-subnav-icon-size\,var\(--item-font-size\,1rem\)\)\] {
    width: var(--nav-menu-subnav-icon-size,var(--item-font-size,1rem));
    height: var(--nav-menu-subnav-icon-size,var(--item-font-size,1rem));
  }
  .size-auto {
    width: auto;
    height: auto;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-full {
    height: 100%;
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-23 {
    max-height: calc(var(--spacing) * 23);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-22 {
    min-height: calc(var(--spacing) * 22);
  }
  .min-h-\[calc\(100svh-var\(--wp-admin--admin-bar--height\,0px\)\)\] {
    min-height: calc(100svh - var(--wp-admin--admin-bar--height,0px));
  }
  .min-h-\[var\(--element-icons-list-icon-default-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*9\)\)\)\] {
    min-height: var(--element-icons-list-icon-default-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 9)));
  }
  .min-h-\[var\(--element-icons-list-icon-lg-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*12\)\)\)\] {
    min-height: var(--element-icons-list-icon-lg-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 12)));
  }
  .min-h-\[var\(--element-icons-list-icon-sm-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*6\)\)\)\] {
    min-height: var(--element-icons-list-icon-sm-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 6)));
  }
  .min-h-\[var\(--element-icons-list-icon-xl-title-min-height\,var\(--element-icons-list-title-min-height\,calc\(var\(--spacing\)\*14\)\)\)\] {
    min-height: var(--element-icons-list-icon-xl-title-min-height,var(--element-icons-list-title-min-height,calc(var(--spacing) * 14)));
  }
  .min-h-\[var\(--element-min-height-auto\)\] {
    min-height: var(--element-min-height-auto);
  }
  .min-h-\[var\(--element-min-height-full\)\] {
    min-height: var(--element-min-height-full);
  }
  .min-h-\[var\(--element-min-height-lg\)\] {
    min-height: var(--element-min-height-lg);
  }
  .min-h-\[var\(--element-min-height-md\)\] {
    min-height: var(--element-min-height-md);
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-\[var\(--element-icons-list-icon-default-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*9\)\)\)\] {
    width: var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)));
  }
  .w-\[var\(--element-icons-list-icon-lg-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*12\)\)\)\] {
    width: var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)));
  }
  .w-\[var\(--element-icons-list-icon-sm-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*6\)\)\)\] {
    width: var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)));
  }
  .w-\[var\(--element-icons-list-icon-xl-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*14\)\)\)\] {
    width: var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)));
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-2xs {
    max-width: var(--container-2xs);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .min-w-3xl {
    min-width: var(--container-3xl);
  }
  .min-w-\[max\(280px\,25\%\)\] {
    min-width: max(280px, 25%);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-\[400px\] {
    flex-basis: 400px;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-20 {
    --tw-translate-y: calc(var(--spacing) * 20);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .animate-theme-ping {
    animation: var(--animate-theme-ping);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  }
  .grid-rows-\[0_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: 0 auto minmax(0,1fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)_auto_0\] {
    grid-template-rows: minmax(0,1fr) auto 0;
  }
  .grid-rows-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0,1fr) auto minmax(0,1fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row\! {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[\.25rem\] {
    gap: .25rem;
  }
  .gap-\[var\(--element-buttons-gap-default\)\] {
    gap: var(--element-buttons-gap-default);
  }
  .gap-\[var\(--element-buttons-gap-lg\)\] {
    gap: var(--element-buttons-gap-lg);
  }
  .gap-\[var\(--element-buttons-gap-sm\)\] {
    gap: var(--element-buttons-gap-sm);
  }
  .gap-\[var\(--element-icons-list-icon-default-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*3\)\)\)\] {
    gap: var(--element-icons-list-icon-default-gap,var(--element-icons-list-gap,calc(var(--spacing) * 3)));
  }
  .gap-\[var\(--element-icons-list-icon-lg-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*4\)\)\)\] {
    gap: var(--element-icons-list-icon-lg-gap,var(--element-icons-list-gap,calc(var(--spacing) * 4)));
  }
  .gap-\[var\(--element-icons-list-icon-sm-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*2\)\)\)\] {
    gap: var(--element-icons-list-icon-sm-gap,var(--element-icons-list-gap,calc(var(--spacing) * 2)));
  }
  .gap-\[var\(--element-icons-list-icon-xl-gap\,var\(--element-icons-list-gap\,calc\(var\(--spacing\)\*4\)\)\)\] {
    gap: var(--element-icons-list-icon-xl-gap,var(--element-icons-list-gap,calc(var(--spacing) * 4)));
  }
  .gap-\[var\(--element-icons-list-title-default-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*3\)\)\)\] {
    gap: var(--element-icons-list-title-default-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 3)));
  }
  .gap-\[var\(--element-icons-list-title-lg-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*4\)\)\)\] {
    gap: var(--element-icons-list-title-lg-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 4)));
  }
  .gap-\[var\(--element-icons-list-title-sm-content-gap\,var\(--element-icons-list-content-gap\,calc\(var\(--spacing\)\*2\)\)\)\] {
    gap: var(--element-icons-list-title-sm-content-gap,var(--element-icons-list-content-gap,calc(var(--spacing) * 2)));
  }
  .gap-\[var\(--element-socialmedia-gap\,_var\(--element-gap-sm\)\)\] {
    gap: var(--element-socialmedia-gap, var(--element-gap-sm));
  }
  .gap-\[var\(--element-socialmedia-items-gap\,_var\(--element-gap-xs\)\)\] {
    gap: var(--element-socialmedia-items-gap, var(--element-gap-xs));
  }
  .gap-default {
    gap: var(--gap-default);
  }
  .gap-lg {
    gap: var(--gap-lg);
  }
  .gap-sm {
    gap: var(--gap-sm);
  }
  .gap-xs {
    gap: var(--gap-xs);
  }
  .space-y-6 {
    :where(& > :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)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-\[var\(--element-icons-list-gap-x\,var\(--gap-default\)\)\] {
    column-gap: var(--element-icons-list-gap-x,var(--gap-default));
  }
  .gap-x-\[var\(--element-row-gap-x-default\)\] {
    column-gap: var(--element-row-gap-x-default);
  }
  .gap-x-\[var\(--element-row-gap-x-lg\)\] {
    column-gap: var(--element-row-gap-x-lg);
  }
  .gap-x-\[var\(--element-row-gap-x-sm\)\] {
    column-gap: var(--element-row-gap-x-sm);
  }
  .gap-x-lg {
    column-gap: var(--gap-lg);
  }
  .gap-x-none {
    column-gap: var(--gap-none);
  }
  .\!gap-y-0 {
    row-gap: calc(var(--spacing) * 0) !important;
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-\[var\(--element-icons-list-gap-y\,var\(--gap-sm\)\)\] {
    row-gap: var(--element-icons-list-gap-y,var(--gap-sm));
  }
  .gap-y-\[var\(--element-row-gap-y-default\)\] {
    row-gap: var(--element-row-gap-y-default);
  }
  .gap-y-\[var\(--element-row-gap-y-lg\)\] {
    row-gap: var(--element-row-gap-y-lg);
  }
  .gap-y-\[var\(--element-row-gap-y-sm\)\] {
    row-gap: var(--element-row-gap-y-sm);
  }
  .gap-y-\[var\(--element-section-rows-gap-y-default\)\] {
    row-gap: var(--element-section-rows-gap-y-default);
  }
  .gap-y-\[var\(--element-section-rows-gap-y-lg\)\] {
    row-gap: var(--element-section-rows-gap-y-lg);
  }
  .gap-y-\[var\(--element-section-rows-gap-y-sm\)\] {
    row-gap: var(--element-section-rows-gap-y-sm);
  }
  .gap-y-none {
    row-gap: var(--gap-none);
  }
  .gap-y-sm {
    row-gap: var(--gap-sm);
  }
  .gap-y-xs {
    row-gap: var(--gap-xs);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-\[var\(--element-color-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--element-color-border);
    }
  }
  .divide-black\/10 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #0b1826 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .place-self-center {
    place-self: center;
  }
  .place-self-end {
    place-self: end;
  }
  .place-self-start {
    place-self: start;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .message {
    --element-message-accent: currentColor;
    --element-message-fg: currentColor;
    --element-message-bg: none;
    --element-message-border-radius: var(--element-border-radius-md, 0px);
    --element-message-title-font-weight: var(--font-weight-semibold);
    --element-message-padding: calc(var(--spacing) * 4);
    &[data-border="0"] {
      --element-message-border-width: 0;
    }
    &[data-border="0"][data-bg="0"] {
      --element-message-padding: 0;
    }
    background-color: var(--element-message-bg);
    border-radius: var(--element-message-border-radius);
    padding: var(--element-message-padding);
    font-size: var(--element-message-font-size, inherit);
    border: var(--element-message-border-width, 1px) var(--element-message-border-style, solid) var(--element-message-border, transparent);
    line-height: var(--element-message-line-height, 1.5);
    .element-message-content {
      --element-color-accent: currentColor;
      --element-color-accent-alternate: currentColor;
      --typography-link-decoration-default: var(--element-message-link-decoration-default, underline);
      --typography-link-decoration-hover: var(--element-message-link-decoration-hover, none);
      --typography-link-font-weight: var(--element-message-link-font-weight, var(--typography-font-weight));
      line-height: inherit;
    }
    &[data-type="success"] {
      --element-message-accent: var(--color-success-accent);
      --element-message-fg: var(--color-success-fg);
      --element-message-border: var(--color-success-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-success-bg);
        --element-message-fg: var(--color-success-fg-on-bg);
        --element-message-border: var(--color-success-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-success-fg-dark);
        --element-message-border: var(--color-success-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-success-bg-dark);
          --element-message-fg: var(--color-success-fg-on-bg-dark);
          --element-message-border: var(--color-success-border-on-bg-dark);
        }
      }
    }
    &[data-type="danger"] {
      --element-message-accent: var(--color-danger-accent);
      --element-message-fg: var(--color-danger-fg);
      --element-message-border: var(--color-danger-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-danger-bg);
        --element-message-fg: var(--color-danger-fg-on-bg);
        --element-message-border: var(--color-danger-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-danger-fg-dark);
        --element-message-border: var(--color-danger-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-danger-bg-dark);
          --element-message-fg: var(--color-danger-fg-on-bg-dark);
          --element-message-border: var(--color-danger-border-on-bg-dark);
        }
      }
    }
    &[data-type="warning"] {
      --element-message-accent: var(--color-warning-accent);
      --element-message-fg: var(--color-warning-fg);
      --element-message-border: var(--color-warning-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-warning-bg);
        --element-message-fg: var(--color-warning-fg-on-bg);
        --element-message-border: var(--color-warning-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-warning-fg-dark);
        --element-message-border: var(--color-warning-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-warning-bg-dark);
          --element-message-fg: var(--color-warning-fg-on-bg-dark);
          --element-message-border: var(--color-warning-border-on-bg-dark);
        }
      }
    }
    &[data-type="info"] {
      --element-message-accent: var(--color-info-accent);
      --element-message-fg: var(--color-info-fg);
      --element-message-border: var(--color-info-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-info-bg);
        --element-message-fg: var(--color-info-fg-on-bg);
        --element-message-border: var(--color-info-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-info-fg-dark);
        --element-message-border: var(--color-info-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-info-bg-dark);
          --element-message-fg: var(--color-info-fg-on-bg-dark);
          --element-message-border: var(--color-info-border-on-bg-dark);
        }
      }
    }
    &[data-type="neutral"] {
      --element-message-accent: var(--color-neutral-accent);
      --element-message-fg: var(--color-neutral-fg);
      --element-message-border: var(--color-neutral-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-neutral-bg);
        --element-message-fg: var(--color-neutral-fg-on-bg);
        --element-message-border: var(--color-neutral-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-neutral-fg-dark);
        --element-message-border: var(--color-neutral-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-neutral-bg-dark);
          --element-message-fg: var(--color-neutral-fg-on-bg-dark);
          --element-message-border: var(--color-neutral-border-on-bg-dark);
        }
      }
    }
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[var\(--element-bg-border-radius\,var\(--element-border-radius-lg\,_0px\)\)\] {
    border-radius: var(--element-bg-border-radius,var(--element-border-radius-lg, 0px));
  }
  .rounded-\[var\(--element-image-border-radius\,var\(--element-border-radius-md\,_0px\)\)\] {
    border-radius: var(--element-image-border-radius,var(--element-border-radius-md, 0px));
  }
  .rounded-\[var\(--element-nav-list-dropdown-border-radius\,var\(--element-border-radius-md\,_0px\)\)\] {
    border-radius: var(--element-nav-list-dropdown-border-radius,var(--element-border-radius-md, 0px));
  }
  .rounded-\[var\(--element-tabs-tab-image-border-radius\,var\(--element-border-radius-sm\,_0px\)\)\] {
    border-radius: var(--element-tabs-tab-image-border-radius,var(--element-border-radius-sm, 0px));
  }
  .rounded-\[var\(--element-testimonial-border-radius\,var\(--element-border-radius-md\,_0px\)\)\] {
    border-radius: var(--element-testimonial-border-radius,var(--element-border-radius-md, 0px));
  }
  .rounded-\[var\(--element-video-border-radius\,var\(--element-border-radius-md\,_0px\)\)\] {
    border-radius: var(--element-video-border-radius,var(--element-border-radius-md, 0px));
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-x-\[12px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 12px;
  }
  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[12px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 12px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[length\:var\(--element-nav-list-child-item-border-left\,2px\)\] {
    border-left-style: var(--tw-border-style);
    border-left-width: var(--element-nav-list-child-item-border-left,2px);
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[\#00000015\] {
    border-color: #00000015;
  }
  .border-\[var\(--element-color-border\)\] {
    border-color: var(--element-color-border);
  }
  .border-\[var\(--element-color-heading\)\] {
    border-color: var(--element-color-heading);
  }
  .border-\[var\(--element-color-nav-tab-border\)\] {
    border-color: var(--element-color-nav-tab-border);
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #0b1826 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-x-transparent {
    border-inline-color: transparent;
  }
  .border-b-\[var\(--element-color-bg-alternate\)\] {
    border-bottom-color: var(--element-color-bg-alternate);
  }
  .bg-\[\#0082FA\] {
    background-color: #0082FA;
  }
  .bg-\[var\(--element-color-bg\)\] {
    background-color: var(--element-color-bg);
  }
  .bg-\[var\(--element-color-bg-alternate\)\] {
    background-color: var(--element-color-bg-alternate);
  }
  .bg-\[var\(--element-forms-colors-inputs-radio-checkbox-accent-active\)\] {
    background-color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #0b1826 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-body-bg {
    background-color: var(--color-body-bg);
  }
  .bg-light {
    background-color: var(--color-light);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-900\/50 {
    background-color: color-mix(in srgb, #0b1826 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-900) 50%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #ffffff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #ffffff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-\[var\(--element-nav-list-item-padding-y\,0\.75rem\)\] {
    padding-block: var(--element-nav-list-item-padding-y,0.75rem);
  }
  .py-\[var\(--element-nav-list-item-py\,0\.75rem\)\] {
    padding-block: var(--element-nav-list-item-py,0.75rem);
  }
  .\!ps-0 {
    padding-inline-start: calc(var(--spacing) * 0) !important;
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-\[var\(--element-col-padding-t-default\,var\(--element-col-padding-default\)\)\] {
    padding-top: var(--element-col-padding-t-default,var(--element-col-padding-default));
  }
  .pt-\[var\(--element-col-padding-t-lg\,var\(--element-col-padding-lg\)\)\] {
    padding-top: var(--element-col-padding-t-lg,var(--element-col-padding-lg));
  }
  .pt-\[var\(--element-col-padding-t-sm\,var\(--element-col-padding-sm\)\)\] {
    padding-top: var(--element-col-padding-t-sm,var(--element-col-padding-sm));
  }
  .pt-\[var\(--element-row-padding-t-default\,var\(--element-row-padding-default\)\)\] {
    padding-top: var(--element-row-padding-t-default,var(--element-row-padding-default));
  }
  .pt-\[var\(--element-row-padding-t-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-top: var(--element-row-padding-t-lg,var(--element-row-padding-lg));
  }
  .pt-\[var\(--element-row-padding-t-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-top: var(--element-row-padding-t-sm,var(--element-row-padding-sm));
  }
  .pt-default {
    padding-top: var(--padding-default);
  }
  .pt-none {
    padding-top: var(--padding-none);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-\[var\(--element-col-padding-r-default\,var\(--element-col-padding-default\)\)\] {
    padding-right: var(--element-col-padding-r-default,var(--element-col-padding-default));
  }
  .pr-\[var\(--element-col-padding-r-lg\,var\(--element-col-padding-lg\)\)\] {
    padding-right: var(--element-col-padding-r-lg,var(--element-col-padding-lg));
  }
  .pr-\[var\(--element-col-padding-r-sm\,var\(--element-col-padding-sm\)\)\] {
    padding-right: var(--element-col-padding-r-sm,var(--element-col-padding-sm));
  }
  .pr-\[var\(--element-row-padding-r-default\,var\(--element-row-padding-default\)\)\] {
    padding-right: var(--element-row-padding-r-default,var(--element-row-padding-default));
  }
  .pr-\[var\(--element-row-padding-r-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-right: var(--element-row-padding-r-lg,var(--element-row-padding-lg));
  }
  .pr-\[var\(--element-row-padding-r-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-right: var(--element-row-padding-r-sm,var(--element-row-padding-sm));
  }
  .pr-none {
    padding-right: var(--padding-none);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-\[var\(--element-col-padding-b-default\,var\(--element-col-padding-default\)\)\] {
    padding-bottom: var(--element-col-padding-b-default,var(--element-col-padding-default));
  }
  .pb-\[var\(--element-col-padding-b-lg\,var\(--element-col-padding-lg\)\)\] {
    padding-bottom: var(--element-col-padding-b-lg,var(--element-col-padding-lg));
  }
  .pb-\[var\(--element-col-padding-b-sm\,var\(--element-col-padding-sm\)\)\] {
    padding-bottom: var(--element-col-padding-b-sm,var(--element-col-padding-sm));
  }
  .pb-\[var\(--element-row-padding-b-default\,var\(--element-row-padding-default\)\)\] {
    padding-bottom: var(--element-row-padding-b-default,var(--element-row-padding-default));
  }
  .pb-\[var\(--element-row-padding-b-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-bottom: var(--element-row-padding-b-lg,var(--element-row-padding-lg));
  }
  .pb-\[var\(--element-row-padding-b-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-bottom: var(--element-row-padding-b-sm,var(--element-row-padding-sm));
  }
  .pb-\[var\(--typography-item-margin-bottom\)\] {
    padding-bottom: var(--typography-item-margin-bottom);
  }
  .pb-none {
    padding-bottom: var(--padding-none);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-\[var\(--element-col-padding-l-default\,var\(--element-col-padding-default\)\)\] {
    padding-left: var(--element-col-padding-l-default,var(--element-col-padding-default));
  }
  .pl-\[var\(--element-col-padding-l-lg\,var\(--element-col-padding-lg\)\)\] {
    padding-left: var(--element-col-padding-l-lg,var(--element-col-padding-lg));
  }
  .pl-\[var\(--element-col-padding-l-sm\,var\(--element-col-padding-sm\)\)\] {
    padding-left: var(--element-col-padding-l-sm,var(--element-col-padding-sm));
  }
  .pl-\[var\(--element-nav-list-child-item-padding-left\,0\.75rem\)\] {
    padding-left: var(--element-nav-list-child-item-padding-left,0.75rem);
  }
  .pl-\[var\(--element-row-padding-l-default\,var\(--element-row-padding-default\)\)\] {
    padding-left: var(--element-row-padding-l-default,var(--element-row-padding-default));
  }
  .pl-\[var\(--element-row-padding-l-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-left: var(--element-row-padding-l-lg,var(--element-row-padding-lg));
  }
  .pl-\[var\(--element-row-padding-l-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-left: var(--element-row-padding-l-sm,var(--element-row-padding-sm));
  }
  .pl-none {
    padding-left: var(--padding-none);
  }
  .pl-sm {
    padding-left: var(--padding-sm);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-heading {
    font-family: var(--font-heading);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-d1 {
    font-size: var(--text-d1);
    line-height: var(--tw-leading, var(--text-d1--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d1--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d1--font-weight));
  }
  .text-d1-subtitle {
    font-size: var(--text-d1-subtitle);
    line-height: var(--tw-leading, var(--text-d1-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d1-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d1-subtitle--font-weight));
  }
  .text-d2 {
    font-size: var(--text-d2);
    line-height: var(--tw-leading, var(--text-d2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d2--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d2--font-weight));
  }
  .text-d2-subtitle {
    font-size: var(--text-d2-subtitle);
    line-height: var(--tw-leading, var(--text-d2-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d2-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d2-subtitle--font-weight));
  }
  .text-d3 {
    font-size: var(--text-d3);
    line-height: var(--tw-leading, var(--text-d3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d3--font-weight));
  }
  .text-d3-subtitle {
    font-size: var(--text-d3-subtitle);
    line-height: var(--tw-leading, var(--text-d3-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d3-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d3-subtitle--font-weight));
  }
  .text-d4 {
    font-size: var(--text-d4);
    line-height: var(--tw-leading, var(--text-d4--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d4--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d4--font-weight));
  }
  .text-d4-subtitle {
    font-size: var(--text-d4-subtitle);
    line-height: var(--tw-leading, var(--text-d4-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-d4-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-d4-subtitle--font-weight));
  }
  .text-h1 {
    font-size: var(--text-h1);
    line-height: var(--tw-leading, var(--text-h1--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
  }
  .text-h1-subtitle {
    font-size: var(--text-h1-subtitle);
    line-height: var(--tw-leading, var(--text-h1-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h1-subtitle--font-weight));
  }
  .text-h2 {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
  }
  .text-h2-subtitle {
    font-size: var(--text-h2-subtitle);
    line-height: var(--tw-leading, var(--text-h2-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h2-subtitle--font-weight));
  }
  .text-h3 {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }
  .text-h3-subtitle {
    font-size: var(--text-h3-subtitle);
    line-height: var(--tw-leading, var(--text-h3-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3-subtitle--font-weight));
  }
  .text-h4 {
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
  }
  .text-h4-subtitle {
    font-size: var(--text-h4-subtitle);
    line-height: var(--tw-leading, var(--text-h4-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h4-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h4-subtitle--font-weight));
  }
  .text-h5 {
    font-size: var(--text-h5);
    line-height: var(--tw-leading, var(--text-h5--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
  }
  .text-h5-subtitle {
    font-size: var(--text-h5-subtitle);
    line-height: var(--tw-leading, var(--text-h5-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h5-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h5-subtitle--font-weight));
  }
  .text-h6 {
    font-size: var(--text-h6);
    line-height: var(--tw-leading, var(--text-h6--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
  }
  .text-h6-subtitle {
    font-size: var(--text-h6-subtitle);
    line-height: var(--tw-leading, var(--text-h6-subtitle--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h6-subtitle--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h6-subtitle--font-weight));
  }
  .text-theme-base {
    font-size: var(--text-theme-base);
    line-height: var(--tw-leading, var(--text-theme-base--line-height));
    letter-spacing: var(--tw-tracking, var(--text-theme-base--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-theme-base--font-weight));
  }
  .text-theme-lead {
    font-size: var(--text-theme-lead);
    line-height: var(--tw-leading, var(--text-theme-lead--line-height));
    letter-spacing: var(--tw-tracking, var(--text-theme-lead--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-theme-lead--font-weight));
  }
  .text-theme-lg {
    font-size: var(--text-theme-lg);
    line-height: var(--tw-leading, var(--text-theme-lg--line-height));
    letter-spacing: var(--tw-tracking, var(--text-theme-lg--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-theme-lg--font-weight));
  }
  .text-theme-sm {
    font-size: var(--text-theme-sm);
    line-height: var(--tw-leading, var(--text-theme-sm--line-height));
    letter-spacing: var(--tw-tracking, var(--text-theme-sm--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-theme-sm--font-weight));
  }
  .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-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--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-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[length\:var\(--element-icons-list-title-default-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-base\)\)\)\] {
    font-size: var(--element-icons-list-title-default-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-base)));
  }
  .text-\[length\:var\(--element-icons-list-title-default-text-size\,var\(--element-icons-list-text-size\,var\(--text-theme-base\)\)\)\] {
    font-size: var(--element-icons-list-title-default-text-size,var(--element-icons-list-text-size,var(--text-theme-base)));
  }
  .text-\[length\:var\(--element-icons-list-title-default-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-base\)\)\)\] {
    font-size: var(--element-icons-list-title-default-title-size,var(--element-icons-list-title-size,var(--text-theme-base)));
  }
  .text-\[length\:var\(--element-icons-list-title-lg-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-lg\)\)\)\] {
    font-size: var(--element-icons-list-title-lg-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-lg)));
  }
  .text-\[length\:var\(--element-icons-list-title-lg-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-lg\)\)\)\] {
    font-size: var(--element-icons-list-title-lg-title-size,var(--element-icons-list-title-size,var(--text-theme-lg)));
  }
  .text-\[length\:var\(--element-icons-list-title-sm-subtitle-size\,var\(--element-icons-list-subtitle-size\,var\(--text-theme-sm\)\)\)\] {
    font-size: var(--element-icons-list-title-sm-subtitle-size,var(--element-icons-list-subtitle-size,var(--text-theme-sm)));
  }
  .text-\[length\:var\(--element-icons-list-title-sm-text-size\,var\(--element-icons-list-text-size\,var\(--text-theme-sm\)\)\)\] {
    font-size: var(--element-icons-list-title-sm-text-size,var(--element-icons-list-text-size,var(--text-theme-sm)));
  }
  .text-\[length\:var\(--element-icons-list-title-sm-title-size\,var\(--element-icons-list-title-size\,var\(--text-theme-sm\)\)\)\] {
    font-size: var(--element-icons-list-title-sm-title-size,var(--element-icons-list-title-size,var(--text-theme-sm)));
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[var\(--element-icons-list-text-line-height\,var\(--text-theme-base--line-height\)\)\] {
    --tw-leading: var(--element-icons-list-text-line-height,var(--text-theme-base--line-height));
    line-height: var(--element-icons-list-text-line-height,var(--text-theme-base--line-height));
  }
  .leading-\[var\(--element-icons-list-title-default-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-base--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-default-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-base--line-height)));
    line-height: var(--element-icons-list-title-default-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-base--line-height)));
  }
  .leading-\[var\(--element-icons-list-title-default-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-base--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-default-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-base--line-height)));
    line-height: var(--element-icons-list-title-default-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-base--line-height)));
  }
  .leading-\[var\(--element-icons-list-title-lg-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-lg--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-lg-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-lg--line-height)));
    line-height: var(--element-icons-list-title-lg-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-lg--line-height)));
  }
  .leading-\[var\(--element-icons-list-title-lg-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-lg--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-lg-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-lg--line-height)));
    line-height: var(--element-icons-list-title-lg-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-lg--line-height)));
  }
  .leading-\[var\(--element-icons-list-title-sm-subtitle-line-height\,var\(--element-icons-list-subtitle-line-height\,var\(--text-theme-sm--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-sm-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-sm--line-height)));
    line-height: var(--element-icons-list-title-sm-subtitle-line-height,var(--element-icons-list-subtitle-line-height,var(--text-theme-sm--line-height)));
  }
  .leading-\[var\(--element-icons-list-title-sm-title-line-height\,var\(--element-icons-list-title-line-height\,var\(--text-theme-sm--line-height\)\)\)\] {
    --tw-leading: var(--element-icons-list-title-sm-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-sm--line-height)));
    line-height: var(--element-icons-list-title-sm-title-line-height,var(--element-icons-list-title-line-height,var(--text-theme-sm--line-height)));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-\[900\] {
    --tw-font-weight: 900;
    font-weight: 900;
  }
  .font-\[var\(--element-message-title-font-weight\)\] {
    --tw-font-weight: var(--element-message-title-font-weight);
    font-weight: var(--element-message-title-font-weight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#374151\] {
    color: #374151;
  }
  .text-\[var\(--element-color-accent\)\] {
    color: var(--element-color-accent);
  }
  .text-\[var\(--element-color-default-fg-muted\)\] {
    color: var(--element-color-default-fg-muted);
  }
  .text-\[var\(--element-color-default-title\)\] {
    color: var(--element-color-default-title);
  }
  .text-\[var\(--element-color-fg\)\] {
    color: var(--element-color-fg);
  }
  .text-\[var\(--element-color-fg-muted\)\] {
    color: var(--element-color-fg-muted);
  }
  .text-\[var\(--element-color-nav-fg\)\] {
    color: var(--element-color-nav-fg);
  }
  .text-\[var\(--element-color-nav-tab-fg\)\] {
    color: var(--element-color-nav-tab-fg);
  }
  .text-\[var\(--element-color-socialmedia-item\,_var\(--element-color-accent\)\)\] {
    color: var(--element-color-socialmedia-item, var(--element-color-accent));
  }
  .text-\[var\(--element-color-subtitle\)\] {
    color: var(--element-color-subtitle);
  }
  .text-\[var\(--element-color-subtitle-alternate\)\] {
    color: var(--element-color-subtitle-alternate);
  }
  .text-\[var\(--element-color-title\)\] {
    color: var(--element-color-title);
  }
  .text-\[var\(--element-color-title-alternate\)\] {
    color: var(--element-color-title-alternate);
  }
  .text-\[var\(--element-message-accent\)\] {
    color: var(--element-message-accent);
  }
  .text-\[var\(--element-message-fg\)\] {
    color: var(--element-message-fg);
  }
  .text-black\/70 {
    color: color-mix(in srgb, #0b1826 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .text-black\/90 {
    color: color-mix(in srgb, #0b1826 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
  .text-body-fg {
    color: var(--color-body-fg);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-base {
    --tw-shadow: 0px 0px 2px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.16)), 0px 8px 24px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.12));
    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;
  }
  .drop-shadow-md {
    --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,);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    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));
  }
  .delay-100 {
    transition-delay: 100ms;
  }
  .delay-150 {
    transition-delay: 150ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .icon-arrow-left {
    content: "\e00b";
  }
  .icon-arrow-right {
    content: "\e00a";
  }
  .icon-at {
    content: "\e009";
  }
  .icon-envelope {
    content: "\e004";
  }
  .icon-linkedin-in-brands-solid {
    content: "\e00d";
  }
  .icon-magnifying-glass {
    content: "\e002";
  }
  .icon-phone-volume-solid {
    content: "\e010";
  }
  .icon-xmark {
    content: "\e000";
  }
  .button-lg {
    --element-button-font-size: var(--element-button-sizes-lg-font-size);
    --element-button-font-weight: var(--element-button-sizes-lg-font-weight);
    --element-button-font-family: var(--element-button-sizes-lg-font-family);
    --element-button-text-transform: var(--element-button-sizes-lg-text-transform);
    --element-button-line-height: var(--element-button-sizes-lg-line-height);
    --element-button-gap-x: var(--element-button-sizes-lg-gap-x);
    --element-button-gap-y: var(--element-button-sizes-lg-gap-y);
    --element-button-py: var(--element-button-sizes-lg-py);
    --element-button-px: var(--element-button-sizes-lg-px);
    --element-button-border-width: var(--element-button-sizes-lg-border-width);
    --element-button-border-radius: var(--element-button-sizes-lg-border-radius);
    --element-button-icon-size: var(--element-button-sizes-lg-icon-size);
    &:where(:not(.no-downscale)) {
      @media (max-width: 30rem) {
        --element-button-font-size: var(--element-button-sizes-default-font-size);
        --element-button-font-weight: var(--element-button-sizes-default-font-weight);
        --element-button-font-family: var(--element-button-sizes-default-font-family);
        --element-button-text-transform: var(--element-button-sizes-default-text-transform);
        --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
        --element-button-line-height: var(--element-button-sizes-default-line-height);
        --element-button-gap-x: var(--element-button-sizes-default-gap-x);
        --element-button-gap-y: var(--element-button-sizes-default-gap-y);
        --element-button-py: var(--element-button-sizes-default-py);
        --element-button-px: var(--element-button-sizes-default-px);
        --element-button-border-width: var(--element-button-sizes-default-border-width);
        --element-button-border-radius: var(--element-button-sizes-default-border-radius);
        --element-button-icon-size: var(--element-button-sizes-default-icon-size);
        --element-button-color: inherit;
        --element-button-color-hover: inherit;
        --element-button-color-active: inherit;
        --element-button-border-color: inherit;
        --element-button-border-color-hover: inherit;
        --element-button-border-color-active: inherit;
        --element-button-background-color: inherit;
        --element-button-background-color-hover: inherit;
        --element-button-background-color-active: inherit;
      }
    }
  }
  .button-md {
    --element-button-font-size: var(--element-button-sizes-default-font-size);
    --element-button-font-weight: var(--element-button-sizes-default-font-weight);
    --element-button-font-family: var(--element-button-sizes-default-font-family);
    --element-button-text-transform: var(--element-button-sizes-default-text-transform);
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
    --element-button-line-height: var(--element-button-sizes-default-line-height);
    --element-button-gap-x: var(--element-button-sizes-default-gap-x);
    --element-button-gap-y: var(--element-button-sizes-default-gap-y);
    --element-button-py: var(--element-button-sizes-default-py);
    --element-button-px: var(--element-button-sizes-default-px);
    --element-button-border-width: var(--element-button-sizes-default-border-width);
    --element-button-border-radius: var(--element-button-sizes-default-border-radius);
    --element-button-icon-size: var(--element-button-sizes-default-icon-size);
    --element-button-color: inherit;
    --element-button-color-hover: inherit;
    --element-button-color-active: inherit;
    --element-button-border-color: inherit;
    --element-button-border-color-hover: inherit;
    --element-button-border-color-active: inherit;
    --element-button-background-color: inherit;
    --element-button-background-color-hover: inherit;
    --element-button-background-color-active: inherit;
  }
  .button-dark-outline {
    --element-button-outline-color: var(--element-button-colors-dark-outline-color, var(--element-button-colors-dark-color-outline));
    --element-button-outline-border-width: var(--element-button-colors-dark-outline-border-width, var(--element-button-sizes-default-border-width));
    --element-button-outline-border-color: var(--element-button-colors-dark-outline-border-color, var(--element-button-colors-dark-border-color));
    --element-button-outline-background-color: var(--element-button-colors-dark-outline-background-color, transparent);
    --element-button-outline-color-hover: var(--element-button-colors-dark-outline-color-hover, var(--element-button-colors-dark-color-outline-hover, var(--element-button-colors-dark-color)));
    --element-button-outline-border-color-hover: var(--element-button-colors-dark-outline-border-color-hover, var(--element-button-colors-dark-color-outline, var(--element-button-colors-dark-border-color-hover)));
    --element-button-outline-background-color-hover: var(--element-button-colors-dark-outline-background-color-hover, var(--element-button-colors-dark-color-outline, var(--element-button-colors-dark-background-color-hover)));
    --element-button-outline-color-active: var(--element-button-colors-dark-outline-color-active, var(--element-button-colors-dark-color-outline-active, var(--element-button-colors-dark-outline-color-hover, var(--element-button-colors-dark-color-outline-hover, var(--element-button-colors-dark-color-outline)))));
    --element-button-outline-border-color-active: var(--element-button-colors-dark-outline-border-color-active, var(--element-button-colors-dark-border-color-active));
    --element-button-outline-background-color-active: var(--element-button-colors-dark-outline-background-color-active, var(--element-button-colors-dark-background-color-active));
    &.button {
      --element-button-color: var(--element-button-outline-color);
      --element-button-border-width: var(--element-button-outline-border-width);
      --element-button-border-color: var(--element-button-outline-border-color);
      --element-button-background-color: var(--element-button-outline-background-color);
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-outline-color-hover);
          --element-button-border-color: var(--element-button-outline-border-color-hover);
          --element-button-background-color: var(--element-button-outline-background-color-hover);
        }
      }
      &:active {
        --element-button-color: var(--element-button-outline-color-active);
        --element-button-border-color: var(--element-button-outline-border-color-active);
        --element-button-background-color: var(--element-button-outline-background-color-active);
      }
    }
  }
  .button-light-outline {
    --element-button-outline-color: var(--element-button-colors-light-outline-color, var(--element-button-colors-light-color-outline));
    --element-button-outline-border-width: var(--element-button-colors-light-outline-border-width, var(--element-button-sizes-default-border-width));
    --element-button-outline-border-color: var(--element-button-colors-light-outline-border-color, var(--element-button-colors-light-border-color));
    --element-button-outline-background-color: var(--element-button-colors-light-outline-background-color, transparent);
    --element-button-outline-color-hover: var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color)));
    --element-button-outline-border-color-hover: var(--element-button-colors-light-outline-border-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-border-color-hover)));
    --element-button-outline-background-color-hover: var(--element-button-colors-light-outline-background-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-background-color-hover)));
    --element-button-outline-color-active: var(--element-button-colors-light-outline-color-active, var(--element-button-colors-light-color-outline-active, var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color-outline)))));
    --element-button-outline-border-color-active: var(--element-button-colors-light-outline-border-color-active, var(--element-button-colors-light-border-color-active));
    --element-button-outline-background-color-active: var(--element-button-colors-light-outline-background-color-active, var(--element-button-colors-light-background-color-active));
    &.button {
      --element-button-color: var(--element-button-outline-color);
      --element-button-border-width: var(--element-button-outline-border-width);
      --element-button-border-color: var(--element-button-outline-border-color);
      --element-button-background-color: var(--element-button-outline-background-color);
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-outline-color-hover);
          --element-button-border-color: var(--element-button-outline-border-color-hover);
          --element-button-background-color: var(--element-button-outline-background-color-hover);
        }
      }
      &:active {
        --element-button-color: var(--element-button-outline-color-active);
        --element-button-border-color: var(--element-button-outline-border-color-active);
        --element-button-background-color: var(--element-button-outline-background-color-active);
      }
    }
  }
  .button-primary-outline {
    --element-button-outline-color: var(--element-button-colors-primary-outline-color, var(--element-button-colors-primary-color-outline));
    --element-button-outline-border-width: var(--element-button-colors-primary-outline-border-width, var(--element-button-sizes-default-border-width));
    --element-button-outline-border-color: var(--element-button-colors-primary-outline-border-color, var(--element-button-colors-primary-border-color));
    --element-button-outline-background-color: var(--element-button-colors-primary-outline-background-color, transparent);
    --element-button-outline-color-hover: var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color)));
    --element-button-outline-border-color-hover: var(--element-button-colors-primary-outline-border-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-border-color-hover)));
    --element-button-outline-background-color-hover: var(--element-button-colors-primary-outline-background-color-hover, var(--element-button-colors-primary-color-outline, var(--element-button-colors-primary-background-color-hover)));
    --element-button-outline-color-active: var(--element-button-colors-primary-outline-color-active, var(--element-button-colors-primary-color-outline-active, var(--element-button-colors-primary-outline-color-hover, var(--element-button-colors-primary-color-outline-hover, var(--element-button-colors-primary-color-outline)))));
    --element-button-outline-border-color-active: var(--element-button-colors-primary-outline-border-color-active, var(--element-button-colors-primary-border-color-active));
    --element-button-outline-background-color-active: var(--element-button-colors-primary-outline-background-color-active, var(--element-button-colors-primary-background-color-active));
    &.button {
      --element-button-color: var(--element-button-outline-color);
      --element-button-border-width: var(--element-button-outline-border-width);
      --element-button-border-color: var(--element-button-outline-border-color);
      --element-button-background-color: var(--element-button-outline-background-color);
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-outline-color-hover);
          --element-button-border-color: var(--element-button-outline-border-color-hover);
          --element-button-background-color: var(--element-button-outline-background-color-hover);
        }
      }
      &:active {
        --element-button-color: var(--element-button-outline-color-active);
        --element-button-border-color: var(--element-button-outline-border-color-active);
        --element-button-background-color: var(--element-button-outline-background-color-active);
      }
    }
  }
  .button-secondary-outline {
    --element-button-outline-color: var(--element-button-colors-secondary-outline-color, var(--element-button-colors-secondary-color-outline));
    --element-button-outline-border-width: var(--element-button-colors-secondary-outline-border-width, var(--element-button-sizes-default-border-width));
    --element-button-outline-border-color: var(--element-button-colors-secondary-outline-border-color, var(--element-button-colors-secondary-border-color));
    --element-button-outline-background-color: var(--element-button-colors-secondary-outline-background-color, transparent);
    --element-button-outline-color-hover: var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color)));
    --element-button-outline-border-color-hover: var(--element-button-colors-secondary-outline-border-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-border-color-hover)));
    --element-button-outline-background-color-hover: var(--element-button-colors-secondary-outline-background-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-background-color-hover)));
    --element-button-outline-color-active: var(--element-button-colors-secondary-outline-color-active, var(--element-button-colors-secondary-color-outline-active, var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color-outline)))));
    --element-button-outline-border-color-active: var(--element-button-colors-secondary-outline-border-color-active, var(--element-button-colors-secondary-border-color-active));
    --element-button-outline-background-color-active: var(--element-button-colors-secondary-outline-background-color-active, var(--element-button-colors-secondary-background-color-active));
    &.button {
      --element-button-color: var(--element-button-outline-color);
      --element-button-border-width: var(--element-button-outline-border-width);
      --element-button-border-color: var(--element-button-outline-border-color);
      --element-button-background-color: var(--element-button-outline-background-color);
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-outline-color-hover);
          --element-button-border-color: var(--element-button-outline-border-color-hover);
          --element-button-background-color: var(--element-button-outline-background-color-hover);
        }
      }
      &:active {
        --element-button-color: var(--element-button-outline-color-active);
        --element-button-border-color: var(--element-button-outline-border-color-active);
        --element-button-background-color: var(--element-button-outline-background-color-active);
      }
    }
  }
  .button-dark-link {
    --element-button-link-color: var(--element-button-colors-dark-link-color, var(--element-button-colors-dark-outline-color, var(--element-color-accent)));
    --element-button-link-color-hover: var(--element-button-colors-dark-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
    --element-button-link-color-active: var(--element-button-colors-dark-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-dark-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));
    --element-button-link-border-color: var(--element-button-colors-dark-link-border-color, var(--element-button-colors-link-border-color, transparent));
    --element-button-link-background-color: var(--element-button-colors-dark-link-background-color, var(--element-button-colors-link-background-color, transparent));
    --element-button-link-px: var(--element-button-colors-dark-link-px, var(--element-button-colors-link-px, 0px));
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .button-light-link {
    --element-button-link-color: var(--element-button-colors-light-link-color, var(--element-button-colors-light-outline-color, var(--element-color-accent)));
    --element-button-link-color-hover: var(--element-button-colors-light-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
    --element-button-link-color-active: var(--element-button-colors-light-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-light-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));
    --element-button-link-border-color: var(--element-button-colors-light-link-border-color, var(--element-button-colors-link-border-color, transparent));
    --element-button-link-background-color: var(--element-button-colors-light-link-background-color, var(--element-button-colors-link-background-color, transparent));
    --element-button-link-px: var(--element-button-colors-light-link-px, var(--element-button-colors-link-px, 0px));
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .button-primary-link {
    --element-button-link-color: var(--element-button-colors-primary-link-color, var(--element-button-colors-primary-outline-color, var(--element-color-accent)));
    --element-button-link-color-hover: var(--element-button-colors-primary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
    --element-button-link-color-active: var(--element-button-colors-primary-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-primary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));
    --element-button-link-border-color: var(--element-button-colors-primary-link-border-color, var(--element-button-colors-link-border-color, transparent));
    --element-button-link-background-color: var(--element-button-colors-primary-link-background-color, var(--element-button-colors-link-background-color, transparent));
    --element-button-link-px: var(--element-button-colors-primary-link-px, var(--element-button-colors-link-px, 0px));
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .button-secondary-link {
    --element-button-link-color: var(--element-button-colors-secondary-link-color, var(--element-button-colors-secondary-outline-color, var(--element-color-accent)));
    --element-button-link-color-hover: var(--element-button-colors-secondary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
    --element-button-link-color-active: var(--element-button-colors-secondary-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-secondary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));
    --element-button-link-border-color: var(--element-button-colors-secondary-link-border-color, var(--element-button-colors-link-border-color, transparent));
    --element-button-link-background-color: var(--element-button-colors-secondary-link-background-color, var(--element-button-colors-link-background-color, transparent));
    --element-button-link-px: var(--element-button-colors-secondary-link-px, var(--element-button-colors-link-px, 0px));
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .button-sm {
    --element-button-font-size: var(--element-button-sizes-sm-font-size);
    --element-button-font-weight: var(--element-button-sizes-sm-font-weight);
    --element-button-font-family: var(--element-button-sizes-sm-font-family);
    --element-button-text-transform: var(--element-button-sizes-sm-text-transform);
    --element-button-line-height: var(--element-button-sizes-sm-line-height);
    --element-button-gap-x: var(--element-button-sizes-sm-gap-x);
    --element-button-gap-y: var(--element-button-sizes-sm-gap-y);
    --element-button-py: var(--element-button-sizes-sm-py);
    --element-button-px: var(--element-button-sizes-sm-px);
    --element-button-border-width: var(--element-button-sizes-sm-border-width);
    --element-button-border-radius: var(--element-button-sizes-sm-border-radius);
    --element-button-icon-size: var(--element-button-sizes-sm-icon-size);
  }
  .button-dark {
    --element-button-color: var(--element-button-colors-dark-color);
    --element-button-border-width: var(--element-button-colors-dark-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-dark-border-color);
    --element-button-background-color: var(--element-button-colors-dark-background-color);
    --element-button-color-hover: var(--element-button-colors-dark-color-hover, var(--element-button-colors-dark-color));
    --element-button-border-color-hover: var(--element-button-colors-dark-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-dark-background-color-hover);
    --element-button-color-active: var(--element-button-colors-dark-color-active, var(--element-button-colors-dark-color-hover, var(--element-button-colors-dark-color)));
    --element-button-border-color-active: var(--element-button-colors-dark-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-dark-background-color-active);
  }
  .button-default-link {
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .button-light {
    --element-button-color: var(--element-button-colors-light-color);
    --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: var(--element-button-colors-light-background-color);
    --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color));
    --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover);
    --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));
    --element-button-border-color-active: var(--element-button-colors-light-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-light-background-color-active);
  }
  .button-primary {
    --element-button-color: var(--element-button-colors-primary-color);
    --element-button-border-width: var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: var(--element-button-colors-primary-background-color);
    --element-button-color-hover: var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color));
    --element-button-border-color-hover: var(--element-button-colors-primary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-primary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)));
    --element-button-border-color-active: var(--element-button-colors-primary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-primary-background-color-active);
  }
  .button-secondary {
    --element-button-color: var(--element-button-colors-secondary-color);
    --element-button-border-width: var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: var(--element-button-colors-secondary-background-color);
    --element-button-color-hover: var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color));
    --element-button-border-color-hover: var(--element-button-colors-secondary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-secondary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)));
    --element-button-border-color-active: var(--element-button-colors-secondary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-secondary-background-color-active);
  }
  .button-link {
    &.button {
      --element-button-color: var(--element-button-link-color, var(--element-button-colors-link-color, var(--element-color-accent)));
      --element-button-border-width: var(--element-button-link-border-width, var(--element-button-colors-link-border-width, var(--element-button-sizes-default-border-width)));
      --element-button-border-color: var(--element-button-link-border-color, var(--element-button-colors-link-border-color, transparent));
      --element-button-background-color: var(--element-button-link-background-color, var(--element-button-colors-link-background-color, transparent));
      --element-button-px: var(--element-button-link-px, var(--element-button-colors-link-px, 0px));
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-link-color-hover,  var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
        }
      }
      &:focus, &:active {
        --element-button-color: var(--element-button-link-color-active,  var(--element-button-colors-link-color-active, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate))));
      }
    }
  }
  .button-link {
    --element-button-py: 0;
    --element-button-color: var(--color-blue-600);
    @media (hover: hover) {
      &:hover {
        --element-button-color: color-mix(in srgb, #224873 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --element-button-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
        }
      }
    }
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--element-image-border-radius\:var\(--element-logos-border-radius\,0px\)\] {
    --element-image-border-radius: var(--element-logos-border-radius,0px);
  }
  .\[grid-area\:1\/1\/2\/4\] {
    grid-area: 1/1/2/4;
  }
  .\[grid-area\:2\/3\/auto\/none\] {
    grid-area: 2/3/auto/none;
  }
  .\[grid-area\:3\/1\/4\/4\] {
    grid-area: 3/1/4/4;
  }
  .\[grid-area\:tabcontent\] {
    grid-area: tabcontent;
  }
  .\[grid-template-areas\:\'tabcontent\'\] {
    grid-template-areas: 'tabcontent';
  }
  .\[grid-template-areas\:\\\'tabcontent\\\'\] {
    grid-template-areas: \'tabcontent\';
  }
  .button-light {
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--color-white);
      }
    }
  }
  .button-primary-outline {
    --element-button-color: var(--color-primary-600);
  }
  .\*\:inline-block {
    :is(& > *) {
      display: inline-block;
    }
  }
  .\*\:aspect-1\/1 {
    :is(& > *) {
      aspect-ratio: var(--aspect-1\/1);
    }
  }
  .\*\:\!h-auto {
    :is(& > *) {
      height: auto !important;
    }
  }
  .\*\:min-h-full {
    :is(& > *) {
      min-height: 100%;
    }
  }
  .\*\:max-w-12 {
    :is(& > *) {
      max-width: calc(var(--spacing) * 12);
    }
  }
  .\*\:max-w-full {
    :is(& > *) {
      max-width: 100%;
    }
  }
  .\*\:place-self-center {
    :is(& > *) {
      place-self: center;
    }
  }
  .\*\:whitespace-nowrap {
    :is(& > *) {
      white-space: nowrap;
    }
  }
  .group-focus-within\/icons-list-item-title-wrapper\:text-\[var\(--element-color-accent\)\] {
    &:is(:where(.group\/icons-list-item-title-wrapper):focus-within *) {
      color: var(--element-color-accent);
    }
  }
  .group-hover\:mr-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-right: calc(var(--spacing) * 2);
      }
    }
  }
  .group-hover\:w-4 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(var(--spacing) * 4);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-115 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 115%;
        --tw-scale-y: 115%;
        --tw-scale-z: 115%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-140 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 140%;
        --tw-scale-y: 140%;
        --tw-scale-z: 140%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:bg-primary-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary-400);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .group-hover\:opacity-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/icons-list-item-title-wrapper\:text-\[var\(--element-color-accent\)\] {
    &:is(:where(.group\/icons-list-item-title-wrapper):hover *) {
      @media (hover: hover) {
        color: var(--element-color-accent);
      }
    }
  }
  .group-\[\&\[aria-expanded\=\'true\'\]\]\:rotate-180 {
    &:is(:where(.group)[aria-expanded='true'] *) {
      rotate: 180deg;
    }
  }
  .peer-checked\:pointer-events-none {
    &:is(:where(.peer):checked ~ *) {
      pointer-events: none;
    }
  }
  .peer-checked\:opacity-0 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 0%;
    }
  }
  .peer-checked\:blur-\[100px\] {
    &:is(:where(.peer):checked ~ *) {
      --tw-blur: blur(100px);
      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,);
    }
  }
  .after\:z-3\! {
    &::after {
      content: var(--tw-content);
      z-index: 3 !important;
    }
  }
  .hover\:z-1 {
    &:hover {
      @media (hover: hover) {
        z-index: 1;
      }
    }
  }
  .hover\:border-\[var\(--element-color-nav-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-fg-hover);
      }
    }
  }
  .hover\:border-\[var\(--element-color-nav-tab-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-tab-border-hover);
      }
    }
  }
  .hover\:bg-\[var\(--element-color-nav-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-nav-bg-hover);
      }
    }
  }
  .hover\:bg-\[var\(--element-color-nav-tab-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-nav-tab-bg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-nav-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-nav-fg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-nav-tab-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-nav-tab-fg-hover);
      }
    }
  }
  .hover\:text-\[var\(--element-color-socialmedia-item-hover\,_var\(--element-color-accent-alternate\)\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--element-color-socialmedia-item-hover, var(--element-color-accent-alternate));
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .active\:border-\[var\(--element-color-accent\)\] {
    &:is(.active), :is(.active &) {
      border-color: var(--element-color-accent);
    }
  }
  .active\:border-\[var\(--element-color-nav-tab-border-active\)\] {
    &:is(.active), :is(.active &) {
      border-color: var(--element-color-nav-tab-border-active);
    }
  }
  .active\:bg-\[var\(--element-color-nav-bg-active\)\] {
    &:is(.active), :is(.active &) {
      background-color: var(--element-color-nav-bg-active);
    }
  }
  .active\:bg-\[var\(--element-color-nav-tab-bg-active\)\] {
    &:is(.active), :is(.active &) {
      background-color: var(--element-color-nav-tab-bg-active);
    }
  }
  .active\:font-bold {
    &:is(.active), :is(.active &) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .active\:text-\[var\(--element-color-accent\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-accent);
    }
  }
  .active\:text-\[var\(--element-color-nav-fg-active\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-nav-fg-active);
    }
  }
  .active\:text-\[var\(--element-color-nav-tab-fg-active\)\] {
    &:is(.active), :is(.active &) {
      color: var(--element-color-nav-tab-fg-active);
    }
  }
  .active\:underline {
    &:is(.active), :is(.active &) {
      text-decoration-line: underline;
    }
  }
  .active\:hover\:text-\[var\(--element-color-nav-tab-fg-active\)\] {
    &:is(.active), :is(.active &) {
      &:hover {
        @media (hover: hover) {
          color: var(--element-color-nav-tab-fg-active);
        }
      }
    }
  }
  .max-filter\:pointer-events-auto {
    @media (width < 1216px) {
      pointer-events: auto;
    }
  }
  .max-filter\:fixed {
    @media (width < 1216px) {
      position: fixed;
    }
  }
  .max-filter\:top-\[var\(--wp-admin--admin-bar--height\,0px\)\] {
    @media (width < 1216px) {
      top: var(--wp-admin--admin-bar--height,0px);
    }
  }
  .max-filter\:\!left-0 {
    @media (width < 1216px) {
      left: calc(var(--spacing) * 0) !important;
    }
  }
  .max-filter\:-left-8 {
    @media (width < 1216px) {
      left: calc(var(--spacing) * -8);
    }
  }
  .max-filter\:flex {
    @media (width < 1216px) {
      display: flex;
    }
  }
  .max-filter\:styled-scrollbar {
    @media (width < 1216px) {
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
    }
  }
  .max-filter\:h-\[calc\(100dvh_-_var\(--wp-admin--admin-bar--height\,0px\)\)\] {
    @media (width < 1216px) {
      height: calc(100dvh - var(--wp-admin--admin-bar--height,0px));
    }
  }
  .max-filter\:w-96 {
    @media (width < 1216px) {
      width: calc(var(--spacing) * 96);
    }
  }
  .max-filter\:max-w-\[90\%\] {
    @media (width < 1216px) {
      max-width: 90%;
    }
  }
  .max-filter\:-translate-x-full {
    @media (width < 1216px) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-filter\:translate-x-0 {
    @media (width < 1216px) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-filter\:overflow-hidden {
    @media (width < 1216px) {
      overflow: hidden;
    }
  }
  .max-filter\:overflow-x-hidden {
    @media (width < 1216px) {
      overflow-x: hidden;
    }
  }
  .max-filter\:overflow-y-auto {
    @media (width < 1216px) {
      overflow-y: auto;
    }
  }
  .max-filter\:bg-white {
    @media (width < 1216px) {
      background-color: var(--color-white);
    }
  }
  .max-filter\:px-4 {
    @media (width < 1216px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .max-filter\:pb-4 {
    @media (width < 1216px) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-filter\:opacity-100 {
    @media (width < 1216px) {
      opacity: 100%;
    }
  }
  .max-filter\:\[--element-color-bg\:white\] {
    @media (width < 1216px) {
      --element-color-bg: white;
    }
  }
  .max-navbreakpoint\:absolute {
    @media (width < 93.75rem) {
      position: absolute;
    }
  }
  .max-navbreakpoint\:fixed {
    @media (width < 93.75rem) {
      position: fixed;
    }
  }
  .max-navbreakpoint\:relative {
    @media (width < 93.75rem) {
      position: relative;
    }
  }
  .max-navbreakpoint\:inset-0 {
    @media (width < 93.75rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:top-0 {
    @media (width < 93.75rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:right-0 {
    @media (width < 93.75rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:-z-10 {
    @media (width < 93.75rem) {
      z-index: calc(10 * -1);
    }
  }
  .max-navbreakpoint\:z-30 {
    @media (width < 93.75rem) {
      z-index: 30;
    }
  }
  .max-navbreakpoint\:ml-auto {
    @media (width < 93.75rem) {
      margin-left: auto;
    }
  }
  .max-navbreakpoint\:flex {
    @media (width < 93.75rem) {
      display: flex;
    }
  }
  .max-navbreakpoint\:styled-scrollbar {
    @media (width < 93.75rem) {
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
    }
  }
  .max-navbreakpoint\:h-full {
    @media (width < 93.75rem) {
      height: 100%;
    }
  }
  .max-navbreakpoint\:h-screen {
    @media (width < 93.75rem) {
      height: 100vh;
    }
  }
  .max-navbreakpoint\:h-svh {
    @media (width < 93.75rem) {
      height: 100svh;
    }
  }
  .max-navbreakpoint\:w-full {
    @media (width < 93.75rem) {
      width: 100%;
    }
  }
  .max-navbreakpoint\:max-w-sm {
    @media (width < 93.75rem) {
      max-width: var(--container-sm);
    }
  }
  .max-navbreakpoint\:translate-x-full {
    @media (width < 93.75rem) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-navbreakpoint\:flex-col {
    @media (width < 93.75rem) {
      flex-direction: column;
    }
  }
  .max-navbreakpoint\:flex-col-reverse {
    @media (width < 93.75rem) {
      flex-direction: column-reverse;
    }
  }
  .max-navbreakpoint\:justify-end {
    @media (width < 93.75rem) {
      justify-content: flex-end;
    }
  }
  .max-navbreakpoint\:overflow-x-hidden {
    @media (width < 93.75rem) {
      overflow-x: hidden;
    }
  }
  .max-navbreakpoint\:overflow-y-auto {
    @media (width < 93.75rem) {
      overflow-y: auto;
    }
  }
  .max-navbreakpoint\:bg-gray-900\/30 {
    @media (width < 93.75rem) {
      background-color: color-mix(in srgb, #000f1f 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
      }
    }
  }
  .max-navbreakpoint\:p-4 {
    @media (width < 93.75rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-navbreakpoint\:transition-transform {
    @media (width < 93.75rem) {
      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));
    }
  }
  .max-navbreakpoint\:button-sm {
    @media (width < 93.75rem) {
      --element-button-font-size: var(--element-button-sizes-sm-font-size);
      --element-button-font-weight: var(--element-button-sizes-sm-font-weight);
      --element-button-font-family: var(--element-button-sizes-sm-font-family);
      --element-button-text-transform: var(--element-button-sizes-sm-text-transform);
      --element-button-line-height: var(--element-button-sizes-sm-line-height);
      --element-button-gap-x: var(--element-button-sizes-sm-gap-x);
      --element-button-gap-y: var(--element-button-sizes-sm-gap-y);
      --element-button-py: var(--element-button-sizes-sm-py);
      --element-button-px: var(--element-button-sizes-sm-px);
      --element-button-border-width: var(--element-button-sizes-sm-border-width);
      --element-button-border-radius: var(--element-button-sizes-sm-border-radius);
      --element-button-icon-size: var(--element-button-sizes-sm-icon-size);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-xs\:hidden {
    @media (width < 30rem) {
      display: none;
    }
  }
  .xs\:col-span-5 {
    @media (width >= 30rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xs\:col-span-6 {
    @media (width >= 30rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xs\:mb-2 {
    @media (width >= 30rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .xs\:hidden {
    @media (width >= 30rem) {
      display: none;
    }
  }
  .xs\:gap-x-4 {
    @media (width >= 30rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-7 {
    @media (width >= 40rem) {
      grid-column: span 7 / span 7;
    }
  }
  .sm\:col-span-8 {
    @media (width >= 40rem) {
      grid-column: span 8 / span 8;
    }
  }
  .sm\:w-xl {
    @media (width >= 40rem) {
      width: var(--container-xl);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:max-md\:hidden {
    @media (width >= 40rem) {
      @media (width < 48rem) {
        display: none;
      }
    }
  }
  .md\:max-lg\:hidden {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        display: none;
      }
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:\[--section-element-margin-top\:0rem\] {
    @media (width >= 64rem) {
      --section-element-margin-top: 0rem;
    }
  }
  .navbreakpoint\:col-span-2 {
    @media (width >= 93.75rem) {
      grid-column: span 2 / span 2;
    }
  }
  .navbreakpoint\:col-span-3 {
    @media (width >= 93.75rem) {
      grid-column: span 3 / span 3;
    }
  }
  .navbreakpoint\:col-span-8 {
    @media (width >= 93.75rem) {
      grid-column: span 8 / span 8;
    }
  }
  .navbreakpoint\:col-span-9 {
    @media (width >= 93.75rem) {
      grid-column: span 9 / span 9;
    }
  }
  .navbreakpoint\:block {
    @media (width >= 93.75rem) {
      display: block;
    }
  }
  .navbreakpoint\:flex {
    @media (width >= 93.75rem) {
      display: flex;
    }
  }
  .navbreakpoint\:hidden {
    @media (width >= 93.75rem) {
      display: none;
    }
  }
  .navbreakpoint\:inline-block {
    @media (width >= 93.75rem) {
      display: inline-block;
    }
  }
  .navbreakpoint\:flex-col {
    @media (width >= 93.75rem) {
      flex-direction: column;
    }
  }
  .navbreakpoint\:items-end {
    @media (width >= 93.75rem) {
      align-items: flex-end;
    }
  }
  .navbreakpoint\:gap-x-8 {
    @media (width >= 93.75rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .navbreakpoint\:py-8 {
    @media (width >= 93.75rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .\32 xl\:col-span-2 {
    @media (width >= 96rem) {
      grid-column: span 2 / span 2;
    }
  }
  .\32 xl\:col-span-10 {
    @media (width >= 96rem) {
      grid-column: span 10 / span 10;
    }
  }
  .\@xs\/gallery-grid\:grid-cols-2 {
    @container gallery-grid (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xs\/logos-grid\:grid-cols-2 {
    @container logos-grid (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@xs\/openinghours\:flex-row {
    @container openinghours (width >= 20rem) {
      flex-direction: row;
    }
  }
  .\@xs\/testimonial\:flex-row {
    @container testimonial (width >= 20rem) {
      flex-direction: row;
    }
  }
  .\@xs\/openinghours\:gap-y-xs {
    @container openinghours (width >= 20rem) {
      row-gap: var(--gap-xs);
    }
  }
  .\@xs\/testimonial\:self-center {
    @container testimonial (width >= 20rem) {
      align-self: center;
    }
  }
  .\@sm\/icons-list\:basis-1\/2 {
    @container icons-list (width >= 24rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .\@sm\/logos-grid\:grid-cols-3 {
    @container logos-grid (width >= 24rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@sm\/icons-list\:flex-row {
    @container icons-list (width >= 24rem) {
      flex-direction: row;
    }
  }
  .\@md\/cta\:order-1 {
    @container cta (width >= 28rem) {
      order: 1;
    }
  }
  .\@md\/cta\:order-2 {
    @container cta (width >= 28rem) {
      order: 2;
    }
  }
  .\@md\/protected-content\:w-auto {
    @container protected-content (width >= 28rem) {
      width: auto;
    }
  }
  .\@md\/icons-list\:basis-1\/2 {
    @container icons-list (width >= 28rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .\@md\/filterable-properties\:grid-cols-2 {
    @container filterable-properties (width >= 28rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@md\/gallery-grid\:grid-cols-3 {
    @container gallery-grid (width >= 28rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@md\/cta\:flex-row {
    @container cta (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\/icons-list\:flex-row {
    @container icons-list (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\/protected-content\:flex-row {
    @container protected-content (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\/cta\:items-start {
    @container cta (width >= 28rem) {
      align-items: flex-start;
    }
  }
  .\@md\/cta\:text-left {
    @container cta (width >= 28rem) {
      text-align: left;
    }
  }
  .\@md\/cta\:text-h2 {
    @container cta (width >= 28rem) {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
    }
  }
  .\@lg\/icons-list\:basis-1\/3 {
    @container icons-list (width >= 32rem) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .\@lg\/gallery-grid\:grid-cols-4 {
    @container gallery-grid (width >= 32rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@lg\/gallery-grid\:grid-cols-6 {
    @container gallery-grid (width >= 32rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .\@lg\/logos-grid\:grid-cols-4 {
    @container logos-grid (width >= 32rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@lg\/icons-list\:flex-row {
    @container icons-list (width >= 32rem) {
      flex-direction: row;
    }
  }
  .\@xl\/tabs\:w-32 {
    @container tabs (width >= 36rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .\@xl\/tabs\:max-w-20 {
    @container tabs (width >= 36rem) {
      max-width: calc(var(--spacing) * 20);
    }
  }
  .\@xl\/tabs\:max-w-32 {
    @container tabs (width >= 36rem) {
      max-width: calc(var(--spacing) * 32);
    }
  }
  .\@xl\/gallery-grid\:grid-cols-5 {
    @container gallery-grid (width >= 36rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@xl\/logos-grid\:grid-cols-5 {
    @container logos-grid (width >= 36rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@xl\/tabs\:flex-col {
    @container tabs (width >= 36rem) {
      flex-direction: column;
    }
  }
  .\@xl\/tabs\:flex-row {
    @container tabs (width >= 36rem) {
      flex-direction: row;
    }
  }
  .\@xl\/tabs\:gap-lg {
    @container tabs (width >= 36rem) {
      gap: var(--gap-lg);
    }
  }
  .\@xl\/tabs\:pt-0 {
    @container tabs (width >= 36rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .\@2xl\/icons-list\:basis-1\/3 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .\@2xl\/icons-list\:basis-1\/4 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/4 * 100%);
    }
  }
  .\@2xl\/icons-list\:basis-1\/5 {
    @container icons-list (width >= 42rem) {
      flex-basis: calc(1/5 * 100%);
    }
  }
  .\@2xl\/gallery-grid\:grid-cols-7 {
    @container gallery-grid (width >= 42rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@2xl\/logos-grid\:grid-cols-6 {
    @container logos-grid (width >= 42rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .\@2xl\/icons-list\:flex-row {
    @container icons-list (width >= 42rem) {
      flex-direction: row;
    }
  }
  .\@3xl\/category-list\:min-h-24 {
    @container category-list (width >= 48rem) {
      min-height: calc(var(--spacing) * 24);
    }
  }
  .\@3xl\/category-list\:w-30 {
    @container category-list (width >= 48rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .\@3xl\/post-list\:w-30 {
    @container post-list (width >= 48rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .\@3xl\/category-list\:flex-\[0_0_calc\(50\%-\(var\(--current-gap\)\/2\)\)\] {
    @container category-list (width >= 48rem) {
      flex: 0 0 calc(50% - (var(--current-gap) / 2));
    }
  }
  .\@3xl\/post-list\:flex-\[0_0_calc\(50\%-\(var\(--current-gap\)\/2\)\)\] {
    @container post-list (width >= 48rem) {
      flex: 0 0 calc(50% - (var(--current-gap) / 2));
    }
  }
  .\@3xl\/gallery-grid\:grid-cols-7 {
    @container gallery-grid (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@3xl\/gallery-grid\:grid-cols-8 {
    @container gallery-grid (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .\@3xl\/logos-grid\:grid-cols-7 {
    @container logos-grid (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@3xl\:grid-cols-2 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/icons-list\:basis-1\/4 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/4 * 100%);
    }
  }
  .\@4xl\/icons-list\:basis-1\/5 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/5 * 100%);
    }
  }
  .\@4xl\/gallery-grid\:grid-cols-9 {
    @container gallery-grid (width >= 56rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\@4xl\/logos-grid\:grid-cols-8 {
    @container logos-grid (width >= 56rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .\@4xl\/icons-list\:flex-row {
    @container icons-list (width >= 56rem) {
      flex-direction: row;
    }
  }
  .\@4xl\:gap-8 {
    @container (width >= 56rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@5xl\/gallery-grid\:grid-cols-10 {
    @container gallery-grid (width >= 64rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .\@5xl\/logos-grid\:grid-cols-9 {
    @container logos-grid (width >= 64rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\@5xl\:grid-cols-3 {
    @container (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@5xl\:grid-cols-4 {
    @container (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@6xl\/category-list\:flex-\[0_0_calc\(\(100\%\/3\)-\(\(2\*var\(--current-gap\)\)\/3\)\)\] {
    @container category-list (width >= 72rem) {
      flex: 0 0 calc((100% / 3) - ((2 * var(--current-gap)) / 3));
    }
  }
  .\@6xl\/post-list\:flex-\[0_0_calc\(\(100\%\/3\)-\(\(2\*var\(--current-gap\)\)\/3\)\)\] {
    @container post-list (width >= 72rem) {
      flex: 0 0 calc((100% / 3) - ((2 * var(--current-gap)) / 3));
    }
  }
  .\@6xl\/logos-grid\:grid-cols-10 {
    @container logos-grid (width >= 72rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .\@7xl\/logos-grid\:grid-cols-11 {
    @container logos-grid (width >= 80rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .\@8xl\/logos-grid\:grid-cols-12 {
    @container logos-grid (width >= 90rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .\@8xl\:grid-cols-4 {
    @container (width >= 90rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@8xl\:grid-cols-5 {
    @container (width >= 90rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .touch\:hidden {
    @media (pointer: coarse) {
      display: none;
    }
  }
  .is-preview\:overflow-x-scroll {
    &:is(.is-preview), :is(.is-preview &) {
      overflow-x: scroll;
    }
  }
  .mobile-nav-menu-main-open\:fixed {
    @media (width < 93.75rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        position: fixed;
      }
    }
  }
  .mobile-nav-menu-main-open\:top-4 {
    @media (width < 93.75rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        top: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile-nav-menu-main-open\:right-4 {
    @media (width < 93.75rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        right: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile-nav-menu-main-open\:z-40 {
    @media (width < 93.75rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        z-index: 40;
      }
    }
  }
  .mobile-nav-menu-main-open\:translate-x-0 {
    @media (width < 93.75rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .employee-horizontal\:text-xs {
    .employee-horizontal & {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\@xs\/element-employee\:employee-horizontal\:max-w-24\! {
    @container element-employee (width >= 20rem) {
      .employee-horizontal & {
        max-width: calc(var(--spacing) * 24) !important;
      }
    }
  }
  .\@xs\/element-employee\:employee-horizontal\:flex-row {
    @container element-employee (width >= 20rem) {
      .employee-horizontal & {
        flex-direction: row;
      }
    }
  }
  .\@xs\/element-employee\:employee-horizontal\:items-start {
    @container element-employee (width >= 20rem) {
      .employee-horizontal & {
        align-items: flex-start;
      }
    }
  }
  .\@xs\/element-employee\:employee-horizontal\:justify-start {
    @container element-employee (width >= 20rem) {
      .employee-horizontal & {
        justify-content: flex-start;
      }
    }
  }
  .\@xs\/element-employee\:employee-horizontal\:text-left {
    @container element-employee (width >= 20rem) {
      .employee-horizontal & {
        text-align: left;
      }
    }
  }
  .\@lg\/element-employee\:employee-horizontal\:flex-row {
    @container element-employee (width >= 32rem) {
      .employee-horizontal & {
        flex-direction: row;
      }
    }
  }
  .\@lg\/element-employee\:employee-horizontal\:items-end {
    @container element-employee (width >= 32rem) {
      .employee-horizontal & {
        align-items: flex-end;
      }
    }
  }
  .employee-vertical\:flex-col {
    .employee-vertical & {
      flex-direction: column;
    }
  }
  .employee-vertical\:items-start {
    .employee-vertical & {
      align-items: flex-start;
    }
  }
  .\[\&_\.section-row\]\:h-full {
    & .section-row {
      height: 100%;
    }
  }
  .\[\&_\.section-row\]\:grid-rows-\[auto_1fr\] {
    & .section-row {
      grid-template-rows: auto 1fr;
    }
  }
  .\[\&_\.section-row-wrapper\]\:h-full {
    & .section-row-wrapper {
      height: 100%;
    }
  }
  .\[\&_a\]\:hidden {
    & a {
      display: none;
    }
  }
  .\[\&_a\]\:text-\[var\(--element-color-default-fg-muted\)\] {
    & a {
      color: var(--element-color-default-fg-muted);
    }
  }
  .\[\&_article\]\:pb-6 {
    & article {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-default-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*9\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)));
      height: var(--element-icons-list-icon-default-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 9)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-lg-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*12\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)));
      height: var(--element-icons-list-icon-lg-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 12)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-sm-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*6\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)));
      height: var(--element-icons-list-icon-sm-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 6)));
    }
  }
  .\[\&_svg\]\:size-\[var\(--element-icons-list-icon-xl-icon-size\,var\(--element-icons-list-icon-size\,calc\(var\(--spacing\)\*14\)\)\)\] {
    & svg {
      width: var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)));
      height: var(--element-icons-list-icon-xl-icon-size,var(--element-icons-list-icon-size,calc(var(--spacing) * 14)));
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-1 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -1);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-2 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -2);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-4 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -4);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-6 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:min-h-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      min-height: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:shrink-0 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-shrink: 0;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-6\/12 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: calc(6/12 * 100%);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-4 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 4px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-8 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 8px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[16px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[24px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 24px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-transparent {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-color: transparent;
    }
  }
  .\@md\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container logos-slider (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-md));
      }
    }
  }
  .\@3xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container logos-slider (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-3xl));
      }
    }
  }
  .\@6xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container logos-slider (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-6xl));
      }
    }
  }
  .\@7xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container logos-slider (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-7xl));
      }
    }
  }
  .\@8xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container logos-slider (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-8xl));
      }
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:overflow-hidden {
    &:not(.swiper-initialized)>.swiper-wrapper {
      overflow: hidden;
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-t {
    @media (width < 93.75rem) {
      &:not(:only-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
      }
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-\[var\(--element-color-border\)\] {
    @media (width < 93.75rem) {
      &:not(:only-child) {
        border-color: var(--element-color-border);
      }
    }
  }
  .\[\&\>a\]\:font-bold {
    &>a {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
  .\[\&\>a\]\:hover\:no-underline {
    &>a {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: none;
        }
      }
    }
  }
  .\[\&\>li\:first-child_\.item-box\]\:pl-0 {
    &>li:first-child .item-box {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>li\:first-child_\.line-start\]\:hidden {
    &>li:first-child .line-start {
      display: none;
    }
  }
  .\[\&\>li\:last-child_\.item-box\]\:pr-0 {
    &>li:last-child .item-box {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>li\:last-child_\.line-end\]\:hidden {
    &>li:last-child .line-end {
      display: none;
    }
  }
  .\[\&\>svg\]\:h-full {
    &>svg {
      height: 100%;
    }
  }
  .\[\&\>svg\]\:w-full {
    &>svg {
      width: 100%;
    }
  }
  .\[\&\>svg\]\:object-contain {
    &>svg {
      object-fit: contain;
    }
  }
}
:root {
  --base-container-padding-xs: max(env(safe-area-inset-left), 1rem);
  --base-container-padding-sm: max(env(safe-area-inset-left), 1rem);
  --base-container-padding-md: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-lg: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-xl: max(env(safe-area-inset-left), 2rem);
  --base-container-padding-2xl: max(env(safe-area-inset-left), 2rem);
  --base-container-max-width-sm: 64rem;
  --base-container-max-width-md: 80rem;
  --base-container-max-width-default: 96rem;
  --base-container-max-width-full: none;
  --element-min-height-full: 100svh;
  --element-min-height-lg: 85svh;
  --element-min-height-md: 50svh;
  --element-min-height-auto: auto;
  --element-gap-xs: 0.5rem;
  --element-gap-sm: 1rem;
  --element-gap-md: 1.5rem;
  --element-gap-default: 2rem;
  --element-gap-lg: 3rem;
  --element-border-radius-sm: 0.25rem;
  --element-border-radius-md: 0.375rem;
  --element-border-radius-lg: 0.5rem;
  --element-header-top-height-navbreakpoint-down: 40px;
  --element-header-top-height-navbreakpoint-down-scrolled: 40px;
  --element-header-top-height-navbreakpoint-up: 40px;
  --element-header-top-height-navbreakpoint-up-scrolled: 40px;
  --element-header-main-height-navbreakpoint-down: 100px;
  --element-header-main-height-navbreakpoint-down-scrolled: 100px;
  --element-header-main-height-navbreakpoint-up: 120px;
  --element-header-main-height-navbreakpoint-up-scrolled: 100px;
  --element-header-main-navigation-prev-link-height: 4rem;
  --element-header-main-navigation-sub-menu-title-height: 3rem;
  --element-section-rows-padding-y-sm: clamp(0.75rem, 2vw, 1.5rem);
  --element-section-rows-padding-y-default: clamp(1.5rem, 5vw, 3rem);
  --element-section-rows-padding-y-lg: clamp(3rem, 8vw, 6rem);
  --element-section-rows-gap-y-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-section-rows-gap-y-sm: 1rem;
  --element-section-rows-gap-y-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-row-gap-y-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-row-gap-y-sm: 1rem;
  --element-row-gap-y-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-row-gap-x-default: 2rem;
  --element-row-gap-x-sm: 1rem;
  --element-row-gap-x-lg: 4rem;
  --element-row-padding-default: clamp(2rem / 1.5, 5vw, 2rem);
  --element-row-padding-sm: 1rem;
  --element-row-padding-lg: clamp(4rem / 1.5, 9vw, 4rem);
  --element-col-padding-default: clamp(1rem, 6vw, 1.5rem);
  --element-col-padding-sm: 1rem;
  --element-col-padding-lg: clamp(1.5rem, 6vw, 2rem);
  --element-banner-padding-y: clamp(3rem, 5vw, 5rem);
  --element-spacer-height-xs: 1rem;
  --element-spacer-height-sm: 2rem;
  --element-spacer-height-default: 3rem;
  --element-spacer-height-lg: 5rem;
  --element-title-gap-y-h1: 0.5rem;
  --element-title-gap-y-h2: 0.5rem;
  --element-title-gap-y-h3: 0.25rem;
  --element-title-gap-y-h4: 0.25rem;
  --element-title-gap-y-h5: 0rem;
  --element-title-gap-y-h6: 0rem;
  --element-title-gap-y-d1: 0.5rem;
  --element-title-gap-y-d2: 0.5rem;
  --element-title-gap-y-d3: 0.5rem;
  --element-title-gap-y-d4: 0.5rem;
  --element-title-margin-bottom-h1: clamp(1.5rem, 4vw, 2rem);
  --element-title-margin-bottom-h2: clamp(1rem, 4vw, 1.5rem);
  --element-title-margin-bottom-h3: clamp(0.5rem, 3vw, 1rem);
  --element-title-margin-bottom-h4: clamp(0.5rem, 3vw, 1rem);
  --element-title-margin-bottom-h5: 0.5rem;
  --element-title-margin-bottom-h6: 0.5rem;
  --element-title-margin-bottom-d1: clamp(1.5rem, 4vw, 2rem);
  --element-title-margin-bottom-d2: clamp(1rem, 4vw, 1.5rem);
  --element-title-margin-bottom-d3: clamp(1rem, 3vw, 1.5rem);
  --element-title-margin-bottom-d4: clamp(1rem, 3vw, 1.5rem);
  --element-buttons-gap-sm: 0.5rem;
  --element-buttons-gap-default: 1rem;
  --element-buttons-gap-lg: 1rem;
  --element-button-colors-link-color: var(--color-primary);
  --element-button-colors-link-border-color: transparent;
  --element-button-colors-link-border-color-hover: transparent;
  --element-button-colors-link-border-color-active: transparent;
  --element-button-colors-link-background-color: transparent;
  --element-button-colors-link-background-color-hover: transparent;
  --element-button-colors-link-background-color-active: transparent;
  --element-button-colors-primary-color: #fff;
  --element-button-colors-primary-border-color: var(--color-primary-500);
  --element-button-colors-primary-border-color-hover: var(--color-primary-400);
  --element-button-colors-primary-border-color-active: var(--color-primary-500);
  --element-button-colors-primary-background-color: var(--color-primary-500);
  --element-button-colors-primary-background-color-hover: var(--color-primary-400);
  --element-button-colors-primary-background-color-active: var(--color-primary-500);
  --element-button-colors-primary-outline-color: var(--color-primary-500);
  --element-button-colors-secondary-color: #fff;
  --element-button-colors-secondary-border-color: var(--color-secondary);
  --element-button-colors-secondary-border-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-border-color-active: var(--color-secondary-darker);
  --element-button-colors-secondary-background-color: var(--color-secondary);
  --element-button-colors-secondary-background-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-background-color-active: var(--color-secondary-darker);
  --element-button-colors-secondary-outline-color: var(--color-secondary);
  --element-button-colors-light-color: black;
  --element-button-colors-light-border-color: var(--color-gray-100);
  --element-button-colors-light-border-color-hover: var(--color-gray-50);
  --element-button-colors-light-border-color-active: var(--color-gray-200);
  --element-button-colors-light-background-color: var(--color-gray-100);
  --element-button-colors-light-background-color-hover: var(--color-gray-50);
  --element-button-colors-light-background-color-active: var(--color-gray-200);
  --element-button-colors-light-outline-color: var(--color-gray-100);
  --element-button-colors-dark-color: #fff;
  --element-button-colors-dark-border-color: var(--color-gray-800);
  --element-button-colors-dark-border-color-hover: var(--color-gray-700);
  --element-button-colors-dark-border-color-active: var(--color-gray-900);
  --element-button-colors-dark-background-color: var(--color-gray-800);
  --element-button-colors-dark-background-color-hover: var(--color-gray-700);
  --element-button-colors-dark-background-color-active: var(--color-gray-900);
  --element-button-colors-dark-outline-color: var(--color-gray-800);
  --element-button-sizes-default-font-size: 0.875rem;
  --element-button-sizes-default-font-weight: 600;
  --element-button-sizes-default-font-family: inherit;
  --element-button-sizes-default-text-transform: none;
  --element-button-sizes-default-letter-spacing: 0;
  --element-button-sizes-default-line-height: 1.25rem;
  --element-button-sizes-default-border-radius: 0.25rem;
  --element-button-sizes-default-border-width: 1px;
  --element-button-sizes-default-px: 1.25rem;
  --element-button-sizes-default-py: 0.875rem;
  --element-button-sizes-default-gap-x: 0.5rem;
  --element-button-sizes-default-gap-y: 0.5rem;
  --element-button-sizes-default-icon-size: 1.3rem;
  --element-button-sizes-sm-font-size: 0.75rem;
  --element-button-sizes-sm-font-weight: var(--element-button-sizes-default-font-weight);
  --element-button-sizes-sm-font-family: var(--element-button-sizes-default-font-family);
  --element-button-sizes-sm-text-transform: var(--element-button-sizes-default-text-transform);
  --element-button-sizes-sm-letter-spacing: var(--element-button-sizes-default-letter-spacing);
  --element-button-sizes-sm-line-height: 1rem;
  --element-button-sizes-sm-border-radius: var(--element-button-sizes-default-border-radius);
  --element-button-sizes-sm-border-width: var(--element-button-sizes-default-border-width);
  --element-button-sizes-sm-px: 0.625rem;
  --element-button-sizes-sm-py: 0.5rem;
  --element-button-sizes-sm-gap-x: 0.25rem;
  --element-button-sizes-sm-gap-y: 0.25rem;
  --element-button-sizes-sm-icon-size: 1rem;
  --element-button-sizes-lg-font-size: 1rem;
  --element-button-sizes-lg-font-weight: var(--element-button-sizes-default-font-weight);
  --element-button-sizes-lg-font-family: var(--element-button-sizes-default-font-family);
  --element-button-sizes-lg-text-transform: var(--element-button-sizes-default-text-transform);
  --element-button-sizes-lg-letter-spacing: var(--element-button-sizes-default-letter-spacing);
  --element-button-sizes-lg-line-height: 1.25rem;
  --element-button-sizes-lg-border-radius: var(--element-button-sizes-default-border-radius);
  --element-button-sizes-lg-border-width: var(--element-button-sizes-default-border-width);
  --element-button-sizes-lg-px: 1.75rem;
  --element-button-sizes-lg-py: 1.25rem;
  --element-button-sizes-lg-gap-x: 0.75rem;
  --element-button-sizes-lg-gap-y: 0.5rem;
  --element-button-sizes-lg-icon-size: 1.5rem;
  --element-button-sizes-lg-downscale-breakpoint: 30rem;
  --element-forms-general-input-font-weight: 400;
  --element-forms-general-input-padding-x: 1rem;
  --element-forms-general-input-padding-y: 0.75rem;
  --element-forms-general-input-border-radius: 0.25rem;
  --element-forms-general-input-border-style: solid;
  --element-forms-general-input-border-width: 1px;
  --element-forms-general-input-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --element-forms-general-option-padding-x: 0.375rem;
  --element-forms-general-option-padding-y: 0.375rem;
  --element-forms-general-input-font-size: 1rem;
  --element-forms-general-input-line-height: 1.5;
  --element-forms-general-focus-ring-width: 3px;
  --element-forms-general-focus-ring-offset: 0px;
  --element-forms-general-label-font-weight: 700;
  --element-forms-general-label-font-size: 1rem;
  --element-forms-general-checkbox-border-radius: 0.25rem;
  --element-forms-colors-default-inputs-color: var(--color-gray-800);
  --element-forms-colors-default-inputs-option-color: var(--color-gray-800);
  --element-forms-colors-default-inputs-accent-background: var(--color-primary-500);
  --element-forms-colors-default-inputs-accent-foreground: #fff;
  --element-forms-colors-default-inputs-background-color: #fff;
  --element-forms-colors-default-inputs-border-color: rgba(0, 0, 0, 0.1);
  --element-forms-colors-default-inputs-focus-border-color: var(--color-primary-500);
  --element-forms-colors-default-inputs-focus-ring-color: rgba(0, 14, 199, 0.25);
  --element-forms-colors-default-inputs-focus-background-color: #fff;
  --element-forms-colors-default-inputs-required-border-color: var(--color-danger-border);
  --element-forms-colors-default-inputs-required-ring-color: rgba(239, 68, 68, 0.25);
  --element-forms-colors-default-inputs-radio-checkbox-accent: var(--color-primary-500);
  --element-forms-colors-alt-inputs-color: rgba(255, 255, 255, 0.9);
  --element-forms-colors-alt-inputs-option-color: var(--color-gray-800);
  --element-forms-colors-alt-inputs-accent-background: var(--color-primary-500);
  --element-forms-colors-alt-inputs-accent-foreground: #fff;
  --element-forms-colors-alt-inputs-background-color: rgba(255, 255, 255, 0.15);
  --element-forms-colors-alt-inputs-border-color: rgba(255, 255, 255, 0.15);
  --element-forms-colors-alt-inputs-focus-border-color: #fff;
  --element-forms-colors-alt-inputs-focus-ring-color: rgba(255, 255, 255, 0.25);
  --element-forms-colors-alt-inputs-focus-background-color: rgba(255, 255, 255, 0.05);
  --element-forms-colors-alt-inputs-required-border-color: var(--color-danger-border);
  --element-forms-colors-alt-inputs-required-ring-color: rgba(239, 68, 68, 0.25);
  --element-forms-colors-alt-inputs-radio-checkbox-accent: #fff;
}
:root {
  --element-color-default-bg: white;
  --element-color-default-bg-alternate: var(--color-gray-50);
  --element-color-default-fg: var(--color-gray-800);
  --element-color-default-fg-darker: var(--color-gray-900);
  --element-color-default-fg-muted: var(--color-gray-500);
  --element-color-default-accent: var(--color-primary-500);
  --element-color-default-accent-alternate: var(--color-primary-400);
  --element-color-default-title: var(--element-color-default-fg-darker);
  --element-color-default-title-alternate: var(--element-color-default-fg-darker);
  --element-color-default-subtitle: var(--element-color-default-fg-muted);
  --element-color-default-subtitle-alternate: var(--element-color-default-accent);
  --element-color-default-border: rgba(0, 0, 0, .08);
  --element-color-default-nav-fg: var(--element-color-default-fg-muted);
  --element-color-default-nav-fg-hover: var(--element-color-default-fg);
  --element-color-default-nav-fg-active: var(--element-color-default-fg);
  --element-color-default-nav-border: transparent;
  --element-color-default-nav-border-hover: transparent;
  --element-color-default-nav-border-active: transparent;
  --element-color-default-nav-bg: transparent;
  --element-color-default-nav-bg-hover: transparent;
  --element-color-default-nav-bg-active: transparent;
  --element-color-default-nav-tab-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-tab-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-tab-fg-active: var(--element-color-default-accent);
  --element-color-default-nav-tab-border: transparent;
  --element-color-default-nav-tab-border-hover: var(--color-gray-300);
  --element-color-default-nav-tab-border-active: var(--element-color-default-accent);
  --element-color-default-nav-tab-bg: transparent;
  --element-color-default-nav-tab-bg-hover: transparent;
  --element-color-default-nav-tab-bg-active: transparent;
  --element-color-default-nav-pagination-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-pagination-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-pagination-fg-active: var(--element-color-default-nav-fg-active);
  --element-color-default-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-default-nav-pagination-border-hover: transparent;
  --element-color-default-nav-pagination-border-active: transparent;
  --element-color-default-nav-pagination-bg: var(--element-color-default-bg);
  --element-color-default-nav-pagination-bg-hover: var(--element-color-default-bg-alternate);
  --element-color-default-nav-pagination-bg-active: var(--color-gray-100);
  --element-color-primary-bg: var(--color-primary-100);
  --element-color-primary-bg-alternate: rgba(255, 255, 255, .2);
  --element-color-primary-fg: var(--color-gray-800);
  --element-color-primary-fg-darker: var(--color-gray-900);
  --element-color-primary-fg-muted: var(--color-gray-500);
  --element-color-primary-accent: var(--color-primary-500);
  --element-color-primary-accent-alternate: var(--color-primary-400);
  --element-color-primary-title: var(--element-color-primary-fg-darker);
  --element-color-primary-title-alternate: var(--element-color-primary-fg-darker);
  --element-color-primary-subtitle: var(--element-color-primary-fg-muted);
  --element-color-primary-subtitle-alternate: var(--element-color-primary-accent);
  --element-color-primary-border: rgba(0, 0, 0, .08);
  --element-color-primary-nav-fg: var(--element-color-primary-fg-muted);
  --element-color-primary-nav-fg-hover: var(--element-color-primary-fg);
  --element-color-primary-nav-fg-active: var(--element-color-primary-fg);
  --element-color-primary-nav-border: transparent;
  --element-color-primary-nav-border-hover: transparent;
  --element-color-primary-nav-border-active: transparent;
  --element-color-primary-nav-bg: transparent;
  --element-color-primary-nav-bg-hover: transparent;
  --element-color-primary-nav-bg-active: transparent;
  --element-color-primary-nav-tab-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-tab-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-tab-fg-active: var(--element-color-primary-accent);
  --element-color-primary-nav-tab-border: transparent;
  --element-color-primary-nav-tab-border-hover: rgba(0, 0, 0, .1);
  --element-color-primary-nav-tab-border-active: var(--element-color-primary-accent);
  --element-color-primary-nav-tab-bg: transparent;
  --element-color-primary-nav-tab-bg-hover: transparent;
  --element-color-primary-nav-tab-bg-active: transparent;
  --element-color-primary-nav-pagination-fg: var(--element-color-primary-nav-fg);
  --element-color-primary-nav-pagination-fg-hover: var(--element-color-primary-nav-fg-hover);
  --element-color-primary-nav-pagination-fg-active: var(--element-color-primary-nav-fg-active);
  --element-color-primary-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-primary-nav-pagination-border-hover: transparent;
  --element-color-primary-nav-pagination-border-active: transparent;
  --element-color-primary-nav-pagination-bg: rgba(255, 255, 255, 0.05);
  --element-color-primary-nav-pagination-bg-hover: rgba(255, 255, 255, 0.4);
  --element-color-primary-nav-pagination-bg-active: rgba(255, 255, 255, 0.7);
  --element-color-light-bg: var(--color-gray-50);
  --element-color-light-bg-alternate: var(--color-gray-100);
  --element-color-light-fg: var(--color-gray-800);
  --element-color-light-fg-darker: var(--color-gray-900);
  --element-color-light-fg-muted: var(--color-gray-500);
  --element-color-light-accent: var(--color-primary-500);
  --element-color-light-accent-alternate: var(--color-primary-400);
  --element-color-light-title: var(--element-color-light-fg-darker);
  --element-color-light-title-alternate: var(--element-color-light-fg-darker);
  --element-color-light-subtitle: var(--element-color-light-fg-muted);
  --element-color-light-subtitle-alternate: var(--element-color-light-accent);
  --element-color-light-border: rgba(0, 0, 0, .08);
  --element-color-light-nav-fg: var(--element-color-light-fg-muted);
  --element-color-light-nav-fg-hover: var(--element-color-light-fg);
  --element-color-light-nav-fg-active: var(--element-color-light-fg);
  --element-color-light-nav-border: transparent;
  --element-color-light-nav-border-hover: transparent;
  --element-color-light-nav-border-active: transparent;
  --element-color-light-nav-bg: transparent;
  --element-color-light-nav-bg-hover: transparent;
  --element-color-light-nav-bg-active: transparent;
  --element-color-light-nav-tab-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-tab-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-tab-fg-active: var(--element-color-light-accent);
  --element-color-light-nav-tab-border: transparent;
  --element-color-light-nav-tab-border-hover: var(--color-gray-300);
  --element-color-light-nav-tab-border-active: var(--element-color-light-accent);
  --element-color-light-nav-tab-bg: transparent;
  --element-color-light-nav-tab-bg-hover: transparent;
  --element-color-light-nav-tab-bg-active: transparent;
  --element-color-light-nav-pagination-fg: var(--element-color-light-nav-fg);
  --element-color-light-nav-pagination-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-light-nav-pagination-fg-active: var(--element-color-light-nav-fg-active);
  --element-color-light-nav-pagination-border: rgba(0, 0, 0, 0.08);
  --element-color-light-nav-pagination-border-hover: transparent;
  --element-color-light-nav-pagination-border-active: transparent;
  --element-color-light-nav-pagination-bg: var(--element-color-light-bg);
  --element-color-light-nav-pagination-bg-hover: var(--element-color-light-bg-alternate);
  --element-color-light-nav-pagination-bg-active: var(--color-gray-200);
  --element-color-dark-bg: black;
  --element-color-dark-bg-alternate: rgba(255, 255, 255, .15);
  --element-color-dark-fg: rgba(255, 255, 255, .8);
  --element-color-dark-fg-darker: var(--color-gray-900);
  --element-color-dark-fg-muted: rgba(255, 255, 255, .7);
  --element-color-dark-accent: white;
  --element-color-dark-accent-alternate: rgba(255, 255, 255, .8);
  --element-color-dark-title: white;
  --element-color-dark-title-alternate: white;
  --element-color-dark-subtitle: var(--element-color-dark-fg-muted);
  --element-color-dark-subtitle-alternate: var(--element-color-dark-accent);
  --element-color-dark-border: rgba(255, 255, 255, .2);
  --element-color-dark-nav-fg: var(--element-color-dark-fg-muted);
  --element-color-dark-nav-fg-hover: var(--element-color-dark-fg);
  --element-color-dark-nav-fg-active: var(--element-color-dark-fg);
  --element-color-dark-nav-border: transparent;
  --element-color-dark-nav-border-hover: transparent;
  --element-color-dark-nav-border-active: transparent;
  --element-color-dark-nav-bg: transparent;
  --element-color-dark-nav-bg-hover: transparent;
  --element-color-dark-nav-bg-active: transparent;
  --element-color-dark-nav-tab-fg: rgba(255, 255, 255, .6);
  --element-color-dark-nav-tab-fg-hover: rgba(255, 255, 255, .9);
  --element-color-dark-nav-tab-fg-active: var(--element-color-dark-accent);
  --element-color-dark-nav-tab-border: transparent;
  --element-color-dark-nav-tab-border-hover: rgba(255, 255, 255, .6);
  --element-color-dark-nav-tab-border-active: var(--element-color-dark-accent);
  --element-color-dark-nav-tab-bg: transparent;
  --element-color-dark-nav-tab-bg-hover: transparent;
  --element-color-dark-nav-tab-bg-active: transparent;
  --element-color-dark-nav-pagination-fg: var(--element-color-dark-nav-fg);
  --element-color-dark-nav-pagination-fg-hover: var(--element-color-dark-nav-fg-hover);
  --element-color-dark-nav-pagination-fg-active: var(--element-color-dark-nav-fg-active);
  --element-color-dark-nav-pagination-border: rgba(255, 255, 255, 0.2);
  --element-color-dark-nav-pagination-border-hover: transparent;
  --element-color-dark-nav-pagination-border-active: transparent;
  --element-color-dark-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-dark-nav-pagination-bg-hover: rgba(255, 255, 255, .1);
  --element-color-dark-nav-pagination-bg-active: rgba(255, 255, 255, 0.2);
  --element-color-video-image-bg: black;
  --element-color-video-image-bg-alternate: rgba(255, 255, 255, .15);
  --element-color-video-image-fg: rgba(255, 255, 255, .9);
  --element-color-video-image-fg-darker: var(--color-gray-900);
  --element-color-video-image-fg-muted: rgba(255, 255, 255, .7);
  --element-color-video-image-accent: white;
  --element-color-video-image-accent-alternate: rgba(255, 255, 255, .8);
  --element-color-video-image-title: white;
  --element-color-video-image-title-alternate: white;
  --element-color-video-image-subtitle: var(--element-color-video-image-fg-muted);
  --element-color-video-image-subtitle-alternate: var(--element-color-video-image-accent);
  --element-color-video-image-border: rgba(255, 255, 255, .2);
  --element-color-video-image-nav-fg: var(--element-color-video-image-fg-muted);
  --element-color-video-image-nav-fg-hover: var(--element-color-video-image-fg);
  --element-color-video-image-nav-fg-active: var(--element-color-video-image-fg);
  --element-color-video-image-nav-border: transparent;
  --element-color-video-image-nav-border-hover: transparent;
  --element-color-video-image-nav-border-active: transparent;
  --element-color-video-image-nav-bg: transparent;
  --element-color-video-image-nav-bg-hover: transparent;
  --element-color-video-image-nav-bg-active: transparent;
  --element-color-video-image-nav-tab-fg: rgba(255, 255, 255, .6);
  --element-color-video-image-nav-tab-fg-hover: rgba(255, 255, 255, .9);
  --element-color-video-image-nav-tab-fg-active: var(--element-color-video-image-accent);
  --element-color-video-image-nav-tab-border: transparent;
  --element-color-video-image-nav-tab-border-hover: rgba(255, 255, 255, .6);
  --element-color-video-image-nav-tab-border-active: var(--element-color-video-image-accent);
  --element-color-video-image-nav-tab-bg: transparent;
  --element-color-video-image-nav-tab-bg-hover: transparent;
  --element-color-video-image-nav-tab-bg-active: transparent;
  --element-color-video-image-nav-pagination-fg: var(--element-color-video-image-nav-fg);
  --element-color-video-image-nav-pagination-fg-hover: var(--element-color-video-image-nav-fg-hover);
  --element-color-video-image-nav-pagination-fg-active: var(--element-color-video-image-nav-fg-active);
  --element-color-video-image-nav-pagination-border: rgba(255, 255, 255, 0.2);
  --element-color-video-image-nav-pagination-border-hover: transparent;
  --element-color-video-image-nav-pagination-border-active: transparent;
  --element-color-video-image-nav-pagination-bg: rgba(255, 255, 255, .05);
  --element-color-video-image-nav-pagination-bg-hover: rgba(255, 255, 255, .1);
  --element-color-video-image-nav-pagination-bg-active: rgba(255, 255, 255, 0.2);
  &, [data-element-color="default"] {
    --element-color-bg: var(--element-color-default-bg);
    --element-color-bg-alternate: var(--element-color-default-bg-alternate);
    --element-color-fg: var(--element-color-default-fg);
    --element-color-fg-darker: var(--element-color-default-fg-darker);
    --element-color-fg-muted: var(--element-color-default-fg-muted);
    --element-color-accent: var(--element-color-default-accent);
    --element-color-accent-alternate: var(--element-color-default-accent-alternate);
    --element-color-title: var(--element-color-default-title);
    --element-color-title-alternate: var(--element-color-default-title-alternate);
    --element-color-subtitle: var(--element-color-default-subtitle);
    --element-color-subtitle-alternate: var(--element-color-default-subtitle-alternate);
    --element-color-border: var(--element-color-default-border);
    --element-color-nav-fg: var(--element-color-default-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-default-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-default-nav-fg-active);
    --element-color-nav-border: var(--element-color-default-nav-border);
    --element-color-nav-border-hover: var(--element-color-default-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-default-nav-border-active);
    --element-color-nav-bg: var(--element-color-default-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-default-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-default-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-default-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-default-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-default-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-default-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-default-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-default-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-default-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-default-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-default-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-default-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-default-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-default-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-default-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-default-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-default-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-default-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-default-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-default-nav-pagination-bg-active);
  }
  [data-element-color="primary"] {
    --element-color-bg: var(--element-color-primary-bg);
    --element-color-bg-alternate: var(--element-color-primary-bg-alternate);
    --element-color-fg: var(--element-color-primary-fg);
    --element-color-fg-darker: var(--element-color-primary-fg-darker);
    --element-color-fg-muted: var(--element-color-primary-fg-muted);
    --element-color-accent: var(--element-color-primary-accent);
    --element-color-accent-alternate: var(--element-color-primary-accent-alternate);
    --element-color-title: var(--element-color-primary-title);
    --element-color-title-alternate: var(--element-color-primary-title-alternate);
    --element-color-subtitle: var(--element-color-primary-subtitle);
    --element-color-subtitle-alternate: var(--element-color-primary-subtitle-alternate);
    --element-color-border: var(--element-color-primary-border);
    --element-color-nav-fg: var(--element-color-primary-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-primary-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-primary-nav-fg-active);
    --element-color-nav-border: var(--element-color-primary-nav-border);
    --element-color-nav-border-hover: var(--element-color-primary-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-primary-nav-border-active);
    --element-color-nav-bg: var(--element-color-primary-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-primary-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-primary-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-primary-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-primary-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-primary-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-primary-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-primary-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-primary-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-primary-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-primary-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-primary-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-primary-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-primary-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-primary-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-primary-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-primary-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-primary-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-primary-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-primary-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-primary-nav-pagination-bg-active);
  }
  [data-element-color="light"] {
    --element-color-bg: var(--element-color-light-bg);
    --element-color-bg-alternate: var(--element-color-light-bg-alternate);
    --element-color-fg: var(--element-color-light-fg);
    --element-color-fg-darker: var(--element-color-light-fg-darker);
    --element-color-fg-muted: var(--element-color-light-fg-muted);
    --element-color-accent: var(--element-color-light-accent);
    --element-color-accent-alternate: var(--element-color-light-accent-alternate);
    --element-color-title: var(--element-color-light-title);
    --element-color-title-alternate: var(--element-color-light-title-alternate);
    --element-color-subtitle: var(--element-color-light-subtitle);
    --element-color-subtitle-alternate: var(--element-color-light-subtitle-alternate);
    --element-color-border: var(--element-color-light-border);
    --element-color-nav-fg: var(--element-color-light-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-light-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-light-nav-fg-active);
    --element-color-nav-border: var(--element-color-light-nav-border);
    --element-color-nav-border-hover: var(--element-color-light-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-light-nav-border-active);
    --element-color-nav-bg: var(--element-color-light-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-light-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-light-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-light-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-light-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-light-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-light-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-light-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-light-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-light-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-light-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-light-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-light-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-light-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-light-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-light-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-light-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-light-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-light-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-light-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-light-nav-pagination-bg-active);
  }
  [data-element-color="dark"] {
    --element-color-bg: var(--element-color-dark-bg);
    --element-color-bg-alternate: var(--element-color-dark-bg-alternate);
    --element-color-fg: var(--element-color-dark-fg);
    --element-color-fg-darker: var(--element-color-dark-fg-darker);
    --element-color-fg-muted: var(--element-color-dark-fg-muted);
    --element-color-accent: var(--element-color-dark-accent);
    --element-color-accent-alternate: var(--element-color-dark-accent-alternate);
    --element-color-title: var(--element-color-dark-title);
    --element-color-title-alternate: var(--element-color-dark-title-alternate);
    --element-color-subtitle: var(--element-color-dark-subtitle);
    --element-color-subtitle-alternate: var(--element-color-dark-subtitle-alternate);
    --element-color-border: var(--element-color-dark-border);
    --element-color-nav-fg: var(--element-color-dark-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-dark-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-dark-nav-fg-active);
    --element-color-nav-border: var(--element-color-dark-nav-border);
    --element-color-nav-border-hover: var(--element-color-dark-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-dark-nav-border-active);
    --element-color-nav-bg: var(--element-color-dark-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-dark-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-dark-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-dark-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-dark-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-dark-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-dark-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-dark-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-dark-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-dark-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-dark-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-dark-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-dark-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-dark-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-dark-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-dark-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-dark-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-dark-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-dark-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-dark-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-dark-nav-pagination-bg-active);
  }
  [data-element-color="image"] {
    --element-color-bg: var(--element-color-image-bg, var(--element-color-video-image-bg));
    --element-color-bg-alternate: var(--element-color-image-bg-alternate, var(--element-color-video-image-bg-alternate));
    --element-color-fg: var(--element-color-image-fg, var(--element-color-video-image-fg));
    --element-color-fg-darker: var(--element-color-image-fg-darker, var(--element-color-video-image-fg-darker));
    --element-color-fg-muted: var(--element-color-image-fg-muted, var(--element-color-video-image-fg-muted));
    --element-color-accent: var(--element-color-image-accent, var(--element-color-video-image-accent));
    --element-color-accent-alternate: var(--element-color-image-accent-alternate, var(--element-color-video-image-accent-alternate));
    --element-color-title: var(--element-color-image-title, var(--element-color-video-image-title));
    --element-color-title-alternate: var(--element-color-image-title-alternate, var(--element-color-video-image-title-alternate));
    --element-color-subtitle: var(--element-color-image-subtitle, var(--element-color-video-image-subtitle));
    --element-color-subtitle-alternate: var(--element-color-image-subtitle-alternate, var(--element-color-video-image-subtitle-alternate));
    --element-color-border: var(--element-color-image-border, var(--element-color-video-image-border));
    --element-color-nav-fg: var(--element-color-image-nav-fg, var(--element-color-video-image-nav-fg));
    --element-color-nav-fg-hover: var(--element-color-image-nav-fg-hover, var(--element-color-video-image-nav-fg-hover));
    --element-color-nav-fg-active: var(--element-color-image-nav-fg-active, var(--element-color-video-image-nav-fg-active));
    --element-color-nav-border: var(--element-color-image-nav-border, var(--element-color-video-image-nav-border));
    --element-color-nav-border-hover: var(--element-color-image-nav-border-hover, var(--element-color-video-image-nav-border-hover));
    --element-color-nav-border-active: var(--element-color-image-nav-border-active, var(--element-color-video-image-nav-border-active));
    --element-color-nav-bg: var(--element-color-image-nav-bg, var(--element-color-video-image-nav-bg));
    --element-color-nav-bg-hover: var(--element-color-image-nav-bg-hover, var(--element-color-video-image-nav-bg-hover));
    --element-color-nav-bg-active: var(--element-color-image-nav-bg-active, var(--element-color-video-image-nav-bg-active));
    --element-color-nav-tab-fg: var(--element-color-image-nav-tab-fg, var(--element-color-video-image-nav-tab-fg));
    --element-color-nav-tab-fg-hover: var(--element-color-image-nav-tab-fg-hover, var(--element-color-video-image-nav-tab-fg-hover));
    --element-color-nav-tab-fg-active: var(--element-color-image-nav-tab-fg-active, var(--element-color-video-image-nav-tab-fg-active));
    --element-color-nav-tab-border: var(--element-color-image-nav-tab-border, var(--element-color-video-image-nav-tab-border));
    --element-color-nav-tab-border-hover: var(--element-color-image-nav-tab-border-hover, var(--element-color-video-image-nav-tab-border-hover));
    --element-color-nav-tab-border-active: var(--element-color-image-nav-tab-border-active, var(--element-color-video-image-nav-tab-border-active));
    --element-color-nav-tab-bg: var(--element-color-image-nav-tab-bg, var(--element-color-video-image-nav-tab-bg));
    --element-color-nav-tab-bg-hover: var(--element-color-image-nav-tab-bg-hover, var(--element-color-video-image-nav-tab-bg-hover));
    --element-color-nav-tab-bg-active: var(--element-color-image-nav-tab-bg-active, var(--element-color-video-image-nav-tab-bg-active));
    --element-color-nav-pagination-fg: var(--element-color-image-nav-pagination-fg, var(--element-color-video-image-nav-pagination-fg));
    --element-color-nav-pagination-fg-hover: var(--element-color-image-nav-pagination-fg-hover, var(--element-color-video-image-nav-pagination-fg-hover));
    --element-color-nav-pagination-fg-active: var(--element-color-image-nav-pagination-fg-active, var(--element-color-video-image-nav-pagination-fg-active));
    --element-color-nav-pagination-border: var(--element-color-image-nav-pagination-border, var(--element-color-video-image-nav-pagination-border));
    --element-color-nav-pagination-border-hover: var(--element-color-image-nav-pagination-border-hover, var(--element-color-video-image-nav-pagination-border-hover));
    --element-color-nav-pagination-border-active: var(--element-color-image-nav-pagination-border-active, var(--element-color-video-image-nav-pagination-border-active));
    --element-color-nav-pagination-bg: var(--element-color-image-nav-pagination-bg, var(--element-color-video-image-nav-pagination-bg));
    --element-color-nav-pagination-bg-hover: var(--element-color-image-nav-pagination-bg-hover, var(--element-color-video-image-nav-pagination-bg-hover));
    --element-color-nav-pagination-bg-active: var(--element-color-image-nav-pagination-bg-active, var(--element-color-video-image-nav-pagination-bg-active));
  }
  [data-element-color="video"] {
    --element-color-bg: var(--element-color-video-bg, var(--element-color-video-image-bg));
    --element-color-bg-alternate: var(--element-color-video-bg-alternate, var(--element-color-video-image-bg-alternate));
    --element-color-fg: var(--element-color-video-fg, var(--element-color-video-image-fg));
    --element-color-fg-darker: var(--element-color-video-fg-darker, var(--element-color-video-image-fg-darker));
    --element-color-fg-muted: var(--element-color-video-fg-muted, var(--element-color-video-image-fg-muted));
    --element-color-accent: var(--element-color-video-accent, var(--element-color-video-image-accent));
    --element-color-accent-alternate: var(--element-color-video-accent-alternate, var(--element-color-video-image-accent-alternate));
    --element-color-title: var(--element-color-video-title, var(--element-color-video-image-title));
    --element-color-title-alternate: var(--element-color-video-title-alternate, var(--element-color-video-image-title-alternate));
    --element-color-subtitle: var(--element-color-video-subtitle, var(--element-color-video-image-subtitle));
    --element-color-subtitle-alternate: var(--element-color-video-subtitle-alternate, var(--element-color-video-image-subtitle-alternate));
    --element-color-border: var(--element-color-video-border, var(--element-color-video-image-border));
    --element-color-nav-fg: var(--element-color-video-nav-fg, var(--element-color-video-image-nav-fg));
    --element-color-nav-fg-hover: var(--element-color-video-nav-fg-hover, var(--element-color-video-image-nav-fg-hover));
    --element-color-nav-fg-active: var(--element-color-video-nav-fg-active, var(--element-color-video-image-nav-fg-active));
    --element-color-nav-border: var(--element-color-video-nav-border, var(--element-color-video-image-nav-border));
    --element-color-nav-border-hover: var(--element-color-video-nav-border-hover, var(--element-color-video-image-nav-border-hover));
    --element-color-nav-border-active: var(--element-color-video-nav-border-active, var(--element-color-video-image-nav-border-active));
    --element-color-nav-bg: var(--element-color-video-nav-bg, var(--element-color-video-image-nav-bg));
    --element-color-nav-bg-hover: var(--element-color-video-nav-bg-hover, var(--element-color-video-image-nav-bg-hover));
    --element-color-nav-bg-active: var(--element-color-video-nav-bg-active, var(--element-color-video-image-nav-bg-active));
    --element-color-nav-tab-fg: var(--element-color-video-nav-tab-fg, var(--element-color-video-image-nav-tab-fg));
    --element-color-nav-tab-fg-hover: var(--element-color-video-nav-tab-fg-hover, var(--element-color-video-image-nav-tab-fg-hover));
    --element-color-nav-tab-fg-active: var(--element-color-video-nav-tab-fg-active, var(--element-color-video-image-nav-tab-fg-active));
    --element-color-nav-tab-border: var(--element-color-video-nav-tab-border, var(--element-color-video-image-nav-tab-border));
    --element-color-nav-tab-border-hover: var(--element-color-video-nav-tab-border-hover, var(--element-color-video-image-nav-tab-border-hover));
    --element-color-nav-tab-border-active: var(--element-color-video-nav-tab-border-active, var(--element-color-video-image-nav-tab-border-active));
    --element-color-nav-tab-bg: var(--element-color-video-nav-tab-bg, var(--element-color-video-image-nav-tab-bg));
    --element-color-nav-tab-bg-hover: var(--element-color-video-nav-tab-bg-hover, var(--element-color-video-image-nav-tab-bg-hover));
    --element-color-nav-tab-bg-active: var(--element-color-video-nav-tab-bg-active, var(--element-color-video-image-nav-tab-bg-active));
    --element-color-nav-pagination-fg: var(--element-color-video-nav-pagination-fg, var(--element-color-video-image-nav-pagination-fg));
    --element-color-nav-pagination-fg-hover: var(--element-color-video-nav-pagination-fg-hover, var(--element-color-video-image-nav-pagination-fg-hover));
    --element-color-nav-pagination-fg-active: var(--element-color-video-nav-pagination-fg-active, var(--element-color-video-image-nav-pagination-fg-active));
    --element-color-nav-pagination-border: var(--element-color-video-nav-pagination-border, var(--element-color-video-image-nav-pagination-border));
    --element-color-nav-pagination-border-hover: var(--element-color-video-nav-pagination-border-hover, var(--element-color-video-image-nav-pagination-border-hover));
    --element-color-nav-pagination-border-active: var(--element-color-video-nav-pagination-border-active, var(--element-color-video-image-nav-pagination-border-active));
    --element-color-nav-pagination-bg: var(--element-color-video-nav-pagination-bg, var(--element-color-video-image-nav-pagination-bg));
    --element-color-nav-pagination-bg-hover: var(--element-color-video-nav-pagination-bg-hover, var(--element-color-video-image-nav-pagination-bg-hover));
    --element-color-nav-pagination-bg-active: var(--element-color-video-nav-pagination-bg-active, var(--element-color-video-image-nav-pagination-bg-active));
  }
}
:root, .preview-shadow-root {
  --element-border-radius-sm: 0;
  --element-border-radius-md: 0;
  --element-border-radius-lg: 0;
  --element-header-top-height-navbreakpoint-down: 32px;
  --element-header-top-height-navbreakpoint-down-scrolled: 32px;
  --element-header-top-height-navbreakpoint-up: 60px;
  --element-header-top-height-navbreakpoint-up-scrolled: 32px;
  --element-header-main-height-navbreakpoint-down: 80px;
  --element-header-main-height-navbreakpoint-down-scrolled: 80px;
  --element-header-main-height-navbreakpoint-up: 136px;
  --element-header-main-height-navbreakpoint-up-scrolled: 104px;
  --element-header-main-navigation-sub-menu-title-height: 4rem;
  --element-section-rows-padding-y-xs: 1rem;
  --element-section-rows-padding-y-sm: clamp(1rem, 3vw, 2rem);
  --element-section-rows-padding-y-default: clamp(1.5rem, 5vw, 3rem);
  --element-section-rows-padding-y-lg: clamp(3rem, 8vw, 6rem);
  --element-col-padding-sm: clamp(.5rem, 3vw, 1rem);
  --element-col-padding-default: clamp(.75rem, 5vw, 1.5rem);
  --element-col-padding-lg: clamp(1.5rem, 6vw, 3rem);
  --element-spacer-height-lg: 4rem;
  --element-title-gap-y-h3: 0.5rem;
  --element-title-gap-y-h5: 0.25rem;
  --element-title-margin-bottom-h1: 1rem;
  --element-title-margin-bottom-h2: 1rem;
  --element-title-margin-bottom-h3: clamp(0.5rem, 3vw, 1rem);
  --element-title-margin-bottom-h4: 0.5rem;
  --element-title-margin-bottom-h5: 0.5rem;
  --element-title-margin-bottom-h6: 0.5rem;
  --element-title-margin-bottom-d1: 1rem;
  --element-title-margin-bottom-d2: 1rem;
  --element-title-margin-bottom-d3: 1rem;
  --element-title-margin-bottom-d4: 1rem;
  --element-button-sizes-default-font-family: var(--font-heading);
  --element-button-colors-primary-color-outline: var(--color-primary-400);
  --element-button-colors-primary-border-color: var(--color-primary-400);
  --element-button-colors-primary-background-color: var(--color-primary-400);
  --element-button-colors-primary-border-color-hover: var(--color-primary-500);
  --element-button-colors-primary-border-color-active: var(--color-primary-400);
  --element-button-colors-primary-background-color-hover: var(--color-primary-500);
  --element-button-colors-primary-background-color-active: var(--color-primary-400);
  --element-button-colors-secondary-color: #fff;
  --element-button-colors-secondary-color-outline: var(--color-secondary);
  --element-button-colors-secondary-border-color: var(--color-secondary);
  --element-button-colors-secondary-background-color: var(--color-secondary);
  --element-button-colors-secondary-border-color-hover: color-mix(in srgb, #5479a3 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-button-colors-secondary-border-color-hover: color-mix(in oklab, var(--color-secondary) 80%, transparent);
  }
  --element-button-colors-secondary-border-color-active: var(--color-secondary);
  --element-button-colors-secondary-background-color-hover: color-mix(in srgb, #5479a3 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-button-colors-secondary-background-color-hover: color-mix(in oklab, var(--color-secondary) 80%, transparent);
  }
  --element-button-colors-secondary-background-color-active: var(--color-secondary);
  --element-button-colors-light-color: var(--color-blue-600);
  --element-button-colors-light-color-outline: color-mix(in srgb, #ffffff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-button-colors-light-color-outline: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
  --element-button-colors-light-border-color: var(--color-blue-50);
  --element-button-colors-light-background-color: var(--color-blue-50);
  --element-button-colors-light-border-color-hover: var(--color-secondary);
  --element-button-colors-light-border-color-active: var(--color-blue-50);
  --element-button-colors-light-background-color-hover: var(--color-secondary);
  --element-button-colors-light-background-color-active: var(--color-blue-200);
  --element-button-sizes-sm-font-size: 0.875rem;
  --element-button-sizes-sm-font-weight: 400;
  --element-button-sizes-sm-line-height: 1.4;
  --element-button-sizes-sm-gap-x: 0.5rem;
  --element-button-sizes-sm-px: 0.75rem;
  --element-button-sizes-sm-py: 0.5rem;
  --element-button-sizes-sm-icon-size: 0.75rem;
  --element-button-sizes-default-font-size: 1rem;
  --element-button-sizes-default-font-weight: 400;
  --element-button-sizes-default-line-height: 1.5;
  --element-button-sizes-default-gap-x: .75rem;
  --element-button-sizes-default-px: 1.25rem;
  --element-button-sizes-default-py: 0.75rem;
  --element-button-sizes-default-icon-size: 1rem;
  --element-button-sizes-lg-font-size: 1.25rem;
  --element-button-sizes-lg-font-weight: 400;
  --element-button-sizes-lg-line-height: 1.5;
  --element-button-sizes-lg-gap-x: .5rem;
  --element-button-sizes-lg-px: 1.75rem;
  --element-button-sizes-lg-py: 1rem;
  --element-forms-general-label-font-weight: 400;
  --element-bg-border-radius: 0;
  --element-col-sticky-content-offset-top: calc(var(--header-height) + 2rem);
  --typography-link-decoration-default: underline;
  --typography-link-font-weight: 700;
  --styled-scrollbar-height: 5px;
  --styled-scrollbar-width: 5px;
}
:root, .preview-shadow-root {
  --element-color-socialmedia-item: var(--color-primary);
  --element-color-default-bg: white;
  --element-color-default-bg-alternate: var(--color-blue-100);
  --element-color-default-fg: var(--color-gray-700);
  --element-color-default-fg-darker: var(--color-blue-500);
  --element-color-default-fg-muted: var(--color-gray-500);
  --element-color-default-accent: var(--element-color-default-fg);
  --element-color-default-accent-alternate: var(--color-blue-700);
  --element-color-default-subtitle: var(--color-blue-500);
  --element-color-default-nav-fg: var(--color-gray-500);
  --element-color-default-nav-fg-hover: var(--color-blue-500);
  --element-color-default-nav-fg-active: var(--color-gray-700);
  --element-color-default-nav-border: var(--color-gray-100);
  --element-color-default-nav-border-hover: var(--color-gray-200);
  --element-color-default-nav-border-active: var(--color-gray-200);
  --element-color-default-nav-bg-hover: var(--color-gray-50);
  --element-color-default-nav-bg-active: var(--color-gray-50);
  --element-color-default-nav-tab-bg: transparent;
  --element-color-default-nav-tab-bg-hover: var(--color-gray-50);
  --element-color-default-nav-tab-bg-active: var(--color-gray-50);
  --element-color-default-nav-pagination-fg: var(--element-color-default-nav-fg);
  --element-color-default-nav-pagination-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-default-nav-pagination-fg-active: var(--element-color-default-nav-fg-active);
  --element-color-default-nav-pagination-border: var(--element-color-default-nav-border);
  --element-color-default-nav-pagination-border-hover: var(--element-color-default-nav-border-hover);
  --element-color-default-nav-pagination-border-active: var(--element-color-default-nav-border-active);
  --element-color-default-nav-pagination-bg: var(--element-color-default-bg);
  --element-color-default-nav-pagination-bg-hover: var(--color-gray-50);
  --element-color-default-nav-pagination-bg-active: var(--color-gray-50);
  --element-color-primary-bg: var(--color-blue-500);
  --element-color-primary-bg-alternate: color-mix(in srgb, #0b1826 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-color-primary-bg-alternate: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
  --element-color-primary-fg: var(--color-gray-100);
  --element-color-primary-fg-darker: white;
  --element-color-primary-fg-muted: color-mix(in srgb, #ffffff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-color-primary-fg-muted: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
  --element-color-light-bg: var(--color-blue-100);
  --element-color-light-bg-alternate: white;
  --element-color-light-fg: var(--color-gray-700);
  --element-color-light-fg-darker: var(--color-blue-500);
  --element-color-light-fg-muted: var(--color-gray-500);
  --element-color-light-accent: var(--element-color-light-fg);
  --element-color-light-accent-alternate: var(--color-blue-700);
  --element-color-light-subtitle: var(--element-color-light-fg-darker);
  --element-color-light-subtitle-alternate: var(--element-color-light-fg-darker);
  --element-color-light-nav-fg: var(--element-color-default-nav-fg);
  --element-color-light-nav-fg-hover: var(--element-color-default-nav-fg);
  --element-color-light-nav-fg-active: var(--element-color-default-nav-fg-active);
  --element-color-light-nav-pagination-fg: var(--element-color-default-nav-fg);
  --element-color-light-nav-pagination-fg-hover: var(--element-color-default-nav-fg-hover);
  --element-color-light-nav-pagination-fg-active: var(--element-color-default-nav-fg-active);
  --element-color-light-nav-pagination-border: var(--element-color-default-nav-border);
  --element-color-light-nav-pagination-border-hover: var(--element-color-default-nav-border-hover);
  --element-color-light-nav-pagination-border-active: var(--element-color-default-nav-border-active);
  --element-color-light-nav-pagination-bg: var(--element-color-default-bg);
  --element-color-light-nav-pagination-bg-hover: var(--color-gray-50);
  --element-color-light-nav-pagination-bg-active: var(--color-gray-50);
  --element-color-video-image-bg: var(--color-blue-500);
  --element-color-video-image-bg-alternate: color-mix(in srgb, #0b1826 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-color-video-image-bg-alternate: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
  --element-color-video-image-fg: var(--color-gray-100);
  --element-color-video-image-fg-darker: white;
  --element-color-video-image-fg-muted: color-mix(in srgb, #ffffff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-color-video-image-fg-muted: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
  --element-color-video-image-nav-fg: color-mix(in srgb, #ffffff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-color-video-image-nav-fg: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
  --element-color-lighter-bg: var(--color-blue-50);
  --element-color-lighter-bg-alternate: var(--color-blue-100);
  --element-color-lighter-fg: var(--element-color-light-fg);
  --element-color-lighter-fg-darker: var(--color-white);
  --element-color-lighter-fg-muted: var(--element-color-light-fg-muted);
  --element-color-lighter-accent: var(--element-color-light-accent);
  --element-color-lighter-accent-alternate: var(--element-color-light-accent-alternate);
  --element-color-lighter-title: var(--element-color-light-title);
  --element-color-lighter-title-alternate: var(--element-color-light-title-alternate);
  --element-color-lighter-subtitle: var(--element-color-light-subtitle);
  --element-color-lighter-subtitle-alternate: var(--element-color-light-subtitle-alternate);
  --element-color-lighter-border: var(--element-color-light-border);
  --element-color-lighter-nav-fg: var(--element-color-light-nav-fg);
  --element-color-lighter-nav-fg-hover: var(--element-color-light-nav-fg-hover);
  --element-color-lighter-nav-fg-active: var(--element-color-light-nav-fg-active);
  --element-color-lighter-nav-border: var(--element-color-light-nav-border);
  --element-color-lighter-nav-border-hover: var(--element-color-light-nav-border-hover);
  --element-color-lighter-nav-border-active: var(--element-color-light-nav-border-active);
  --element-color-lighter-nav-bg: var(--element-color-light-nav-bg);
  --element-color-lighter-nav-bg-hover: var(--element-color-light-nav-bg-hover);
  --element-color-lighter-nav-bg-active: var(--element-color-light-nav-bg-active);
  --element-color-lighter-nav-tab-fg: var(--element-color-light-nav-tab-fg);
  --element-color-lighter-nav-tab-fg-hover: var(--element-color-light-nav-tab-fg-hover);
  --element-color-lighter-nav-tab-fg-active: var(--element-color-light-nav-tab-fg-active);
  --element-color-lighter-nav-tab-border: var(--element-color-light-nav-tab-border);
  --element-color-lighter-nav-tab-border-hover: var(--element-color-light-nav-tab-border-hover);
  --element-color-lighter-nav-tab-border-active: var(--element-color-light-nav-tab-border-active);
  --element-color-lighter-nav-tab-bg: var(--element-color-light-nav-tab-bg);
  --element-color-lighter-nav-tab-bg-hover: var(--element-color-light-nav-tab-bg-hover);
  --element-color-lighter-nav-tab-bg-active: var(--element-color-light-nav-tab-bg-active);
  --element-color-lighter-nav-pagination-fg: var(--element-color-light-nav-pagination-fg);
  --element-color-lighter-nav-pagination-fg-hover: var(--element-color-light-nav-pagination-fg-hover);
  --element-color-lighter-nav-pagination-fg-active: var(--element-color-light-nav-pagination-fg-active);
  --element-color-lighter-nav-pagination-border: var(--element-color-light-nav-pagination-border);
  --element-color-lighter-nav-pagination-border-hover: var(--element-color-light-nav-pagination-border-hover);
  --element-color-lighter-nav-pagination-border-active: var(--element-color-light-nav-pagination-border-active);
  --element-color-lighter-nav-pagination-bg: var(--element-color-light-nav-pagination-bg);
  --element-color-lighter-nav-pagination-bg-hover: var(--element-color-light-nav-pagination-bg-hover);
  --element-color-lighter-nav-pagination-bg-active: var(--element-color-light-nav-pagination-bg-active);
  &, [data-element-color="default"] {
    --element-forms-colors-inputs-background-color: var(--color-blue-50) !important;
  }
  [data-element-color="primary"], [data-element-color="light"], [data-element-color="dark"], [data-element-color="image"], [data-element-color="video"] {
    --element-forms-colors-inputs-background-color: white !important;
  }
  [data-element-color="lighter"] {
    --element-color-bg: var(--element-color-lighter-bg);
    --element-color-bg-alternate: var(--element-color-lighter-bg-alternate);
    --element-color-fg: var(--element-color-lighter-fg);
    --element-color-fg-darker: var(--element-color-lighter-fg-darker);
    --element-color-fg-muted: var(--element-color-lighter-fg-muted);
    --element-color-accent: var(--element-color-lighter-accent);
    --element-color-accent-alternate: var(--element-color-lighter-accent-alternate);
    --element-color-title: var(--element-color-lighter-title);
    --element-color-title-alternate: var(--element-color-lighter-title-alternate);
    --element-color-subtitle: var(--element-color-lighter-subtitle);
    --element-color-subtitle-alternate: var(--element-color-lighter-subtitle-alternate);
    --element-color-border: var(--element-color-lighter-border);
    --element-color-nav-fg: var(--element-color-lighter-nav-fg);
    --element-color-nav-fg-hover: var(--element-color-lighter-nav-fg-hover);
    --element-color-nav-fg-active: var(--element-color-lighter-nav-fg-active);
    --element-color-nav-border: var(--element-color-lighter-nav-border);
    --element-color-nav-border-hover: var(--element-color-lighter-nav-border-hover);
    --element-color-nav-border-active: var(--element-color-lighter-nav-border-active);
    --element-color-nav-bg: var(--element-color-lighter-nav-bg);
    --element-color-nav-bg-hover: var(--element-color-lighter-nav-bg-hover);
    --element-color-nav-bg-active: var(--element-color-lighter-nav-bg-active);
    --element-color-nav-tab-fg: var(--element-color-lighter-nav-tab-fg);
    --element-color-nav-tab-fg-hover: var(--element-color-lighter-nav-tab-fg-hover);
    --element-color-nav-tab-fg-active: var(--element-color-lighter-nav-tab-fg-active);
    --element-color-nav-tab-border: var(--element-color-lighter-nav-tab-border);
    --element-color-nav-tab-border-hover: var(--element-color-lighter-nav-tab-border-hover);
    --element-color-nav-tab-border-active: var(--element-color-lighter-nav-tab-border-active);
    --element-color-nav-tab-bg: var(--element-color-lighter-nav-tab-bg);
    --element-color-nav-tab-bg-hover: var(--element-color-lighter-nav-tab-bg-hover);
    --element-color-nav-tab-bg-active: var(--element-color-lighter-nav-tab-bg-active);
    --element-color-nav-pagination-fg: var(--element-color-lighter-nav-pagination-fg);
    --element-color-nav-pagination-fg-hover: var(--element-color-lighter-nav-pagination-fg-hover);
    --element-color-nav-pagination-fg-active: var(--element-color-lighter-nav-pagination-fg-active);
    --element-color-nav-pagination-border: var(--element-color-lighter-nav-pagination-border);
    --element-color-nav-pagination-border-hover: var(--element-color-lighter-nav-pagination-border-hover);
    --element-color-nav-pagination-border-active: var(--element-color-lighter-nav-pagination-border-active);
    --element-color-nav-pagination-bg: var(--element-color-lighter-nav-pagination-bg);
    --element-color-nav-pagination-bg-hover: var(--element-color-lighter-nav-pagination-bg-hover);
    --element-color-nav-pagination-bg-active: var(--element-color-lighter-nav-pagination-bg-active);
  }
}
body.show-breakpoints::after {
  display: inline-block;
}
#__bs_notify__ {
  z-index: 99999 !important;
}
.cookieconsent-oembed-holder {
  display: none;
  width: 100%;
  height: 100%;
  .cookieconsent-oembed-holder-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: var(--cookieconsent-inner-padding, calc(var(--spacing) * 4));
    background-color: var(--cookieconsent-inner-bg, var(--color-gray-200));
  }
}
.custom-admin-message {
  color: #664d03;
  background-color: #fff3cd;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
  &:has(.icon) {
    display: flex;
    gap: 0.5rem;
    align-items: start;
  }
  &.type-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
  }
  &.type-info {
    color: #084298;
    background-color: #cfe2ff;
  }
  &.type-error {
    color: #842029;
    background-color: #f8d7da;
  }
  &:last-child {
    margin-bottom: 0;
  }
}
:root {
  --element-forms-text: var(--element-color-default-fg);
  --element-forms-text-muted: var(--element-color-default-fg-muted);
  --element-form-radio-checkbox-checked-border-width: 0px;
  --element-forms-colors-inputs-focus-ring-style: 'solid';
  --element-forms-colors-general-required-color: var(--color-danger-accent);
  --element-forms-colors-inputs-color: var(--element-forms-colors-default-inputs-color);
  --element-forms-colors-inputs-accent-background: var(--element-forms-colors-default-inputs-accent-background);
  --element-forms-colors-inputs-accent-foreground: var(--element-forms-colors-default-inputs-accent-foreground);
  --element-forms-colors-inputs-background-color: var(--element-forms-colors-default-inputs-background-color);
  --element-forms-colors-inputs-border-color: var(--element-forms-colors-default-inputs-border-color);
  --element-forms-colors-inputs-focus-border-color: var(--element-forms-colors-default-inputs-focus-border-color);
  --element-forms-colors-inputs-focus-ring-color: var(--element-forms-colors-default-inputs-focus-ring-color);
  --element-forms-colors-inputs-focus-background-color: var(--element-forms-colors-default-inputs-focus-background-color);
  --element-forms-colors-inputs-required-border-color: var(--element-forms-colors-default-inputs-required-border-color);
  --element-forms-colors-inputs-required-ring-color: var(--element-forms-colors-default-inputs-required-ring-color);
  --element-forms-colors-inputs-radio-checkbox-accent: var(--element-forms-colors-default-inputs-radio-checkbox-accent);
  --element-forms-colors-inputs-radio-checkbox-accent-active: var(--element-forms-colors-default-inputs-radio-checkbox-accent);
  --element-form-select-chevron-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  --element-form-select-option-bg: white;
  --placeholder-opacity: 0.5;
  --page-step-opacity: 0.3;
  --chosen-highlight-bg: #1967D2;
  --chosen-highlight-fg: white;
  --chosen-search: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%236a6a6a" class="size-5"><path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd" /></svg>');
  --chosen-choice-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>');
  --gform-list-add: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --gform-list-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --icon-invert: 0;
}
.form-colors-alt {
  --element-form-radio-checkbox-checked-border-width: 1px;
  --element-forms-colors-general-required-color: var(--color-danger-fg-accent);
  --element-forms-colors-inputs-color: var(--element-forms-colors-alt-inputs-color);
  --element-forms-colors-inputs-accent-background: var(--element-forms-colors-alt-inputs-accent-background);
  --element-forms-colors-inputs-accent-foreground: var(--element-forms-colors-alt-inputs-accent-foreground);
  --element-forms-colors-inputs-background-color: var(--element-forms-colors-alt-inputs-background-color);
  --element-forms-colors-inputs-border-color: var(--element-forms-colors-alt-inputs-border-color);
  --element-forms-colors-inputs-focus-border-color: var(--element-forms-colors-alt-inputs-focus-border-color);
  --element-forms-colors-inputs-focus-ring-color: var(--element-forms-colors-alt-inputs-focus-ring-color);
  --element-forms-colors-inputs-focus-background-color: var(--element-forms-colors-alt-inputs-focus-background-color);
  --element-forms-colors-inputs-required-border-color: var(--element-forms-colors-alt-inputs-required-border-color);
  --element-forms-colors-inputs-required-ring-color: var(--element-forms-colors-alt-inputs-required-ring-color);
  --element-forms-colors-inputs-radio-checkbox-accent: var(--element-forms-colors-alt-inputs-radio-checkbox-accent);
  --element-forms-colors-inputs-radio-checkbox-accent-active: transparent;
  --element-form-select-chevron-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23918d8a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  --element-form-select-option-bg: black;
  --page-step-opacity: 0.45;
  --chosen-choice-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>');
  --gform-list-add: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --gform-list-remove: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  --icon-invert: 1;
  color-scheme: dark;
}
input[type=search] {
  &::-webkit-search-cancel-button {
    position: relative;
    right: 0px;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    background-color: var(--search-cancel-button-bg, var(--color-gray-200));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ex%3C/title%3E%3Cpath fill='currentColor' d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'%3E%3C/path%3E%3C/svg%3E");
    transition: opacity 0.2s ease-in-out;
    opacity: 0.6;
  }
}
.form-input, .form-textarea, .form-multiselect {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
  --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
  }
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
}
.form-select {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
  --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
  }
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
  background-image: var(--element-form-select-chevron-image);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  option {
    background: var(--element-form-select-option-bg);
  }
}
.form-checkbox {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
  &, &::before {
    border-radius: var(--element-forms-general-checkbox-border-radius);
  }
  overflow: hidden;
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
}
.form-radio {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
  border-radius: 100%;
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  &::before {
    border-radius: 100%;
  }
}
.form-checkbox, .form-radio {
  --tw-shadow: 0 0 #0000;
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: var(--element-forms-colors-inputs-radio-checkbox-accent);
  background-color: var(--element-forms-colors-inputs-background-color);
  position: relative;
  border: none;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-color: var(--element-forms-colors-inputs-border-color);
    border-width: 1px;
    border-style: solid;
    z-index: 1;
  }
  &:checked {
    color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
    border-color: var(--element-forms-colors-inputs-focus-border-color);
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    &::before {
      border-color: var(--element-forms-colors-inputs-focus-border-color);
      border-width: var(--element-form-radio-checkbox-checked-border-width);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: var(--focus-ring-offset);
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--focus-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--focus-border-color);
  }
}
.chosen-container.chosen-container-single, .chosen-container.chosen-container-multi, .gform_wrapper.gravity-theme .chosen-container.chosen-container-single, .gform_wrapper.gravity-theme .chosen-container.chosen-container-multi {
  --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
  --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
  --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
  --focus-ring-width: var(--element-forms-general-focus-ring-width);
  --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
  appearance: none;
  font-size: var(--element-forms-general-input-font-size);
  font-weight: var(--element-forms-general-input-font-weight);
  line-height: var(--element-forms-general-input-line-height);
  padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
  border-radius: var(--element-forms-general-input-border-radius);
  border-style: var(--element-forms-general-input-border-style);
  border-width: var(--element-forms-general-input-border-width);
  border-color: var(--element-forms-colors-inputs-border-color);
  color: var(--element-forms-colors-inputs-color);
  background-color: var(--element-forms-colors-inputs-background-color);
  block-size: var(--form-input-height, auto);
  &.chosen-container-active, &:focus {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  &[disabled] {
    opacity: 0.75;
  }
  box-shadow: var(--element-forms-general-input-box-shadow);
  &:focus {
    background-color: var(--element-forms-colors-inputs-focus-background-color);
  }
  &[readonly], &[disabled] {
    pointer-events: none;
    box-shadow: none;
  }
  &::placeholder {
    color: var(--element-forms-colors-inputs-color);
    opacity: var(--placeholder-opacity);
  }
  &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
    border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
  }
  option {
    padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
  }
  --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
  }
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
  background-image: var(--element-form-select-chevron-image);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  option {
    background: var(--element-form-select-option-bg);
  }
  height: auto;
  padding: 0;
  a.chosen-single {
    display: contents;
    span {
      color: var(--element-forms-colors-inputs-color);
      padding: calc(var(--element-forms-general-input-padding-y) + 0.5px) var(--element-forms-general-input-padding-x);
      line-height: var(--element-forms-general-input-line-height);
      margin: 0;
    }
    div {
      display: none;
    }
  }
  &.chosen-container-active {
    .chosen-choices li.search-field input[type=text] {
      color: var(--element-forms-colors-inputs-color);
    }
  }
  .chosen-choices {
    --choice-padding-y: 2px;
    --choice-padding-x: 7px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: transparent;
    border: none;
    padding: calc(var(--element-forms-general-input-padding-y) + 1px) var(--element-forms-general-input-padding-x);
    line-height: var(--element-forms-general-input-line-height);
    input.chosen-search-input {
      color: var(--element-forms-colors-inputs-color);
    }
    li {
      &.search-field, &.search-choice {
        border: 1px solid transparent;
        line-height: var(--element-forms-general-input-line-height);
        margin: calc((var(--choice-padding-y) + 2px) * -1) 0;
      }
      &.search-field {
        padding: var(--choice-padding-y) 0;
      }
      &.search-choice {
        color: var(--element-forms-colors-inputs-color);
        background-color: var(--element-forms-colors-inputs-background-color);
        background-image: none;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-radius: calc(var(--element-forms-general-input-border-radius) / 2);
        box-shadow: none;
        padding: var(--choice-padding-y) var(--choice-padding-x);
        span {
          display: inline-block;
          padding-right: calc(0.5rem + 16px);
        }
        .search-choice-close {
          top: 0;
          bottom: 0;
          right: 0;
          padding-right: var(--choice-padding-x);
          height: auto;
          width: calc(16px + var(--choice-padding-x));
          opacity: 0.5;
          background-size: 16px;
          background-position: left center;
          background-image: var(--chosen-choice-remove);
          transition: opacity 100ms ease-in-out;
          &:hover {
            background-position: left center;
            opacity: 0.75;
          }
        }
      }
    }
    .chosen-search-input {
      height: auto !important;
      margin: 0 !important;
      line-height: inherit !important;
      font-size: inherit !important;
      min-height: auto !important;
      &.default {
        color: var(--element-forms-colors-inputs-placeholder-color);
        opacity: var(--placeholder-opacity);
      }
    }
  }
  .chosen-drop {
    --result-padding-y: 8px;
    --result-padding-x: 7px;
    border: 1px solid #767676;
    border-top-width: 0;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--shadow-md);
    padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
    color: var(--element-forms-text-muted);
    .chosen-search {
      margin-bottom: 0.5rem !important;
    }
    .chosen-search-input {
      border: 1px solid #6a6a6a;
      padding: 10px 15px;
      background: white var(--chosen-search) no-repeat calc(100% - 10px) 50%;
      background-size: 16px;
      height: auto !important;
      line-height: inherit !important;
      font-size: inherit !important;
      min-height: auto !important;
    }
    .chosen-search, .chosen-results {
      padding: 0;
      margin: 0;
    }
    .chosen-results {
      li {
        padding: var(--result-padding-y) var(--result-padding-x);
        select:is([required], [aria-required="true"]) + &.gf_placeholder {
          display: none;
        }
        &.result-selected {
          color: inherit;
          opacity: 0.75;
          pointer-events: none;
        }
        &.no-results {
          padding: 0;
          background: none;
          color: var(--element-forms-text-muted);
        }
        &:where(:not(.no-results):hover), &.highlighted, &.result-selected {
          background: var(--element-forms-colors-default-inputs-accent-background) linear-gradient(45deg, var(--element-forms-colors-default-inputs-accent-background), var(--element-forms-colors-default-inputs-accent-background));
          color: var(--element-forms-colors-default-inputs-accent-foreground);
          opacity: 1;
        }
        &.highlighted {
          background: var(--chosen-highlight-bg);
          color: var(--chosen-highlight-fg);
        }
      }
    }
  }
}
html body .gform_wrapper:is(.gform-theme, .gravity-theme) {
  color: var(--element-color-fg);
  display: flex;
  flex-direction: column;
  row-gap: var(--element-gap-lg);
  .gform_heading, .gsection {
    ul.list-check {
      --typography-list-padding-start: calc(var(--spacing) * 4);
      list-style-type: none;
      li {
        position: relative;
        padding-left: calc(var(--spacing) * 2);
        &::before {
          display: inline-block;
          font-family: "Iconly" !important;
          font-weight: 400;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          line-height: 1;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          content: "\e00c";
          position: absolute;
          left: calc(var(--typography-list-padding-start) * -1);
          top: 0.2em;
        }
      }
    }
    ol li:has(> strong:first-child)::marker {
      font-weight: var(--typography-strong-font-weight);
    }
    .wp-caption-text {
      margin-top: var(--gap-xs);
      font-style: italic;
    }
    table {
      display: table;
      border-collapse: collapse;
      th, td {
        border: 1px solid var(--element-color-border);
        padding: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
      }
    }
    --typography-font-size: var(--text-theme-base);
    --typography-font-weight: var(--text-theme-base--font-weight);
    --typography-line-height: var(--text-theme-base--line-height);
    --typography-strong-font-weight: var(--font-weight-semibold);
    --typography-item-margin-top: 0;
    --typography-item-margin-bottom: calc(var(--spacing) * 6);
    --typography-list-item-spacing: calc(var(--spacing) * 1);
    --typography-list-padding-start: calc(var(--spacing) * 6);
    --typography-blockquote-padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 8);
    --typography-blockquote-font-style: 'normal';
    --typography-blockquote-font-weight: var(--text-theme-base--font-weight);
    --typography-blockquote-border-style: solid;
    --typography-blockquote-border-width: calc(var(--spacing) * 1);
    --typography-blockquote-border-color: var(--element-color-accent);
    --typography-blockquote-border-radius: 0;
    --typography-blockquote-bg: var(--element-color-bg-alternate);
    font-size: var(--typography-font-size);
    font-weight: var(--typography-font-weight);
    line-height: var(--typography-line-height);
    > * {
      &:not(:first-child) {
        margin-top: var(--typography-item-margin-top);
      }
      &:not(:last-child) {
        margin-bottom: var(--typography-item-margin-bottom);
      }
    }
    a:where(:not(.button)) {
      color: var(--element-color-accent);
      text-decoration: var(--typography-link-decoration-default, underline);
      font-weight: var(--typography-link-font-weight, inherit);
      &:hover, &:focus, &:active {
        color: var(--element-color-accent-alternate);
        text-decoration: var(--typography-link-decoration-hover, none);
      }
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--typography-font-family-heading, var(--font-heading));
      color: var(--typography-title-fg, var(--element-color-title));
    }
    h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h1);
    }
    h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h2);
    }
    h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h3);
    }
    h4 {
      font-size: var(--text-h4);
      line-height: var(--tw-leading, var(--text-h4--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h4);
    }
    h5 {
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h5);
    }
    h6 {
      font-size: var(--text-h6);
      line-height: var(--tw-leading, var(--text-h6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h6);
    }
    ul, ol {
      list-style-position: outside;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--typography-list-item-spacing) * var(--tw-space-y-reverse));
        margin-block-end: calc(var(--typography-list-item-spacing) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline-start: var(--typography-list-padding-start);
    }
    ul {
      list-style-type: disc;
    }
    ol {
      list-style-type: decimal;
    }
    blockquote {
      font-style: var(--typography-blockquote-font-style);
      padding: var(--typography-blockquote-padding);
      font-weight: var(--typography-blockquote-font-weight);
      border-style: var(--typography-blockquote-border-style);
      border-left-width: var(--typography-blockquote-border-width);
      border-left-color: var(--typography-blockquote-border-color);
      border-radius: var(--typography-blockquote-border-radius);
      background-color: var(--typography-blockquote-bg);
    }
    strong {
      font-weight: var(--typography-strong-font-weight);
    }
    --typography-strong-font-weight: 700;
    --typography-item-margin-bottom: calc(var(--spacing) * 4);
  }
  .gform_heading {
    display: none;
    margin-bottom: calc(var(--typography-item-margin-bottom) * -1);
    &:has(*:not(:empty)) {
      display: block;
    }
  }
  .gform_validation_errors {
    --element-message-accent: currentColor;
    --element-message-fg: currentColor;
    --element-message-bg: none;
    --element-message-border-radius: var(--element-border-radius-md, 0px);
    --element-message-title-font-weight: var(--font-weight-semibold);
    --element-message-padding: calc(var(--spacing) * 4);
    &[data-border="0"] {
      --element-message-border-width: 0;
    }
    &[data-border="0"][data-bg="0"] {
      --element-message-padding: 0;
    }
    background-color: var(--element-message-bg);
    border-radius: var(--element-message-border-radius);
    padding: var(--element-message-padding);
    font-size: var(--element-message-font-size, inherit);
    border: var(--element-message-border-width, 1px) var(--element-message-border-style, solid) var(--element-message-border, transparent);
    line-height: var(--element-message-line-height, 1.5);
    .element-message-content {
      --element-color-accent: currentColor;
      --element-color-accent-alternate: currentColor;
      --typography-link-decoration-default: var(--element-message-link-decoration-default, underline);
      --typography-link-decoration-hover: var(--element-message-link-decoration-hover, none);
      --typography-link-font-weight: var(--element-message-link-font-weight, var(--typography-font-weight));
      line-height: inherit;
    }
    &[data-type="success"] {
      --element-message-accent: var(--color-success-accent);
      --element-message-fg: var(--color-success-fg);
      --element-message-border: var(--color-success-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-success-bg);
        --element-message-fg: var(--color-success-fg-on-bg);
        --element-message-border: var(--color-success-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-success-fg-dark);
        --element-message-border: var(--color-success-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-success-bg-dark);
          --element-message-fg: var(--color-success-fg-on-bg-dark);
          --element-message-border: var(--color-success-border-on-bg-dark);
        }
      }
    }
    &[data-type="danger"] {
      --element-message-accent: var(--color-danger-accent);
      --element-message-fg: var(--color-danger-fg);
      --element-message-border: var(--color-danger-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-danger-bg);
        --element-message-fg: var(--color-danger-fg-on-bg);
        --element-message-border: var(--color-danger-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-danger-fg-dark);
        --element-message-border: var(--color-danger-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-danger-bg-dark);
          --element-message-fg: var(--color-danger-fg-on-bg-dark);
          --element-message-border: var(--color-danger-border-on-bg-dark);
        }
      }
    }
    &[data-type="warning"] {
      --element-message-accent: var(--color-warning-accent);
      --element-message-fg: var(--color-warning-fg);
      --element-message-border: var(--color-warning-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-warning-bg);
        --element-message-fg: var(--color-warning-fg-on-bg);
        --element-message-border: var(--color-warning-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-warning-fg-dark);
        --element-message-border: var(--color-warning-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-warning-bg-dark);
          --element-message-fg: var(--color-warning-fg-on-bg-dark);
          --element-message-border: var(--color-warning-border-on-bg-dark);
        }
      }
    }
    &[data-type="info"] {
      --element-message-accent: var(--color-info-accent);
      --element-message-fg: var(--color-info-fg);
      --element-message-border: var(--color-info-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-info-bg);
        --element-message-fg: var(--color-info-fg-on-bg);
        --element-message-border: var(--color-info-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-info-fg-dark);
        --element-message-border: var(--color-info-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-info-bg-dark);
          --element-message-fg: var(--color-info-fg-on-bg-dark);
          --element-message-border: var(--color-info-border-on-bg-dark);
        }
      }
    }
    &[data-type="neutral"] {
      --element-message-accent: var(--color-neutral-accent);
      --element-message-fg: var(--color-neutral-fg);
      --element-message-border: var(--color-neutral-border);
      &[data-bg="1"] {
        --element-message-bg: var(--color-neutral-bg);
        --element-message-fg: var(--color-neutral-fg-on-bg);
        --element-message-border: var(--color-neutral-border-on-bg);
      }
      &[data-color-mode="dark"] {
        --element-message-fg: var(--color-neutral-fg-dark);
        --element-message-border: var(--color-neutral-border-dark);
        &[data-bg="1"] {
          --element-message-bg: var(--color-neutral-bg-dark);
          --element-message-fg: var(--color-neutral-fg-on-bg-dark);
          --element-message-border: var(--color-neutral-border-on-bg-dark);
        }
      }
    }
    --element-message-accent: var(--color-danger-accent);
    --element-message-bg: var(--color-danger-bg);
    --element-message-fg: var(--color-danger-fg-on-bg);
    --element-message-border: var(--color-danger-border-on-bg);
    padding-left: 48px;
    background: var(--element-message-bg);
    margin: 0;
    h2 {
      margin: 0;
    }
    &:focus {
      outline: none !important;
    }
    box-shadow: none;
    .gform-icon {
      color: var(--color-danger-accent);
    }
    &:focus {
      outline-color: currentColor;
    }
    &, & > * {
      color: var(--color-danger-fg);
    }
  }
  .gfield_validation_message, .validation_message {
    color: var(--element-forms-colors-general-required-color);
    padding: 0;
    border: 0;
    background: none;
    width: auto !important;
    float: none !important;
  }
  .gfield_required, .gfield_error .gfield_repeater_cell label, .gfield_error label, .gfield_error legend, .gfield_validation_message, .validation_message, [aria-invalid=true] + label, label + [aria-invalid=true] {
    color: var(--element-forms-colors-general-required-color);
  }
  .moxie-shim {
    display: none;
  }
  .gf_progressbar_wrapper {
    margin-bottom: var(--element-gap-lg);
    .gf_progressbar_title {
      color: var(--element-color-fg-muted);
    }
  }
  .left_label .gfield_label, .gfield_label {
    margin-bottom: 0.5rem;
    font-size: var(--element-forms-general-label-font-size);
    font-weight: var(--element-forms-general-label-font-weight);
    color: inherit;
  }
  .gfield-image-choice-wrapper-inner {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    .gfield-choice-input {
      top: 0.1rem;
    }
  }
  .gf_page_steps {
    margin-bottom: var(--element-gap-default);
    padding-bottom: var(--element-gap-default);
    border-bottom: 1px solid var(--element-color-border);
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--element-gap-default);
    row-gap: var(--element-gap-sm);
    .gf_step {
      margin: 0;
      color: var(--element-color-fg);
      &.gf_step_pending {
        opacity: var(--page-step-opacity);
      }
      a {
        color: inherit;
        text-decoration: none;
      }
    }
    .gf_step_number {
      background: transparent;
      border-color: var(--element-color-fg);
      font-weight: var(--typography-strong-fontWeight);
      color: inherit;
    }
    .gf_step_label {
      font-weight: var(--typography-fontWeight);
      padding-left: 0.5rem;
      text-decoration: none;
    }
    .gf_step_active {
      .gf_step_number {
        border-color: var(--element-color-fg);
      }
      .gf_step_label {
        font-weight: var(--typography-strong-fontWeight);
      }
    }
    .gf_step_completed {
      .gf_step_number {
        color: transparent;
        border-color: transparent;
        &::before {
          background-color: var(--color-success-accent);
          border-color: transparent;
        }
        &::after {
          color: var(--color-success-fg-on-accent);
        }
      }
    }
  }
  .gfield_description {
    padding: 0.5rem 0 0 0;
    &:not(.gfield_validation_message) {
      color: var(--element-color-fg-muted);
    }
    &.gfield_validation_message {
      padding-top: 0;
    }
  }
  .field_description_above .gfield_description {
    padding: 0 0 0.5rem 0;
  }
  * + .gform-field-label--type-inline {
    margin-left: 0.25rem !important;
    line-height: var(--leading-normal);
  }
  .gform-field-label {
    &.gform-field-label--type-sub {
      color: var(--element-color-fg-muted);
    }
  }
  .gform_fields {
    --form-fields-gap: var(--element-gap-sm);
    gap: var(--form-fields-gap);
    &.left_label {
      .gfield_label {
        padding-top: var(--element-forms-general-input-padding-y);
        @media (max-width: 640px) {
          padding-top: 0;
        }
      }
      .gfield_validation_message {
        text-align: right;
      }
    }
    .gfield + .gsection {
      margin-top: calc(var(--element-gap-lg) - var(--form-fields-gap));
    }
    .gsection {
      border-color: var(--element-color-border);
      padding-bottom: var(--element-gap-default);
      margin-bottom: calc(var(--element-gap-default) - var(--form-fields-gap));
    }
    .gsection_description {
      padding: 0;
      margin-bottom: 0;
    }
    .gfield_list_groups {
      gap: var(--form-fields-gap);
      display: flex;
      flex-direction: column;
      .gfield_list_group {
        display: flex;
        gap: var(--form-fields-gap);
        margin-bottom: 0 !important;
        border: none !important;
        padding: 0 !important;
        .gfield_list_group_item {
          margin: 0 !important;
        }
      }
      .gfield_list_icons {
        width: auto;
        gap: 0.25rem;
        display: flex;
        justify-content: space-evenly;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        button {
          color: var(--element-color-fg-muted);
          margin: 0;
          width: 24px;
          height: 24px;
          background-size: 24px 24px;
          background-repeat: no-repeat;
          transition: opacity 100ms ease-in-out;
          opacity: 0.5;
          &:hover {
            opacity: 0.75;
          }
        }
        .add_list_item {
          background-image: var(--gform-list-add);
        }
        .delete_list_item {
          background-image: var(--gform-list-remove);
        }
      }
    }
    .ui-datepicker-trigger {
      filter: invert(var(--icon-invert));
    }
    .gfield--type-fileupload {
      .gform_drop_area, .gpfup__droparea {
        padding: var(--element-row-padding-lg);
        color: inherit;
        background-color: var(--element-color-bg-alternate);
        border-style: dashed;
        border-color: var(--element-color-border);
        border-width: var(--element-forms-upload-drop-area-border-width, 2px);
        border-radius: var(--element-border-radius-md);
      }
      .gform_drop_instructions {
        margin-bottom: 0;
      }
      .gform_drop_area, .gpfup__droparea > div {
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: var(--element-gap-sm);
      }
      .gpfup__droparea {
        height: auto;
        display: block;
      }
      .gfield_fileupload_filesize, .gfield_fileupload_percent {
        color: var(--element-color-fg-muted);
        font-size: var(--text-theme-sm);
      }
      .gform_delete_file {
        margin-left: 0.5rem;
      }
      * + .ginput_preview_list:not(:empty) {
        margin-top: 0.5rem;
      }
      .gpfup__files {
        margin-bottom: var(--element-gap-sm);
        border-radius: var(--element-border-radius-sm);
        user-select: none;
        &, .gpfup__file:not(:last-of-type) {
          border-color: var(--element-color-border);
        }
        .gpfup__file:focus-within .gpfup__edit, .gpfup__file:hover .gpfup__edit {
          display: flex;
        }
        .gpfup__edit {
          align-items: center;
          justify-content: center;
        }
        .gpfup__preview-pending {
          filter: invert(var(--icon-invert));
        }
        .gpfup__drag-handle, .gpfup__delete {
          filter: invert(var(--icon-invert));
          opacity: 0.5;
          transition: opacity 100ms ease-in-out;
          &:hover {
            opacity: 0.75;
          }
        }
        .gpfup_progress {
          background-color: var(--color-info-accent);
        }
        .gpfup__filesize {
          color: var(--element-color-fg-muted);
        }
        .gpfup__upload-error-icon path {
          fill: var(--element-forms-colors-general-required-color);
        }
        .gpfup__file-error {
          color: var(--element-forms-colors-general-required-color);
        }
      }
      .ginput_preview_list {
        border-radius: var(--element-border-radius-sm);
        &:not(:empty) {
          border: 1px dashed var(--element-color-border);
        }
        .ginput_preview {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          padding: 0.5rem;
          margin: 0;
          @media only screen and (max-width: 641px) {
            flex-wrap: wrap;
            .gfield_fileupload_filename {
              min-width: 100%;
            }
          }
          .gfield_fileupload_filename {
            flex-grow: 1;
          }
          > * {
            padding: 0;
            line-height: 1.5;
            display: inline-flex;
          }
          & + .ginput_preview {
            border-top: 1px dashed var(--element-color-border);
          }
        }
      }
    }
    .ginput_complex {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      > * {
        margin: 0;
        padding: 0;
      }
      &.ginput_container_address, &.ginput_container_name {
        display: grid;
        gap: var(--element-gap-sm);
        margin: 0;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        @container (width >= 48rem) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        > * {
          padding: 0 !important;
          margin: 0 !important;
          inline-size: 100%;
          &.ginput_address_line_1 {
            @container (width >= 48rem) {
              grid-column: span 2 / span 2;
            }
          }
        }
      }
    }
    .gfield--type-image_choice {
      .gfield-choice-image-wrapper, .gfield-choice-image-wrapper::before {
        border-radius: var(--element-border-radius-md);
      }
      .gfield-choice-image-wrapper {
        --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
        --focus-ring-width: var(--element-forms-general-focus-ring-width);
        --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
        cursor: pointer;
      }
      .gchoice:where(:focus-within) .gfield-choice-image-wrapper {
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
        }
      }
      &.gfield_error .gfield-choice-image-wrapper {
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
        &::before {
          border-color: var(--element-forms-colors-inputs-required-border-color) !important;
        }
      }
      .gchoice:where(:has(input:checked)) {
        &::after {
          background-color: var(--color-primary);
          filter: none;
        }
      }
      .gchoice:where(:focus-within) .gfield-choice-image-wrapper, &.gfield_error .gchoice:where(:focus-within) .gfield-choice-image-wrapper {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
      }
    }
    .gchoice_other_control {
      width: 100%;
      &[disabled] {
        display: none;
      }
    }
    .ginput_container_time {
      min-width: 85px;
    }
    [type='text']:not(.chosen-search-input), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'] {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
      @media only screen and (max-width: 641px) {
        line-height: var(--element-forms-general-input-line-height) !important;
        min-height: auto !important;
      }
    }
    input[type="checkbox"] {
      --tw-shadow: 0 0 #0000;
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      display: inline-block;
      vertical-align: middle;
      background-origin: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      flex-shrink: 0;
      height: 1rem;
      width: 1rem;
      color: var(--element-forms-colors-inputs-radio-checkbox-accent);
      background-color: var(--element-forms-colors-inputs-background-color);
      position: relative;
      border: none;
      &::before {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-width: 1px;
        border-style: solid;
        z-index: 1;
      }
      &:checked {
        color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
        border-color: var(--element-forms-colors-inputs-focus-border-color);
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
          border-width: var(--element-form-radio-checkbox-checked-border-width);
        }
      }
      &:focus {
        outline: 2px solid transparent;
        outline-offset: var(--focus-ring-offset);
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--focus-ring-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: var(--focus-border-color);
      }
      &, &::before {
        border-radius: var(--element-forms-general-checkbox-border-radius);
      }
      overflow: hidden;
      &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
      }
    }
    input[type="radio"] {
      --tw-shadow: 0 0 #0000;
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      display: inline-block;
      vertical-align: middle;
      background-origin: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      flex-shrink: 0;
      height: 1rem;
      width: 1rem;
      color: var(--element-forms-colors-inputs-radio-checkbox-accent);
      background-color: var(--element-forms-colors-inputs-background-color);
      position: relative;
      border: none;
      &::before {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        border-color: var(--element-forms-colors-inputs-border-color);
        border-width: 1px;
        border-style: solid;
        z-index: 1;
      }
      &:checked {
        color: var(--element-forms-colors-inputs-radio-checkbox-accent-active);
        border-color: var(--element-forms-colors-inputs-focus-border-color);
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        &::before {
          border-color: var(--element-forms-colors-inputs-focus-border-color);
          border-width: var(--element-form-radio-checkbox-checked-border-width);
        }
      }
      &:focus {
        outline: 2px solid transparent;
        outline-offset: var(--focus-ring-offset);
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--focus-ring-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--focus-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: var(--focus-border-color);
      }
      border-radius: 100%;
      &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
      }
      &::before {
        border-radius: 100%;
      }
    }
    textarea {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
      resize: vertical;
    }
    select:where(:not([multiple])) {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
      background-image: var(--element-form-select-chevron-image);
      background-position: right 0.5rem center;
      background-repeat: no-repeat;
      background-size: 1.5em 1.5em;
      option {
        background: var(--element-form-select-option-bg);
      }
    }
    select:where([multiple]) {
      --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
      --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
      --focus-ring-width: var(--element-forms-general-focus-ring-width);
      --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
      appearance: none;
      font-size: var(--element-forms-general-input-font-size);
      font-weight: var(--element-forms-general-input-font-weight);
      line-height: var(--element-forms-general-input-line-height);
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      border-radius: var(--element-forms-general-input-border-radius);
      border-style: var(--element-forms-general-input-border-style);
      border-width: var(--element-forms-general-input-border-width);
      border-color: var(--element-forms-colors-inputs-border-color);
      color: var(--element-forms-colors-inputs-color);
      background-color: var(--element-forms-colors-inputs-background-color);
      block-size: var(--form-input-height, auto);
      &.chosen-container-active, &:focus {
        outline-offset: var(--focus-ring-offset);
        outline-style: solid;
        outline-width: var(--focus-ring-width);
        outline-color: var(--focus-ring-color);
        border-color: var(--focus-border-color);
      }
      &[disabled] {
        opacity: 0.75;
      }
      box-shadow: var(--element-forms-general-input-box-shadow);
      &:focus {
        background-color: var(--element-forms-colors-inputs-focus-background-color);
      }
      &[readonly], &[disabled] {
        pointer-events: none;
        box-shadow: none;
      }
      &::placeholder {
        color: var(--element-forms-colors-inputs-color);
        opacity: var(--placeholder-opacity);
      }
      &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
        border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
        --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
      }
      option {
        padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
      }
      --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
    }
  }
  .gform-footer, .gform-page-footer {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--element-gap-default);
    row-gap: var(--element-gap-sm);
    justify-content: space-between;
    input {
      margin: 0;
    }
    input[type="submit"], .gform_next_button {
      margin-left: auto !important;
    }
    &:has(.button), &:has(.button) {
      position: relative;
      padding: calc(var(--element-gap-lg) / 2) 0 0 0;
      margin: calc(var(--element-gap-lg) / 2) 0 0 0;
    }
  }
  [data-js-spinner-id="gform-ajax-spinner"] {
    position: absolute;
    align-self: auto;
    border-width: 0;
    border-bottom: 3px solid var(--element-color-accent) !important;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    transform: none;
    border-radius: 0 !important;
    background: transparent;
    animation: gFormLoadingBar 1s linear infinite;
  }
  #field_submit {
    flex-direction: column;
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    input[type="submit"] {
      margin-top: 1rem;
    }
  }
}
.cropper__lightbox .gpfup__cropper__topbar {
  button {
    --element-button-font-size: var(--element-button-sizes-default-font-size);
    --element-button-font-weight: var(--element-button-sizes-default-font-weight);
    --element-button-font-family: var(--element-button-sizes-default-font-family);
    --element-button-text-transform: var(--element-button-sizes-default-text-transform);
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
    --element-button-line-height: var(--element-button-sizes-default-line-height);
    --element-button-gap-x: var(--element-button-sizes-default-gap-x);
    --element-button-gap-y: var(--element-button-sizes-default-gap-y);
    --element-button-py: var(--element-button-sizes-default-py);
    --element-button-px: var(--element-button-sizes-default-px);
    --element-button-border-width: var(--element-button-sizes-default-border-width);
    --element-button-border-radius: var(--element-button-sizes-default-border-radius);
    --element-button-icon-size: var(--element-button-sizes-default-icon-size);
    --element-button-color: inherit;
    --element-button-color-hover: inherit;
    --element-button-color-active: inherit;
    --element-button-border-color: inherit;
    --element-button-border-color-hover: inherit;
    --element-button-border-color-active: inherit;
    --element-button-background-color: inherit;
    --element-button-background-color-hover: inherit;
    --element-button-background-color-active: inherit;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: var(--element-button-font-size);
    font-weight: var(--element-button-font-weight);
    font-family: var(--element-button-font-family, inherit);
    text-transform: var(--element-button-text-transform);
    letter-spacing: var(--element-button-letter-spacing);
    line-height: var(--element-button-line-height);
    column-gap: var(--element-button-gap-x);
    row-gap: var(--element-button-gap-y);
    padding: var(--element-button-py) var(--element-button-px);
    color: var(--element-button-color);
    border-width: var(--element-button-border-width);
    border-style: solid;
    border-color: var(--element-button-border-color);
    background-color: var(--element-button-background-color);
    border-radius: var(--element-button-border-radius);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    cursor: pointer;
    .button__icon {
      > * {
        font-size: var(--element-button-icon-size);
        width: var(--element-button-icon-size);
        height: auto;
      }
    }
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-color-hover);
        --element-button-border-color: var(--element-button-border-color-hover);
        --element-button-background-color: var(--element-button-background-color-hover);
      }
    }
    &:active {
      --element-button-color: var(--element-button-color-active);
      --element-button-border-color: var(--element-button-border-color-active);
      --element-button-background-color: var(--element-button-background-color-active);
    }
  }
  button.gpfup__cancel {
    --element-button-color: var(--element-button-colors-light-color);
    --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: var(--element-button-colors-light-background-color);
    --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color));
    --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover);
    --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)));
    --element-button-border-color-active: var(--element-button-colors-light-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-light-background-color-active);
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--color-white);
      }
    }
  }
  button.gpfup__rotate_left, button.gpfup__rotate_right {
    --element-button-color: var(--element-button-colors-secondary-color);
    --element-button-border-width: var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: var(--element-button-colors-secondary-background-color);
    --element-button-color-hover: var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color));
    --element-button-border-color-hover: var(--element-button-colors-secondary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-secondary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)));
    --element-button-border-color-active: var(--element-button-colors-secondary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-secondary-background-color-active);
  }
  button.gpfup__crop {
    --element-button-color: var(--element-button-colors-primary-color);
    --element-button-border-width: var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: var(--element-button-colors-primary-background-color);
    --element-button-color-hover: var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color));
    --element-button-border-color-hover: var(--element-button-colors-primary-border-color-hover);
    --element-button-background-color-hover: var(--element-button-colors-primary-background-color-hover);
    --element-button-color-active: var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)));
    --element-button-border-color-active: var(--element-button-colors-primary-border-color-active);
    --element-button-background-color-active: var(--element-button-colors-primary-background-color-active);
  }
}
.gform_button_select_files, .gf-button-secondary--default, .gf-button-primary--default, .gf-button-secondary--alt, .gf-button-primary--alt {
  &:where(:not([data-conditional-logic="hidden"])) {
    --element-button-font-size: var(--element-button-sizes-default-font-size) !important;
    --element-button-font-weight: var(--element-button-sizes-default-font-weight) !important;
    --element-button-font-family: var(--element-button-sizes-default-font-family) !important;
    --element-button-text-transform: var(--element-button-sizes-default-text-transform) !important;
    --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing) !important;
    --element-button-line-height: var(--element-button-sizes-default-line-height) !important;
    --element-button-gap-x: var(--element-button-sizes-default-gap-x) !important;
    --element-button-gap-y: var(--element-button-sizes-default-gap-y) !important;
    --element-button-py: var(--element-button-sizes-default-py) !important;
    --element-button-px: var(--element-button-sizes-default-px) !important;
    --element-button-border-width: var(--element-button-sizes-default-border-width) !important;
    --element-button-border-radius: var(--element-button-sizes-default-border-radius) !important;
    --element-button-icon-size: var(--element-button-sizes-default-icon-size) !important;
    --element-button-color: inherit !important;
    --element-button-color-hover: inherit !important;
    --element-button-color-active: inherit !important;
    --element-button-border-color: inherit !important;
    --element-button-border-color-hover: inherit !important;
    --element-button-border-color-active: inherit !important;
    --element-button-background-color: inherit !important;
    --element-button-background-color-hover: inherit !important;
    --element-button-background-color-active: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    font-size: var(--element-button-font-size) !important;
    font-weight: var(--element-button-font-weight) !important;
    font-family: var(--element-button-font-family, inherit) !important;
    text-transform: var(--element-button-text-transform) !important;
    letter-spacing: var(--element-button-letter-spacing) !important;
    line-height: var(--element-button-line-height) !important;
    column-gap: var(--element-button-gap-x) !important;
    row-gap: var(--element-button-gap-y) !important;
    padding: var(--element-button-py) var(--element-button-px) !important;
    color: var(--element-button-color) !important;
    border-width: var(--element-button-border-width) !important;
    border-style: solid !important;
    border-color: var(--element-button-border-color) !important;
    background-color: var(--element-button-background-color) !important;
    border-radius: var(--element-button-border-radius) !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
    cursor: pointer !important;
    .button__icon {
      > * {
        font-size: var(--element-button-icon-size) !important;
        width: var(--element-button-icon-size) !important;
        height: auto !important;
      }
    }
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-color-hover) !important;
        --element-button-border-color: var(--element-button-border-color-hover) !important;
        --element-button-background-color: var(--element-button-background-color-hover) !important;
      }
    }
    &:active {
      --element-button-color: var(--element-button-color-active) !important;
      --element-button-border-color: var(--element-button-border-color-active) !important;
      --element-button-background-color: var(--element-button-background-color-active) !important;
    }
  }
}
.gform_button_select_files, .gf-button-secondary--default {
  --element-button-color: var(--element-button-colors-secondary-color) !important;
  --element-button-border-width: var(--element-button-colors-secondary-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-secondary-border-color) !important;
  --element-button-background-color: var(--element-button-colors-secondary-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-secondary-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-secondary-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-secondary-color-active, var(--element-button-colors-secondary-color-hover, var(--element-button-colors-secondary-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-secondary-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-secondary-background-color-active) !important;
}
.gf-button-primary--default {
  --element-button-color: var(--element-button-colors-primary-color) !important;
  --element-button-border-width: var(--element-button-colors-primary-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-primary-border-color) !important;
  --element-button-background-color: var(--element-button-colors-primary-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-primary-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-primary-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-primary-color-active, var(--element-button-colors-primary-color-hover, var(--element-button-colors-primary-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-primary-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-primary-background-color-active) !important;
}
.gf-button-secondary--alt {
  --element-button-outline-color: var(--element-button-colors-light-outline-color, var(--element-button-colors-light-color-outline)) !important;
  --element-button-outline-border-width: var(--element-button-colors-light-outline-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-outline-border-color: var(--element-button-colors-light-outline-border-color, var(--element-button-colors-light-border-color)) !important;
  --element-button-outline-background-color: var(--element-button-colors-light-outline-background-color, transparent) !important;
  --element-button-outline-color-hover: var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color))) !important;
  --element-button-outline-border-color-hover: var(--element-button-colors-light-outline-border-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-border-color-hover))) !important;
  --element-button-outline-background-color-hover: var(--element-button-colors-light-outline-background-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-background-color-hover))) !important;
  --element-button-outline-color-active: var(--element-button-colors-light-outline-color-active, var(--element-button-colors-light-color-outline-active, var(--element-button-colors-light-outline-color-hover, var(--element-button-colors-light-color-outline-hover, var(--element-button-colors-light-color-outline))))) !important;
  --element-button-outline-border-color-active: var(--element-button-colors-light-outline-border-color-active, var(--element-button-colors-light-border-color-active)) !important;
  --element-button-outline-background-color-active: var(--element-button-colors-light-outline-background-color-active, var(--element-button-colors-light-background-color-active)) !important;
  &.button {
    --element-button-color: var(--element-button-outline-color) !important;
    --element-button-border-width: var(--element-button-outline-border-width) !important;
    --element-button-border-color: var(--element-button-outline-border-color) !important;
    --element-button-background-color: var(--element-button-outline-background-color) !important;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-outline-color-hover) !important;
        --element-button-border-color: var(--element-button-outline-border-color-hover) !important;
        --element-button-background-color: var(--element-button-outline-background-color-hover) !important;
      }
    }
    &:active {
      --element-button-color: var(--element-button-outline-color-active) !important;
      --element-button-border-color: var(--element-button-outline-border-color-active) !important;
      --element-button-background-color: var(--element-button-outline-background-color-active) !important;
    }
  }
}
.gf-button-primary--alt {
  --element-button-color: var(--element-button-colors-light-color) !important;
  --element-button-border-width: var(--element-button-colors-light-border-width, var(--element-button-sizes-default-border-width)) !important;
  --element-button-border-color: var(--element-button-colors-light-border-color) !important;
  --element-button-background-color: var(--element-button-colors-light-background-color) !important;
  --element-button-color-hover: var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color)) !important;
  --element-button-border-color-hover: var(--element-button-colors-light-border-color-hover) !important;
  --element-button-background-color-hover: var(--element-button-colors-light-background-color-hover) !important;
  --element-button-color-active: var(--element-button-colors-light-color-active, var(--element-button-colors-light-color-hover, var(--element-button-colors-light-color))) !important;
  --element-button-border-color-active: var(--element-button-colors-light-border-color-active) !important;
  --element-button-background-color-active: var(--element-button-colors-light-background-color-active) !important;
  @media (hover: hover) {
    &:hover {
      --element-button-color: var(--color-white) !important;
    }
  }
}
@keyframes gFormLoadingBar {
  0% {
    left: 0%;
    right: 100%;
    width: 0%;
  }
  10% {
    left: 0%;
    right: 75%;
    width: 25%;
  }
  90% {
    right: 0%;
    left: 75%;
    width: 25%;
  }
  100% {
    left: 100%;
    right: 0%;
    width: 0%;
  }
}
:root {
  --hamburger-transition-duration-default: var(--hamburger-transition-duration, 250ms);
  --hamburger-bun-size-default: var(--hamburger-bun-size, calc(var(--spacing) * 0.5));
}
@layer components {
  .hamburger {
    display: flex;
    flex-direction: column;
    align-items: var(--hamburger-align-items, unset);
    justify-content: var(--hamburger-justify-content, space-between);
    gap: var(--hamburger-gap, 0);
    width: var(--hamburger-width, calc(var(--spacing) * 10));
    height: var(--hamburger-height, calc(var(--spacing) * 8));
    padding: var(--hamburger-padding, calc(var(--spacing) * 1));
    cursor: pointer;
    transition: row-gap var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default);
    #header-menu-toggle:checked + #wrapper & {
      row-gap: 0;
      transition: row-gap var(--hamburger-transition-duration-default) linear;
      .bun {
        background-color: var(--hamburger-color-active, var(--hamburger-color, black));
      }
    }
    &:hover, &:focus {
      .bun {
        background-color: var(--hamburger-color-hover, var(--hamburger-color, black));
      }
    }
    .bun {
      display: block;
      width: var(--hamburger-bun-width, 100%);
      height: var(--hamburger-bun-size-default);
      background-color: var(--hamburger-color, black);
      border-radius: var(--hamburger-bun-border-radius, 0);
      &.top {
        width: var(--hamburger-top-bun-width, var(--hamburger-bun-width, 100%));
        transition: margin var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          margin-bottom: calc(-1 * var(--hamburger-bun-size-default));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration-default) linear, background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        }
      }
      &.bottom {
        width: var(--hamburger-bottom-bun-width, var(--hamburger-bun-width, 100%));
        transition: margin var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          margin-top: calc(-1 * var(--hamburger-bun-size-default));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration-default) linear, background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        }
      }
      &.middle {
        width: var(--hamburger-middle-bun-width, var(--hamburger-bun-width, 100%));
        transition: background-color var(--hamburger-transition-duration-default) linear calc(var(--hamburger-transition-duration-default) / 2);
        #header-menu-toggle:checked + #wrapper & {
          width: 100%;
          transition: 0ms none;
          background-color: transparent;
        }
        .bun {
          opacity: 0;
          transform: rotate(0deg);
          #header-menu-toggle:checked + #wrapper & {
            opacity: 1;
            transition: transform var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default), background-color var(--hamburger-transition-duration-default) linear var(--hamburger-transition-duration-default);
            &.bun-motion-1 {
              transform: rotate(45deg);
            }
            &.bun-motion-2 {
              transform: rotate(-45deg);
            }
          }
          & + .bun {
            margin-top: calc(-1 * var(--hamburger-bun-size-default));
          }
        }
      }
    }
  }
}
:root {
  --header-top-height: var(--element-header-top-height-navbreakpoint-down);
  --header-main-height: var(--element-header-main-height-navbreakpoint-down);
  --header-height: calc(var(--header-top-height) + var(--header-main-height));
  --header-height-fixed: calc(var(--element-header-top-height-navbreakpoint-down) + var(--element-header-main-height-navbreakpoint-down));
  @media (width >= 93.75rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up);
    --header-height-fixed: calc(var(--element-header-top-height-navbreakpoint-up) + var(--element-header-main-height-navbreakpoint-up));
  }
}
.scrolled {
  --header-top-height: var(--element-header-top-height-navbreakpoint-down-scrolled);
  --header-main-height: var(--element-header-main-height-navbreakpoint-down-scrolled);
  @media (width >= 93.75rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up-scrolled);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up-scrolled);
  }
}
@media (width < 93.75rem) {
  #header-menu-toggle:checked + #wrapper {
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
    overflow: hidden;
    @supports (max-height: 100dvh) {
      max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
    }
  }
}
#header {
  height: var(--header-height);
  transition: var(--header-transition, height 150ms ease-in-out);
  border: var(--header-border, none);
  box-shadow: var(--header-box-shadow, none);
  .scrolled & {
    box-shadow: var(--header-box-shadow-scrolled, var(--header-box-shadow, none));
  }
  #header_top_wrapper {
    height: var(--header-top-height);
    transition: var(--header-top-transition, var(--header-transition, height 150ms ease-in-out));
    background-color: var(--header-top-bg, var(--color-light));
  }
  #header_main_wrapper {
    height: var(--header-main-height);
    transition: var(--header-main-transition, var(--header-transition, height 150ms ease-in-out));
    background-color: var(--header-main-bg, white);
    .scrolled & {
      background-color: var(--header-main-bg-scrolled, var(--header-main-bg, white));
    }
  }
  @media (width < 93.75rem) {
    .admin-bar:has(#header-menu-toggle[type="checkbox"]:checked) & {
      z-index: 999999;
    }
  }
}
.horizontal-touch-scroll {
  overflow: hidden;
  &.horizontal-touch-scroll--no-scroll-indicator ~ .overflow-slider__scroll-indicator-bar, &.horizontal-touch-scroll--no-arrows ~ .overflow-slider__arrows {
    display: none;
  }
  &[data-has-overflow="false"] {
    ~ .overflow-slider__arrows {
      display: none;
    }
  }
  ~ .overflow-slider__scroll-indicator {
    .overflow-slider__scroll-indicator-bar {
      background-color: var(--styled-scrollbar-track-bg, transparent);
      border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      .overflow-slider__scroll-indicator-button {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
    }
  }
  ~ .overflow-slider__arrows {
    pointer-events: none;
    .overflow-slider__arrows-button {
      pointer-events: auto;
    }
  }
}
@layer components {
  .logo {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-image: url("../assets/images/logo.svg");
  }
  .logo-diap {
    background-image: url("../assets/images/logo-diap.svg");
  }
}
#main {
  padding-top: var(--main-padding-top, var(--header-height-fixed));
}
:root {
  --nav-menu-hover-visibility-delay: 200ms;
  --nav-menu-transition-duration: 250ms;
  --nav-menu-transition-duration-out: 200ms;
  @media (width >= 93.75rem) {
    --nav-menu-transition-duration: 300ms;
  }
}
.nav-menu {
  html.touchevents & > .menu:has(> .menu-item[data-depth="0"] > .menu-open[type="radio"]:checked) > .menu-close-label, html.no-touchevents & > .menu:has(> .menu-item[data-depth="0"]:hover) > .menu-close-label {
    display: block;
    position: fixed;
    z-index: -1;
    inset: 0;
  }
  &.submenu-last-right {
    li[data-depth="0"]:last-child {
      .sub-menu-container {
        --nav-menu-sub-menu-position-left: auto;
        --nav-menu-sub-menu-position-right: 0px;
        --nav-main-default-sub-menu-submenu-position-left: auto;
        .sub-sub-menu-container {
          right: 100%;
          margin-left: 0 !important;
          margin-right: calc(var(--nav-menu-sub-menu-offset-left) + var(--nav-menu-sub-menu-transition-margin-left-size, 0rem));
          &::before {
            left: auto !important;
            right: calc(var(--nav-main-default-sub-menu-submenu-offset-left, 1rem) * -1);
          }
        }
      }
    }
  }
  > .menu .menu-item {
    --nav-menu-item-font-size-base: var(--nav-menu-item-font-size, var(--text-theme-base));
    --nav-menu-item-font-weight-base: var(--nav-menu-item-font-weight, var(--text-theme-base--font-weight));
    --nav-menu-item-line-height-base: var(--nav-menu-item-line-height, var(--text-theme-base--line-height));
    --nav-menu-item-color-base: var(--nav-menu-item-color, inherit);
    --nav-menu-item-letter-spacing-base: var(--nav-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
    --nav-menu-item-text-transform-base: var(--nav-menu-item-text-transform, inherit);
    --nav-menu-item-transition-base: var(--nav-menu-item-transition, inherit);
    --nav-menu-sub-menu-offset-top-base: var(--nav-menu-sub-menu-offset-top, calc(var(--nav-menu-item-font-size-base) * var(--nav-menu-item-line-height-base)));
    --item-font-size: var(--nav-menu-item-font-size-base);
    --item-font-weight: var(--nav-menu-item-font-weight-base);
    --item-line-height: var(--nav-menu-item-line-height-base);
    --item-color: var(--nav-menu-item-color-base);
    --item-letter-spacing: var(--nav-menu-item-letter-spacing-base);
    --item-text-transform: var(--nav-menu-item-text-transform-base);
    --item-transition: var(--nav-menu-item-transition-base);
    &[data-depth="0"] {
      display: inline-flex;
    }
    &.menu-item-has-children {
      html.touchevents & > a > .subnav-toggle.open-subnav::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
      }
      &[data-depth="0"] {
        > a {
          position: relative;
        }
        html.no-touchevents & > a::before {
          content: "";
          position: absolute;
          left: 50%;
          width: calc(100% + 4rem);
          top: 0;
          height: calc(var(--nav-menu-sub-menu-transition-margin-top-size, 1rem) + (var(--nav-menu-sub-menu-offset-top-base, 0rem) / 2));
          margin-top: calc(var(--nav-menu-sub-menu-offset-top-base, 0rem) / 2);
          opacity: 0;
          visibility: hidden;
          transform: translateX(-50%);
          transition: opacity var(--nav-menu-transition-duration) ease-in-out var(--nav-menu-hover-visibility-delay);
          cursor: default;
        }
        html.no-touchevents &:hover > a {
          &::before {
            opacity: 1;
            visibility: visible;
            transition: opacity var(--nav-menu-transition-duration) ease-in-out var(--nav-menu-hover-visibility-delay);
          }
          > span {
            z-index: 1;
          }
        }
      }
      html.no-touchevents &[data-depth="0"]:hover, html.no-touchevents &.has-default-menu .menu-item.menu-item-has-children:hover, &.has-mega-menu[data-depth="0"]:has(> .menu-open[type="radio"]:checked), &.has-mega-menu[data-depth="0"]:has(> a:focus-visible), &.has-mega-menu[data-depth="0"]:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"]:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"]:has(> a:focus-visible), &.has-default-menu[data-depth="0"]:has(> .menu-open[type="radio"]:checked), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> .sub-menu-container:focus-within), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> a:focus-visible), &.has-default-menu[data-depth="0"] .menu-item.menu-item-has-children:has(> .menu-open[type="radio"]:checked) {
        > a {
          position: relative;
          .subnav-toggle {
            &.open-subnav {
              display: none;
            }
            &.close-subnav {
              display: inline-block;
            }
          }
        }
        > .sub-menu-container {
          margin-top: calc(var(--nav-menu-sub-menu-offset-top-base) + var(--nav-menu-sub-menu-transition-margin-top-size, 0.5rem));
          margin-left: calc(var(--nav-menu-sub-menu-offset-left) + var(--nav-menu-sub-menu-transition-margin-left-size, 0rem));
          opacity: 1;
          grid-template-rows: 1fr;
          pointer-events: all;
          transition: opacity var(--nav-menu-transition-opacity-duration, var(--nav-menu-transition-duration)) ease-in-out var(--nav-menu-hover-visibility-delay), grid-template-rows var(--nav-menu-transition-grid-template-rows-duration, 0ms) linear var(--nav-menu-hover-visibility-delay), margin var(--nav-menu-transition-margin-duration, var(--nav-menu-transition-duration)) ease-in-out var(--nav-menu-hover-visibility-delay);
          &.sub-sub-menu-container {
            --nav-menu-sub-menu-offset-left: 1rem;
          }
        }
      }
      &.has-default-menu {
        > .sub-menu-container {
          white-space: nowrap;
          .sub-menu-nav-container {
            overflow: visible;
            padding: var(--nav-main-default-sub-menu-padding, var(--nav-main-sub-menu-padding, 1rem));
          }
          .menu-item.menu-item-has-children {
            position: relative;
            > .sub-menu-container {
              --nav-menu-sub-menu-offset-top: -1em;
              --nav-menu-sub-menu-offset-left: 0rem;
              --nav-menu-sub-menu-transition-margin-top-size: 0px;
              --nav-menu-sub-menu-position-top: var(--nav-main-default-sub-menu-submenu-offset-top, 0);
              --nav-menu-sub-menu-position-left: var(--nav-main-default-sub-menu-submenu-position-left, 100%);
              &::before {
                content: "";
                position: absolute;
                left: calc(var(--nav-main-default-sub-menu-submenu-offset-left, 1rem) * -1);
                height: min(4rem, 100%);
                width: var(--nav-main-default-sub-menu-submenu-offset-left, 1rem);
              }
            }
          }
        }
        .sub-menu-container {
          min-width: var(--nav-menu-default-sub-menu-min-width, var(--nav-menu-sub-menu-min-width, max-content));
          background-color: var(--nav-menu-default-sub-menu-bg, var(--nav-menu-sub-menu-bg, white));
          box-shadow: var(--nav-menu-default-sub-menu-box-shadow, var(--nav-menu-sub-menu-box-shadow, none));
          filter: var(--nav-menu-default-sub-menu-filter, var(--nav-menu-sub-menu-filter, none));
          border-radius: var(--nav-menu-default-sub-menu-border-radius, var(--nav-menu-sub-menu-border-radius, none));
          border: var(--nav-menu-default-sub-menu-border, var(--nav-menu-sub-menu-border, none));
        }
      }
      &.has-mega-menu {
        position: initial;
        > .sub-menu-container {
          --nav-menu-sub-menu-position-left: var(--nav-menu-mega-menu-position-left, var(--container-padding));
          width: var(--nav-menu-mega-menu-width, calc(100% - (var(--container-padding) * 2)));
          padding: var(--nav-main-mega-sub-menu-container-padding, 0);
          background-color: var(--nav-menu-mega-sub-menu-bg, var(--nav-menu-sub-menu-bg, white));
          box-shadow: var(--nav-menu-mega-sub-menu-box-shadow, var(--nav-menu-sub-menu-box-shadow, none));
          filter: var(--nav-menu-mega-sub-menu-filter, var(--nav-menu-sub-menu-filter, none));
          border-radius: var(--nav-menu-mega-sub-menu-border-radius, var(--nav-menu-sub-menu-border-radius, none));
          border: var(--nav-menu-mega-sub-menu-border, var(--nav-menu-sub-menu-border, none));
          > .sub-menu-nav-container {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            padding: var(--nav-main-mega-sub-menu-padding, var(--nav-main-sub-menu-padding, 1rem));
          }
          .menu-item-has-children {
            > a > .subnav-toggle {
              visibility: hidden;
            }
            .sub-sub-menu-container {
              --nav-menu-sub-menu-offset-top: var(--nav-menu-mega-menu-offset-top, calc(var(--spacing) * 3));
              position: absolute;
              grid-template-rows: 1fr;
              opacity: 1;
              pointer-events: auto;
            }
          }
        }
      }
      &:where(:is(.has-default-menu, .has-mega-menu)) {
        position: relative;
        .sub-menu-container {
          z-index: 1;
          position: absolute;
          top: var(--nav-menu-sub-menu-position-top, auto);
          left: var(--nav-menu-sub-menu-position-left, 0);
          right: var(--nav-menu-sub-menu-position-right, auto);
        }
      }
      .sub-menu-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0fr;
        opacity: 0;
        margin-top: var(--nav-menu-sub-menu-offset-top-base);
        margin-left: var(--nav-menu-sub-menu-offset-left, 0);
        transition: opacity var(--nav-menu-transition-opacity-duration-out, var(--nav-menu-transition-opacity-duration, var(--nav-menu-transition-duration-out))) ease-in-out 0ms, grid-template-rows var(--nav-menu-transition-grid-template-rows-duration-out, 0ms) ease-in-out var(--nav-menu-transition-duration-out), margin var(--nav-menu-transition-margin-duration-out, var(--nav-menu-transition-margin-duration, var(--nav-menu-transition-duration-out))) ease-in-out 0ms;
        pointer-events: none;
        > .sub-menu-nav-container {
          overflow: clip;
        }
      }
    }
    &:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) {
      --item-font-size: var(--nav-menu-item-font-size-active, var(--nav-menu-item-font-size-base));
      --item-font-weight: var(--nav-menu-item-font-weight-active, var(--nav-menu-item-font-weight-base));
      --item-line-height: var(--nav-menu-item-line-height-active, var(--nav-menu-item-line-height-base));
      --item-color: var(--nav-menu-item-color-active, var(--nav-menu-item-color-base));
      --item-letter-spacing: var(--nav-menu-item-letter-spacing-active, var(--nav-menu-item-letter-spacing-base));
      --item-text-transform: var(--nav-menu-item-text-transform-active, var(--nav-menu-item-text-transform-base));
      --item-transition: var(--nav-menu-item-transition-active, var(--nav-menu-item-transition-base));
    }
    &:where(:not(.current-menu-item, .current-menu-parent, .current-menu-ancestor)):is(:hover, :has(> a:focus, > a:active)) {
      --item-font-size: var(--nav-menu-item-font-size-hover, var(--nav-menu-item-font-size-base));
      --item-font-weight: var(--nav-menu-item-font-weight-hover, var(--nav-menu-item-font-weight-base));
      --item-line-height: var(--nav-menu-item-line-height-hover, var(--nav-menu-item-line-height-base));
      --item-color: var(--nav-menu-item-color-hover, var(--nav-menu-item-color-base));
      --item-letter-spacing: var(--nav-menu-item-letter-spacing-hover, var(--nav-menu-item-letter-spacing-base));
      --item-text-transform: var(--nav-menu-item-text-transform-hover, var(--nav-menu-item-text-transform-base));
      --item-transition: var(--nav-menu-item-transition-hover, var(--nav-menu-item-transition-base));
    }
    > a {
      display: inline-flex;
      align-items: center;
      gap: var(--gap-xs);
      width: 100%;
      padding: var(--nav-menu-item-padding, 0);
      color: var(--item-color);
      .subnav-toggle {
        line-height: 1;
        &.close-subnav {
          display: none;
        }
      }
      > span {
        display: flex;
        flex-grow: 1;
        font-size: var(--item-font-size);
        font-weight: var(--item-font-weight);
        line-height: var(--item-line-height);
        color: var(--item-color);
        letter-spacing: var(--item-letter-spacing);
        text-transform: var(--item-text-transform);
        transition: var(--item-transition);
      }
    }
  }
}
#header #nav_wrapper {
  > .nav-menu-wrapper {
    @media (width < 93.75rem) {
      overflow-y: auto;
      overflow-x: hidden;
      background-color: var(--nav-menu-main-wrapper-bg, white);
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
      &:has(.nav-menu-main > .menu > .menu-item-has-children > .menu-open[type="radio"]:checked) {
        overflow-y: hidden;
        .nav-menu:not(.nav-menu-main) {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition-delay: var(--nav-menu-transition-duration);
        }
      }
    }
  }
  .nav-menu.nav-menu-main {
    > .menu {
      display: flex;
      flex-direction: column;
      gap: var(--nav-menu-main-gap, var(--gap-xs));
      @media (width >= 93.75rem) {
        flex-direction: row;
      }
    }
    @media (width < 93.75rem) {
      html.touchevents & > .menu:has(> .menu-item[data-depth="0"] > .menu-open[type="radio"]:checked) > .menu-close-label, html.no-touchevents & > .menu:has(> .menu-item[data-depth="0"]:hover) > .menu-close-label {
        display: none;
      }
    }
    .menu-item[data-depth="0"] {
      --nav-menu-item-padding: var(--nav-menu-main-lvl0-menu-item-padding, 0);
      --nav-menu-item-font-size: var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base));
      --nav-menu-item-font-size-hover: var(--nav-menu-main-lvl0-menu-item-font-size-hover, var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base)));
      --nav-menu-item-font-size-active: var(--nav-menu-main-lvl0-menu-item-font-size-active, var(--nav-menu-main-lvl0-menu-item-font-size, var(--text-theme-base)));
      --nav-menu-item-font-weight: var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight));
      --nav-menu-item-font-weight-hover: var(--nav-menu-main-lvl0-menu-item-font-weight-hover, var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight)));
      --nav-menu-item-font-weight-active: var(--nav-menu-main-lvl0-menu-item-font-weight-active, var(--nav-menu-main-lvl0-menu-item-font-weight, var(--text-theme-base--font-weight)));
      --nav-menu-item-line-height: var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height));
      --nav-menu-item-line-height-hover: var(--nav-menu-main-lvl0-menu-item-line-height-hover, var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height)));
      --nav-menu-item-line-height-active: var(--nav-menu-main-lvl0-menu-item-line-height-active, var(--nav-menu-main-lvl0-menu-item-line-height, var(--text-theme-base--line-height)));
      --nav-menu-item-color: var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
      --nav-menu-item-color-hover: var(--nav-menu-main-lvl0-menu-item-color-hover, var(--element-color-nav-fg-hover, var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
      --nav-menu-item-color-active: var(--nav-menu-main-lvl0-menu-item-color-active, var(--element-color-nav-fg-active, var(--nav-menu-main-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
      --nav-menu-item-letter-spacing: var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
      --nav-menu-item-letter-spacing-hover: var(--nav-menu-main-lvl0-menu-item-letter-spacing-hover, var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
      --nav-menu-item-letter-spacing-active: var(--nav-menu-main-lvl0-menu-item-letter-spacing-active, var(--nav-menu-main-lvl0-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
      --nav-menu-item-text-transform: var(--nav-menu-main-lvl0-menu-item-text-transform, none);
      --nav-menu-item-text-transform-hover: var(--nav-menu-main-lvl0-menu-item-text-transform-hover, var(--nav-menu-main-lvl0-menu-item-text-transform, none));
      --nav-menu-item-text-transform-active: var(--nav-menu-main-lvl0-menu-item-text-transform-active, var(--nav-menu-main-lvl0-menu-item-text-transform, none));
      --nav-menu-item-transition: var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
      --nav-menu-item-transition-hover: var(--nav-menu-main-lvl0-menu-item-transition-hover, var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      --nav-menu-item-transition-active: var(--nav-menu-main-lvl0-menu-item-transition-active, var(--nav-menu-main-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      @media (width < 93.75rem) {
        --nav-menu-sub-menu-offset-top: 0px;
        --nav-menu-sub-menu-offset-left: 0px;
        --nav-menu-sub-menu-transition-margin-top-size: 0px;
        --nav-menu-sub-menu-transition-margin-left-size: 0px;
      }
      > .sub-menu-container .sub-menu-nav-container .sub-menu li.menu-item {
        --nav-menu-item-padding: var(--nav-menu-main-sub-menu-menu-item-padding, 0);
        --nav-menu-item-font-size: var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base));
        --nav-menu-item-font-size-hover: var(--nav-menu-main-sub-menu-menu-item-font-size-hover, var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base)));
        --nav-menu-item-font-size-active: var(--nav-menu-main-sub-menu-menu-item-font-size-active, var(--nav-menu-main-sub-menu-menu-item-font-size, var(--text-theme-base)));
        --nav-menu-item-font-weight: var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight));
        --nav-menu-item-font-weight-hover: var(--nav-menu-main-sub-menu-menu-item-font-weight-hover, var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight)));
        --nav-menu-item-font-weight-active: var(--nav-menu-main-sub-menu-menu-item-font-weight-active, var(--nav-menu-main-sub-menu-menu-item-font-weight, var(--text-theme-base--font-weight)));
        --nav-menu-item-color: var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
        --nav-menu-item-color-hover: var(--nav-menu-main-sub-menu-menu-item-color-hover, var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg-hover, var(--color-body-fg))));
        --nav-menu-item-color-active: var(--nav-menu-main-sub-menu-menu-item-color-active, var(--nav-menu-main-sub-menu-menu-item-color, var(--element-color-nav-fg-active, var(--color-body-fg))));
        --nav-menu-item-letter-spacing: var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing));
        --nav-menu-item-letter-spacing-hover: var(--nav-menu-main-sub-menu-menu-item-letter-spacing-hover, var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
        --nav-menu-item-letter-spacing-active: var(--nav-menu-main-sub-menu-menu-item-letter-spacing-active, var(--nav-menu-main-sub-menu-menu-item-letter-spacing, var(--text-theme-base--letter-spacing)));
        --nav-menu-item-text-transform: var(--nav-menu-main-sub-menu-menu-item-text-transform, none);
        --nav-menu-item-text-transform-hover: var(--nav-menu-main-sub-menu-menu-item-text-transform-hover, var(--nav-menu-main-sub-menu-menu-item-text-transform, none));
        --nav-menu-item-text-transform-active: var(--nav-menu-main-sub-menu-menu-item-text-transform-active, var(--nav-menu-main-sub-menu-menu-item-text-transform, none));
        --nav-menu-item-transition: var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
        --nav-menu-item-transition-hover: var(--nav-menu-main-sub-menu-menu-item-transition-hover, var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
        --nav-menu-item-transition-active: var(--nav-menu-main-sub-menu-menu-item-transition-active, var(--nav-menu-main-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      }
    }
    @media (width < 93.75rem) {
      padding: var(--nav-menu-main-padding-y, 0) var(--nav-menu-main-padding-x, 1rem);
      > .menu-prev-link-spacer {
        flex-shrink: 0;
        z-index: 1;
        position: sticky;
        top: var(--nav-menu-main-prev-link-top, 0);
        height: var(--nav-menu-main-prev-link-height, var(--element-header-main-navigation-prev-link-height));
        margin-top: var(--nav-menu-main-prev-link-margin-top, 0);
        margin-left: var(--nav-menu-main-prev-link-margin-left, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1));
        margin-right: var(--nav-menu-main-prev-link-margin-right, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1));
        padding: var(--nav-menu-main-sub-menu-prev-link-padding-y, var(--nav-menu-main-sub-menu-padding-y, 0rem)) var(--nav-menu-main-sub-menu-prev-link-padding-x, var(--nav-menu-main-sub-menu-padding-x, 1rem));
        background-color: var(--nav-menu-main-prev-link-bg, var(--color-light));
        @layer base {
          display: block !important;
        }
      }
      > .menu-title {
        align-items: center;
        width: 100%;
        height: var(--element-header-main-navigation-sub-menu-title-height);
        color: var(--nav-menu-main-menu-title-color, inherit);
        font-size: var(--nav-menu-main-menu-title-font-size, inherit);
        font-weight: var(--nav-menu-main-menu-title-font-weight, inherit);
        text-decoration: var(--nav-menu-main-menu-title-text-decoration, inherit);
        text-transform: var(--nav-menu-main-menu-title-text-transform, inherit);
        @layer base {
          display: var(--nav-menu-main-menu-title-display, flex) !important;
        }
      }
      ul:has(> li.menu-item-has-children > .menu-open[type="radio"]:checked) {
        > :is(li.menu-item-element-column > ol > li.menu-item, li.menu-item):where(:not(:has(> .menu-open[type="radio"]:checked))) {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition-delay: var(--nav-menu-transition-duration);
        }
      }
      .menu {
        li.menu-item {
          position: static;
          transition-property: max-height, opacity;
          transition-duration: 0ms;
          transition-delay: 0ms;
          max-height: 99999999999px;
          &.menu-item-has-children {
            overflow: hidden;
            html.no-touchevents &:hover > a > .subnav-toggle {
              display: none;
              &.open-subnav {
                display: inline-block;
              }
            }
            > .menu-open[type="radio"]:checked {
              ~ .sub-menu-container {
                left: 0;
                opacity: 1;
                transition: left var(--nav-menu-transition-duration) ease-in-out, opacity var(--nav-menu-transition-duration) ease-in-out 50ms;
              }
            }
            > a {
              position: relative;
              > span {
                flex-grow: 1;
              }
              &::before {
                display: none;
              }
              .subnav-toggle::before {
                content: "";
                display: block;
                z-index: 1;
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
              }
            }
          }
          .sub-menu-container {
            --nav-menu-sub-menu-box-shadow: none;
            --nav-menu-sub-menu-filter: none;
            --nav-menu-sub-menu-offset-top: 0px;
            --nav-menu-sub-menu-offset-left: 0px;
            --nav-menu-sub-menu-position-top: 0;
            --nav-menu-sub-menu-position-left: 100%;
            --nav-menu-sub-menu-position-right: auto;
            width: var(--nav-menu-main-mega-sub-menu-width-mobile, 100%);
            height: var(--nav-menu-main-mega-sub-menu-height-mobile, 100%);
            border: var(--nav-menu-main-mega-sub-menu-border-mobile, none);
            background-color: var(--nav-menu-main-mega-sub-menu-bg-mobile, var(--nav-menu-main-wrapper-bg, white));
            border-radius: var(--nav-menu-main-mega-sub-menu-border-radius-mobile, none);
            box-shadow: var(--nav-menu-main-mega-sub-menu-box-shadow-mobile, none);
            filter: var(--nav-menu-main-mega-sub-menu-filter-mobile, none);
            overflow-x: hidden;
            overflow-y: auto;
            pointer-events: auto;
            transition: left var(--nav-menu-transition-duration) ease-in-out, opacity var(--nav-menu-transition-duration) ease-in-out;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
            &.mega-menu {
              .menu-item-has-children {
                > a > .subnav-toggle {
                  visibility: visible;
                }
              }
            }
            > .sub-menu-nav-container {
              padding: var(--nav-menu-main-sub-menu-padding-y, 0rem) var(--nav-menu-main-sub-menu-padding-x, 1rem);
              overflow-y: auto;
              overscroll-behavior-y: none;
              &::-webkit-scrollbar {
                width: var(--styled-scrollbar-width, 5px);
                height: var(--styled-scrollbar-height, 5px);
              }
              &::-webkit-scrollbar-track {
                background-color: var(--styled-scrollbar-track-bg, transparent);
                border-radius: var(--styled-scrollbar-track-border-radius, 2px);
              }
              &::-webkit-scrollbar-thumb {
                background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
                border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
              }
              > .submenu-prev-link, > a {
                align-items: center;
                @layer base {
                  display: flex !important;
                }
              }
              > .submenu-prev-link {
                z-index: 1;
                position: sticky;
                top: var(--nav-menu-main-sub-menu-prev-link-top, var(--nav-menu-main-prev-link-top, 0));
                height: var(--nav-menu-main-sub-menu-prev-link-height, var(--nav-menu-main-prev-link-height, var(--element-header-main-navigation-prev-link-height)));
                margin-top: var(--nav-menu-main-sub-menu-prev-link-margin-top, 0);
                margin-left: var(--nav-menu-main-sub-menu-prev-link-margin-left, var(--nav-menu-main-prev-link-margin-left, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1)));
                margin-right: var(--nav-menu-main-sub-menu-prev-link-margin-right, var(--nav-menu-main-prev-link-margin-right, calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1)));
                padding: var(--nav-menu-main-sub-menu-prev-link-padding-y, var(--nav-menu-main-sub-menu-padding-y, 0rem)) var(--nav-menu-main-sub-menu-prev-link-padding-x, var(--nav-menu-main-sub-menu-padding-x, 1rem));
                color: var(--nav-menu-main-sub-menu-prev-link-color, inherit);
                font-size: var(--nav-menu-main-sub-menu-prev-link-font-size, inherit);
                font-weight: var(--nav-menu-main-sub-menu-prev-link-font-weight, inherit);
                text-decoration: var(--nav-menu-main-sub-menu-prev-link-text-decoration, inherit);
                text-transform: var(--nav-menu-main-sub-menu-prev-link-text-transform, inherit);
                background-color: var(--nav-menu-main-sub-menu-prev-link-bg, var(--nav-menu-main-prev-link-bg, var(--color-light)));
              }
              > a.sub-menu-title {
                width: 100%;
                height: var(--element-header-main-navigation-sub-menu-title-height);
                padding: var(--nav-menu-main-menu-sub-title-padding, 0rem);
                margin: var(--nav-menu-main-menu-sub-title-margin, 0rem);
                color: var(--nav-menu-main-menu-sub-title-color, var(--nav-menu-main-menu-title-color, inherit));
                font-size: var(--nav-menu-main-menu-sub-title-font-size, var(--nav-menu-main-menu-title-font-size, inherit));
                font-weight: var(--nav-menu-main-menu-sub-title-font-weight, var(--nav-menu-main-menu-title-font-weight, inherit));
                text-decoration: var(--nav-menu-main-menu-sub-title-text-decoration, var(--nav-menu-main-menu-title-text-decoration, inherit));
                text-transform: var(--nav-menu-main-menu-sub-title-text-transform, var(--nav-menu-main-menu-title-text-transform, inherit));
              }
            }
          }
        }
      }
    }
    @media (width >= 93.75rem) {
      height: var(--header-main-height);
      transition: var(--nav-menu-main-transition, var(--header-main-transition, var(--header-transition)));
      > .menu {
        height: 100%;
        align-items: center;
        .menu-item.menu-item-has-children.has-mega-menu {
          > .sub-menu-container.mega-menu {
            max-height: var(--nav-menu-main-mega-menu-max-height, calc(100vh - (var(--header-height) + var(--nav-menu-main-mega-menu-max-height-offset, 1rem))));
            overflow-y: auto;
            overflow-x: hidden;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
            > .sub-menu-nav-container .sub-menu {
              &:has(> .menu-item-element-column) {
                display: flex;
                column-gap: var(--nav-menu-main-mega-menu-columns-gap-x, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                row-gap: var(--nav-menu-main-mega-menu-columns-gap-y, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                > .menu-item-element-column {
                  flex: 1 1 auto;
                  width: 100%;
                  page-break-inside: avoid;
                  > ol {
                    padding: var(--nav-menu-main-mega-menu-columns-column-padding, 0px);
                  }
                }
              }
            }
          }
          .sub-menu-container {
            .menu-item > a {
              width: auto;
            }
            .sub-sub-menu-container {
              --nav-menu-sub-menu-offset-top: 0px;
              position: initial;
            }
          }
        }
      }
    }
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-secondary-mobile {
    --nav-menu-secondary-mobile-flex-direction: var(--nav-menu-secondary-mobile-flex-direction-navbreakpointDown, column);
    --nav-menu-secondary-mobile-gap: var(--nav-menu-secondary-mobile-gap-navbreakpointDown, var(--gap-xs));
    @media (width >= 93.75rem) {
      --nav-menu-secondary-mobile-flex-direction: var(--nav-menu-secondary-mobile-flex-direction-navbreakpointUp, row);
      --nav-menu-secondary-mobile-gap: var(--nav-menu-secondary-mobile-gap-navbreakpointUp, var(--gap-sm));
    }
    > .menu {
      display: flex;
      flex-direction: var(--nav-menu-secondary-mobile-flex-direction);
      gap: var(--nav-menu-secondary-mobile-gap);
    }
  }
}
#header_top_wrapper .nav-menu.nav-menu-top {
  --nav-menu-top-flex-direction: var(--nav-menu-top-flex-direction-navbreakpointDown, row);
  --nav-menu-top-gap: var(--nav-menu-top-gap-navbreakpointDown, var(--gap-xs));
  @media (width >= 93.75rem) {
    --nav-menu-top-flex-direction: var(--nav-menu-top-flex-direction-navbreakpointUp, row);
    --nav-menu-top-gap: var(--nav-menu-top-gap-navbreakpointUp, var(--gap-sm));
  }
  > .menu {
    display: flex;
    flex-direction: var(--nav-menu-top-flex-direction);
    gap: var(--nav-menu-top-gap);
  }
  .menu-item[data-depth="0"] {
    --nav-menu-item-padding: var(--nav-menu-top-lvl0-menu-item-padding, 0);
    --nav-menu-item-font-size: var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm));
    --nav-menu-item-font-size-hover: var(--nav-menu-top-lvl0-menu-item-font-size-hover, var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm)));
    --nav-menu-item-font-size-active: var(--nav-menu-top-lvl0-menu-item-font-size-active, var(--nav-menu-top-lvl0-menu-item-font-size, var(--text-theme-sm)));
    --nav-menu-item-font-weight: var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight));
    --nav-menu-item-font-weight-hover: var(--nav-menu-top-lvl0-menu-item-font-weight-hover, var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight)));
    --nav-menu-item-font-weight-active: var(--nav-menu-top-lvl0-menu-item-font-weight-active, var(--nav-menu-top-lvl0-menu-item-font-weight, var(--text-theme-sm--font-weight)));
    --nav-menu-item-line-height: var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height));
    --nav-menu-item-line-height-hover: var(--nav-menu-top-lvl0-menu-item-line-height-hover, var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height)));
    --nav-menu-item-line-height-active: var(--nav-menu-top-lvl0-menu-item-line-height-active, var(--nav-menu-top-lvl0-menu-item-line-height, var(--text-theme-sm--line-height)));
    --nav-menu-item-color: var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
    --nav-menu-item-color-hover: var(--nav-menu-top-lvl0-menu-item-color-hover, var(--element-color-nav-fg-hover, var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
    --nav-menu-item-color-active: var(--nav-menu-top-lvl0-menu-item-color-active, var(--element-color-nav-fg-active, var(--nav-menu-top-lvl0-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)))));
    --nav-menu-item-letter-spacing: var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing));
    --nav-menu-item-letter-spacing-hover: var(--nav-menu-top-lvl0-menu-item-letter-spacing-hover, var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
    --nav-menu-item-letter-spacing-active: var(--nav-menu-top-lvl0-menu-item-letter-spacing-active, var(--nav-menu-top-lvl0-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
    --nav-menu-item-text-transform: var(--nav-menu-top-lvl0-menu-item-text-transform, none);
    --nav-menu-item-text-transform-hover: var(--nav-menu-top-lvl0-menu-item-text-transform-hover, var(--nav-menu-top-lvl0-menu-item-text-transform, none));
    --nav-menu-item-text-transform-active: var(--nav-menu-top-lvl0-menu-item-text-transform-active, var(--nav-menu-top-lvl0-menu-item-text-transform, none));
    --nav-menu-item-transition: var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
    --nav-menu-item-transition-hover: var(--nav-menu-top-lvl0-menu-item-transition-hover, var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    --nav-menu-item-transition-active: var(--nav-menu-top-lvl0-menu-item-transition-active, var(--nav-menu-top-lvl0-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    > .sub-menu-container .sub-menu-nav-container .sub-menu li.menu-item {
      --nav-menu-item-padding: var(--nav-menu-top-sub-menu-menu-item-padding, 0);
      --nav-menu-item-font-size: var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm));
      --nav-menu-item-font-size-hover: var(--nav-menu-top-sub-menu-menu-item-font-size-hover, var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm)));
      --nav-menu-item-font-size-active: var(--nav-menu-top-sub-menu-menu-item-font-size-active, var(--nav-menu-top-sub-menu-menu-item-font-size, var(--text-theme-sm)));
      --nav-menu-item-font-weight: var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight));
      --nav-menu-item-font-weight-hover: var(--nav-menu-top-sub-menu-menu-item-font-weight-hover, var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight)));
      --nav-menu-item-font-weight-active: var(--nav-menu-top-sub-menu-menu-item-font-weight-active, var(--nav-menu-top-sub-menu-menu-item-font-weight, var(--text-theme-sm--font-weight)));
      --nav-menu-item-color: var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg, var(--color-body-fg)));
      --nav-menu-item-color-hover: var(--nav-menu-top-sub-menu-menu-item-color-hover, var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg-hover, var(--color-body-fg))));
      --nav-menu-item-color-active: var(--nav-menu-top-sub-menu-menu-item-color-active, var(--nav-menu-top-sub-menu-menu-item-color, var(--element-color-nav-fg-active, var(--color-body-fg))));
      --nav-menu-item-letter-spacing: var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing));
      --nav-menu-item-letter-spacing-hover: var(--nav-menu-top-sub-menu-menu-item-letter-spacing-hover, var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
      --nav-menu-item-letter-spacing-active: var(--nav-menu-top-sub-menu-menu-item-letter-spacing-active, var(--nav-menu-top-sub-menu-menu-item-letter-spacing, var(--text-theme-sm--letter-spacing)));
      --nav-menu-item-text-transform: var(--nav-menu-top-sub-menu-menu-item-text-transform, none);
      --nav-menu-item-text-transform-hover: var(--nav-menu-top-sub-menu-menu-item-text-transform-hover, var(--nav-menu-top-sub-menu-menu-item-text-transform, none));
      --nav-menu-item-text-transform-active: var(--nav-menu-top-sub-menu-menu-item-text-transform-active, var(--nav-menu-top-sub-menu-menu-item-text-transform, none));
      --nav-menu-item-transition: var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out);
      --nav-menu-item-transition-hover: var(--nav-menu-top-sub-menu-menu-item-transition-hover, var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
      --nav-menu-item-transition-active: var(--nav-menu-top-sub-menu-menu-item-transition-active, var(--nav-menu-top-sub-menu-menu-item-transition, font-size 200ms ease-in-out, font-weight 200ms ease-in-out));
    }
  }
}
.abovo-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  .page-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    color: var(--pagination-color, var(--element-color-nav-pagination-fg, #6B7280));
    font-size: var(--pagination-font-size, 1rem);
    border: var(--pagination-border-width, 1px) solid var(--pagination-border-color, var(--element-color-nav-pagination-border, rgba(0, 0, 0, 0.08)));
    background: var(--pagination-bg, var(--element-color-nav-pagination-bg, transparent));
    border-radius: var(--pagination-border-radius, var(--element-borderRadius-sm, 0.25rem));
    opacity: var(--pagination-opacity, 1);
    cursor: var(--pagination-cursor, pointer);
    user-select: var(--pagination-user-select, none);
    transition: all 150ms ease-in-out;
    &:hover, &:focus {
      --pagination-color: var(--element-color-nav-pagination-fg-hover);
      --pagination-border-color: var(--element-color-nav-pagination-border-hover);
      --pagination-bg: var(--element-color-nav-pagination-bg-hover);
    }
    &.active, &:active {
      --pagination-color: var(--element-color-nav-pagination-fg-active);
      --pagination-border-color: var(--element-color-nav-pagination-border-active);
      --pagination-bg: var(--element-color-nav-pagination-bg-active);
    }
    a {
      color: inherit;
      min-width: var(--pagination-min-width, 3.25rem);
      padding: var(--pagination-padding, 0.75rem);
    }
  }
}
@layer utilities {
  .responsive-image {
    --object-pos-x: center;
    --object-pos-y: center;
    --object-fit: cover;
    object-position: var(--object-pos-x) var(--object-pos-y);
    object-fit: var(--object-fit);
    &:is(&.responsive-image--contain) {
      --object-fit: contain;
    }
    &:is(&.responsive-image--top) {
      --object-pos-y: top;
    }
    &:is(&.responsive-image--center) {
      --object-pos-y: center;
    }
    &:is(&.responsive-image--bottom) {
      --object-pos-y: bottom;
    }
    &:is(&.responsive-image--y0) {
      --object-pos-y: 0%;
    }
    &:is(&.responsive-image--y10) {
      --object-pos-y: 10%;
    }
    &:is(&.responsive-image--y20) {
      --object-pos-y: 20%;
    }
    &:is(&.responsive-image--y30) {
      --object-pos-y: 30%;
    }
    &:is(&.responsive-image--y40) {
      --object-pos-y: 40%;
    }
    &:is(&.responsive-image--y50) {
      --object-pos-y: 50%;
    }
    &:is(&.responsive-image--y60) {
      --object-pos-y: 60%;
    }
    &:is(&.responsive-image--y70) {
      --object-pos-y: 70%;
    }
    &:is(&.responsive-image--y80) {
      --object-pos-y: 80%;
    }
    &:is(&.responsive-image--y90) {
      --object-pos-y: 90%;
    }
    &:is(&.responsive-image--y100) {
      --object-pos-y: 100%;
    }
    &:is(&.responsive-image--x0) {
      --object-pos-x: 0%;
    }
    &:is(&.responsive-image--x10) {
      --object-pos-x: 10%;
    }
    &:is(&.responsive-image--x20) {
      --object-pos-x: 20%;
    }
    &:is(&.responsive-image--x30) {
      --object-pos-x: 30%;
    }
    &:is(&.responsive-image--x40) {
      --object-pos-x: 40%;
    }
    &:is(&.responsive-image--x50) {
      --object-pos-x: 50%;
    }
    &:is(&.responsive-image--x60) {
      --object-pos-x: 60%;
    }
    &:is(&.responsive-image--x70) {
      --object-pos-x: 70%;
    }
    &:is(&.responsive-image--x80) {
      --object-pos-x: 80%;
    }
    &:is(&.responsive-image--x90) {
      --object-pos-x: 90%;
    }
    &:is(&.responsive-image--x100) {
      --object-pos-x: 100%;
    }
  }
}
@layer utilities {
  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
  }
}
.swiper {
  &:has(.swiper-controls .swiper-scrollbar.swiper-scrollbar-horizontal) {
    padding-bottom: calc(var(--swiper-scrollbar-size, 4px) * 2);
  }
  &.swiper-pagination-disabled .swiper-controls .swiper-pagination {
    display: none !important;
  }
  &.swiper-navigation-disabled .swiper-controls .swiper-navigation {
    display: none !important;
  }
  .swiper-controls {
    display: flex;
    column-gap: var(--swiper-controls-horizontal-gap, var(--swiper-controls-gap, 1rem));
    row-gap: var(--swiper-controls-verical-gap, var(--swiper-controls-gap, 1rem));
    justify-content: space-between;
    margin: var(--swiper-controls-margin, 0px);
    padding: var(--swiper-controls-padding, 0px);
    .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-grow: 1;
      column-gap: var(--swiper-pagination-horizontal-gap, var(--swiper-pagination-gap, 4px));
      row-gap: var(--swiper-pagination-verical-gap, var(--swiper-pagination-gap, 4px));
      overflow: hidden;
      &.swiper-pagination-horizontal {
        margin-top: var(--swiper-pagination-margin-top, 2rem);
      }
      &.swiper-pagination-vertical {
        flex-direction: column;
      }
      &.swiper-pagination-bullets {
        column-gap: 0;
        row-gap: var(--swiper-pagination-bullet-verical-gap, var(--swiper-pagination-bullet-gap, 4px));
        padding: var(--swiper-pagination-bullets-padding, 0);
        width: auto !important;
        &.swiper-pagination-vertical {
          margin-top: var(--swiper-pagination-bullets-margin-right, var(--swiper-pagination-margin-right, 2rem));
        }
        &.swiper-pagination-horizontal {
          margin-top: var(--swiper-pagination-bullets-margin-top, var(--swiper-pagination-margin-top, 2rem));
        }
        > .swiper-pagination-bullet {
          flex-shrink: 0;
          width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.75rem));
          height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.75rem));
          transition: all 150ms ease-in-out;
          border: var(--swiper-pagination-bullet-border-width, 1px) solid var(--swiper-pagination-bullet-border-color, var(--swiper-pagination-bullet-color, var(--element-color-nav-fg, #B7C1F0)));
          background: var(--swiper-pagination-bullet-bg, var(--swiper-pagination-bullet-color, transparent));
          border-radius: var(--swiper-pagination-bullet-border-radius, 1rem);
          user-select: var(--swiper-pagination-bullet-user-select, none);
          opacity: var(--swiper-pagination-bullet-opacity, 1);
          cursor: var(--swiper-pagination-bullet-cursor, pointer);
          margin-right: var(--swiper-pagination-bullet-horizontal-gap, var(--swiper-pagination-bullet-gap, 4px));
          &.swiper-pagination-bullet-active {
            --swiper-pagination-bullet-border-width: 0px;
            --swiper-pagination-bullet-color: var(--element-color-nav-fg, #000EC7);
            --swiper-pagination-bullet-width: calc(var(--swiper-pagination-bullet-size, 0.75rem) * (var(--swiper-pagination-bullet-active-magnification, 1.75)));
          }
        }
        &.swiper-pagination-bullets-dynamic {
          > .swiper-pagination-bullet {
            &:not(:is(.swiper-pagination-bullet-active-prev,.swiper-pagination-bullet-active-prev-prev,.swiper-pagination-bullet-active-next,.swiper-pagination-bullet-active-next-next,.swiper-pagination-bullet-active-main)), &.swiper-pagination-bullet-active-prev-prev, &.swiper-pagination-bullet-active-next-next {
              --swiper-pagination-bullet-opacity: 0;
              --swiper-pagination-bullet-width: 0;
              --swiper-pagination-bullet-border-width: 0;
              --swiper-pagination-bullet-bg: transparent;
              margin-right: 0;
            }
          }
        }
      }
    }
    .swiper-navigation {
      display: inline-flex;
      align-self: flex-end;
      flex-shrink: 0;
      column-gap: var(--swiper-navigation-horizontal-gap, var(--swiper-navigation-gap, 0.5rem));
      row-gap: var(--swiper-navigation-verical-gap, var(--swiper-navigation-gap, 0.5rem));
      margin: var(--swiper-navigation-margin, 0px);
      padding: var(--swiper-navigation-padding, 0px);
      &.swiper-navigation--bottom {
        --swiper-navigation-margin: 2rem 0 0 0;
      }
      &.swiper-navigation--overlay {
        z-index: 10;
        position: absolute;
        top: var(--swiper-navigation-overlay-position-top, 50%);
        left: 0;
        display: flex;
        align-self: auto;
        justify-content: space-between;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        pointer-events: none;
        transform: translateY(-50%);
        .swiper-button-prev, .swiper-button-next {
          pointer-events: all;
        }
      }
      .swiper-button-prev, .swiper-button-next {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--swiper-navigation-width, var(--swiper-navigation-size, 3rem));
        height: var(--swiper-navigation-height, var(--swiper-navigation-size, 3rem));
        padding: var(--swiper-navigation-padding, 0);
        color: var(--swiper-navigation-color, var(--element-color-nav-pagination-fg, #6B7280));
        font-size: var(--swiper-navigation-font-size, 1.25rem);
        border: var(--swiper-navigation-border-width, 1px) solid var(--swiper-navigation-border-color, var(--element-color-nav-pagination-border, rgba(0, 0, 0, 0.08)));
        background: var(--swiper-navigation-bg, var(--element-color-nav-pagination-bg, transparent));
        border-radius: var(--swiper-navigation-border-radius, var(--element-borderRadius-sm, 0.25rem));
        opacity: var(--swiper-navigation-opacity, 1);
        cursor: var(--swiper-navigation-cursor, pointer);
        user-select: var(--swiper-navigation-user-select, none);
        transition: all 150ms ease-in-out;
        &.swiper-button-lock, &.swiper-button-disabled {
          --swiper-navigation-cursor: default;
          --swiper-navigation-opacity: 0.5;
        }
        &:not(.swiper-button-lock, .swiper-button-disabled) {
          &:hover, &:focus {
            --swiper-navigation-color: var(--element-color-nav-pagination-fg-hover);
            --swiper-navigation-border-color: var(--element-color-nav-pagination-border-hover);
            --swiper-navigation-bg: var(--element-color-nav-pagination-bg-hover);
          }
          &:active {
            --swiper-navigation-color: var(--element-color-nav-pagination-fg-active);
            --swiper-navigation-border-color: var(--element-color-nav-pagination-border-active);
            --swiper-navigation-bg: var(--element-color-nav-pagination-bg-active);
          }
        }
      }
    }
    .swiper-scrollbar {
      --swiper-scrollbar-sides-offset: 0px;
      --swiper-scrollbar-top: auto;
      --swiper-scrollbar-bottom: 0px;
      position: absolute;
    }
  }
}
@layer utilities {
  :where(.typography) {
    ul.list-check {
      --typography-list-padding-start: calc(var(--spacing) * 4);
      list-style-type: none;
      li {
        position: relative;
        padding-left: calc(var(--spacing) * 2);
        &::before {
          display: inline-block;
          font-family: "Iconly" !important;
          font-weight: 400;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          line-height: 1;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          content: "\e00c";
          position: absolute;
          left: calc(var(--typography-list-padding-start) * -1);
          top: 0.2em;
        }
      }
    }
    ol li:has(> strong:first-child)::marker {
      font-weight: var(--typography-strong-font-weight);
    }
    .wp-caption-text {
      margin-top: var(--gap-xs);
      font-style: italic;
    }
    table {
      display: table;
      border-collapse: collapse;
      th, td {
        border: 1px solid var(--element-color-border);
        padding: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
      }
    }
    --typography-font-size: var(--text-theme-base);
    --typography-font-weight: var(--text-theme-base--font-weight);
    --typography-line-height: var(--text-theme-base--line-height);
    --typography-strong-font-weight: var(--font-weight-semibold);
    --typography-item-margin-top: 0;
    --typography-item-margin-bottom: calc(var(--spacing) * 6);
    --typography-list-item-spacing: calc(var(--spacing) * 1);
    --typography-list-padding-start: calc(var(--spacing) * 6);
    --typography-blockquote-padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 8);
    --typography-blockquote-font-style: 'normal';
    --typography-blockquote-font-weight: var(--text-theme-base--font-weight);
    --typography-blockquote-border-style: solid;
    --typography-blockquote-border-width: calc(var(--spacing) * 1);
    --typography-blockquote-border-color: var(--element-color-accent);
    --typography-blockquote-border-radius: 0;
    --typography-blockquote-bg: var(--element-color-bg-alternate);
    font-size: var(--typography-font-size);
    font-weight: var(--typography-font-weight);
    line-height: var(--typography-line-height);
    > * {
      &:not(:first-child) {
        margin-top: var(--typography-item-margin-top);
      }
      &:not(:last-child) {
        margin-bottom: var(--typography-item-margin-bottom);
      }
    }
    a:where(:not(.button)) {
      color: var(--element-color-accent);
      text-decoration: var(--typography-link-decoration-default, underline);
      font-weight: var(--typography-link-font-weight, inherit);
      &:hover, &:focus, &:active {
        color: var(--element-color-accent-alternate);
        text-decoration: var(--typography-link-decoration-hover, none);
      }
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--typography-font-family-heading, var(--font-heading));
      color: var(--typography-title-fg, var(--element-color-title));
    }
    h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h1);
    }
    h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h2);
    }
    h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h3);
    }
    h4 {
      font-size: var(--text-h4);
      line-height: var(--tw-leading, var(--text-h4--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h4);
    }
    h5 {
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h5);
    }
    h6 {
      font-size: var(--text-h6);
      line-height: var(--tw-leading, var(--text-h6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
      --typography-item-margin-bottom: var(--element-title-margin-bottom-h6);
    }
    ul, ol {
      list-style-position: outside;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--typography-list-item-spacing) * var(--tw-space-y-reverse));
        margin-block-end: calc(var(--typography-list-item-spacing) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline-start: var(--typography-list-padding-start);
    }
    ul {
      list-style-type: disc;
    }
    ol {
      list-style-type: decimal;
    }
    blockquote {
      font-style: var(--typography-blockquote-font-style);
      padding: var(--typography-blockquote-padding);
      font-weight: var(--typography-blockquote-font-weight);
      border-style: var(--typography-blockquote-border-style);
      border-left-width: var(--typography-blockquote-border-width);
      border-left-color: var(--typography-blockquote-border-color);
      border-radius: var(--typography-blockquote-border-radius);
      background-color: var(--typography-blockquote-bg);
    }
    strong {
      font-weight: var(--typography-strong-font-weight);
    }
    --typography-strong-font-weight: 700;
    --typography-item-margin-bottom: calc(var(--spacing) * 4);
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
[x-cloak] {
  display: none !important;
}
.section, .section-element {
  &:where([data-element-color]:not([data-element-color="none"])) {
    isolation: isolate;
    > .section-element-bg {
      z-index: -1;
      position: absolute;
      inset: 0;
    }
  }
}
[class*="section-pt"] {
  padding-top: calc(var(--section-padding-top, 0px) + var(--section-padding-top-offset, 0px));
}
[class*="section-pb"] {
  padding-bottom: calc(var(--section-padding-bottom, 0px) + var(--section-padding-bottom-offset, 0px));
}
[class*="section-mh"] {
  min-height: var(--section-min-height, auto);
}
.section {
  --section-min-height: auto;
  --section-padding-top: 0px;
  --section-padding-bottom: 0px;
  --section-padding-top-offset: 0px;
  --section-padding-bottom-offset: 0px;
  scroll-margin-top: var(--section-scroll-margin-top, var(--header-height));
  &.section-pt {
    --section-padding-top: var(--element-section-rows-padding-y-default);
  }
  &.section-pt--sm {
    --section-padding-top: var(--element-section-rows-padding-y-sm);
  }
  &.section-pt--lg {
    --section-padding-top: var(--element-section-rows-padding-y-lg);
  }
  &.section-pb {
    --section-padding-bottom: var(--element-section-rows-padding-y-default);
  }
  &.section-pb--sm {
    --section-padding-bottom: var(--element-section-rows-padding-y-sm);
  }
  &.section-pb--lg {
    --section-padding-bottom: var(--element-section-rows-padding-y-lg);
  }
  &.section-mh--auto {
    --section-min-height: var(--element-min-height-auto);
  }
  &.section-mh--md {
    --section-min-height: var(--element-min-height-md);
  }
  &.section-mh--lg {
    --section-min-height: var(--element-min-height-lg);
  }
  &.section-mh--full {
    --section-min-height: var(--element-min-height-full);
  }
}
.section-rows {
  &.hidden-on-breakpoint, .hidden-on-breakpoint {
    display: block;
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--xs {
    @container (inline-size < 42rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--sm {
    @container (inline-size >= 42rem) and (inline-size < 56rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--md {
    @container (inline-size >= 56rem) and (inline-size < 72rem) {
      display: none;
    }
  }
  &.hidden-on-breakpoint.hidden-on-breakpoint--lg {
    @container (inline-size >= 72rem) {
      display: none;
    }
  }
  .section-element-row > .section-row-wrapper {
    > .section-row {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      > .section-element-col {
        grid-column: span 1 / span 1;
      }
    }
  }
  .section-row-wrapper.horizontal-touch-scroll {
    ~ .overflow-slider__arrows {
      display: none;
    }
  }
  .section-element-row {
    &[data-nested="0"] {
      @container (inline-size < 42rem) {
        .section-element-image {
          --img-aspect: var(--xs-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--xs, .hidden-on-breakpoint.hidden-on-breakpoint--xs {
          display: none;
        }
      }
      @container (inline-size >= 42rem) and (inline-size < 56rem) {
        .section-element-image {
          --img-aspect: var(--sm-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--sm, .hidden-on-breakpoint.hidden-on-breakpoint--sm {
          display: none;
        }
      }
      @container (inline-size >= 56rem) and (inline-size < 72rem) {
        .section-element-image {
          --img-aspect: var(--md-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--md, .hidden-on-breakpoint.hidden-on-breakpoint--md {
          display: none;
        }
      }
      @container (inline-size >= 72rem) {
        .section-element-image {
          --img-aspect: var(--lg-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--lg, .hidden-on-breakpoint.hidden-on-breakpoint--lg {
          display: none;
        }
      }
      &[data-mobile-breakpoint="xs"] {
        --element-row-mobile-breakpoint: 32rem;
        @container (inline-size < 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="sm"] {
        --element-row-mobile-breakpoint: 42rem;
        @container (inline-size < 42rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 42rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="default"] {
        --element-row-mobile-breakpoint: 56rem;
        @container (inline-size < 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="lg"] {
        --element-row-mobile-breakpoint: 72rem;
        @container (inline-size < 72rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 72rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
    }
    &[data-nested="1"] {
      @container (inline-size < 16rem) {
        .section-element-image {
          --img-aspect: var(--xs-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--xs, .hidden-on-breakpoint.hidden-on-breakpoint--xs {
          display: none;
        }
      }
      @container (inline-size >= 24rem) and (inline-size < 32rem) {
        .section-element-image {
          --img-aspect: var(--sm-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--sm, .hidden-on-breakpoint.hidden-on-breakpoint--sm {
          display: none;
        }
      }
      @container (inline-size >= 32rem) and (inline-size < 42rem) {
        .section-element-image {
          --img-aspect: var(--md-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--md, .hidden-on-breakpoint.hidden-on-breakpoint--md {
          display: none;
        }
      }
      @container (inline-size >= 42rem) {
        .section-element-image {
          --img-aspect: var(--lg-img-aspect, auto);
        }
        &.hidden-on-breakpoint.hidden-on-breakpoint--lg, .hidden-on-breakpoint.hidden-on-breakpoint--lg {
          display: none;
        }
      }
      &[data-mobile-breakpoint="xs"] {
        --element-row-mobile-breakpoint: 16rem;
        @container (inline-size < 16rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 16rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="sm"] {
        --element-row-mobile-breakpoint: 24rem;
        @container (inline-size < 24rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 24rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="default"] {
        --element-row-mobile-breakpoint: 32rem;
        @container (inline-size < 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 32rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
      &[data-mobile-breakpoint="lg"] {
        --element-row-mobile-breakpoint: 56rem;
        @container (inline-size < 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-down {
            display: none;
          }
          > .section-row-wrapper.horizontal-touch-scroll {
            > .section-row {
              display: flex !important;
              > .section-element-col {
                min-width: 100%;
              }
            }
          }
        }
        @container (inline-size >= 56rem) {
          .section-row-wrapper .hidden-on-breakpoint.hidden-on-breakpoint--mobile-up {
            display: none;
          }
          > .section-row-wrapper > .section-row {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            > .section-element-col {
              order: 0;
              &.section-col-12 {
                grid-column: span 12 / span 12;
              }
              &.section-col-9 {
                grid-column: span 9 / span 9;
              }
              &.section-col-8 {
                grid-column: span 8 / span 8;
              }
              &.section-col-7 {
                grid-column: span 7 / span 7;
              }
              &.section-col-6 {
                grid-column: span 6 / span 6;
              }
              &.section-col-5 {
                grid-column: span 5 / span 5;
              }
              &.section-col-4 {
                grid-column: span 4 / span 4;
              }
              &.section-col-3 {
                grid-column: span 3 / span 3;
              }
            }
          }
        }
      }
    }
  }
}
.section-element {
  position: relative;
  scroll-margin-top: calc(var(--section-element-scroll-margin-top, var(--header-height)) + var(--scroll-margin-offset, 1rem));
}
.section-element-banner {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-bg-border-radius: 0px;
  }
  .banner-inner {
    padding-top: var(--banner-padding-top, var(--element-banner-padding-y));
    padding-bottom: var(--banner-padding-bottom, var(--element-banner-padding-y));
  }
}
.section-element-bg {
  .section > & {
    --element-bg-border-radius: 0px;
  }
  &[data-style="video"] {
    > .bg-video, > .bg-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    > .bg-video {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      &[data-provider="youtube"] {
        transform: scale(1.2);
      }
      &.playing {
        iframe {
          display: block;
        }
      }
      iframe {
        display: none;
        position: absolute;
        aspect-ratio: 16/9;
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
        &.center-y {
          top: 50%;
          left: 0;
          width: auto;
          transform: translateY(-50%);
        }
        &.center-x {
          top: 0;
          left: 50%;
          height: auto;
          transform: translateX(-50%);
        }
      }
    }
  }
  .overlay {
    background: var(--overlay-bg, rgba(0, 0, 0, .2));
  }
}
.section-element-col {
  > .section-elements:has(> .section-element-spacer[data-stretch="1"]) {
    display: flex;
    flex-direction: column;
    height: 100%;
    .section-element-spacer[data-stretch="1"] {
      flex-grow: 1;
    }
  }
}
.section-element-image {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-image-border-radius: 0px;
  }
}
.section-element-message {
  --element-message-accent: currentColor;
  --element-message-fg: currentColor;
  --element-message-bg: none;
  --element-message-border-radius: var(--element-border-radius-md, 0px);
  --element-message-title-font-weight: var(--font-weight-semibold);
  --element-message-padding: calc(var(--spacing) * 4);
  &[data-border="0"] {
    --element-message-border-width: 0;
  }
  &[data-border="0"][data-bg="0"] {
    --element-message-padding: 0;
  }
  background-color: var(--element-message-bg);
  border-radius: var(--element-message-border-radius);
  padding: var(--element-message-padding);
  font-size: var(--element-message-font-size, inherit);
  border: var(--element-message-border-width, 1px) var(--element-message-border-style, solid) var(--element-message-border, transparent);
  line-height: var(--element-message-line-height, 1.5);
  .element-message-content {
    --element-color-accent: currentColor;
    --element-color-accent-alternate: currentColor;
    --typography-link-decoration-default: var(--element-message-link-decoration-default, underline);
    --typography-link-decoration-hover: var(--element-message-link-decoration-hover, none);
    --typography-link-font-weight: var(--element-message-link-font-weight, var(--typography-font-weight));
    line-height: inherit;
  }
  &[data-type="success"] {
    --element-message-accent: var(--color-success-accent);
    --element-message-fg: var(--color-success-fg);
    --element-message-border: var(--color-success-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-success-bg);
      --element-message-fg: var(--color-success-fg-on-bg);
      --element-message-border: var(--color-success-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-success-fg-dark);
      --element-message-border: var(--color-success-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-success-bg-dark);
        --element-message-fg: var(--color-success-fg-on-bg-dark);
        --element-message-border: var(--color-success-border-on-bg-dark);
      }
    }
  }
  &[data-type="danger"] {
    --element-message-accent: var(--color-danger-accent);
    --element-message-fg: var(--color-danger-fg);
    --element-message-border: var(--color-danger-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-danger-bg);
      --element-message-fg: var(--color-danger-fg-on-bg);
      --element-message-border: var(--color-danger-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-danger-fg-dark);
      --element-message-border: var(--color-danger-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-danger-bg-dark);
        --element-message-fg: var(--color-danger-fg-on-bg-dark);
        --element-message-border: var(--color-danger-border-on-bg-dark);
      }
    }
  }
  &[data-type="warning"] {
    --element-message-accent: var(--color-warning-accent);
    --element-message-fg: var(--color-warning-fg);
    --element-message-border: var(--color-warning-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-warning-bg);
      --element-message-fg: var(--color-warning-fg-on-bg);
      --element-message-border: var(--color-warning-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-warning-fg-dark);
      --element-message-border: var(--color-warning-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-warning-bg-dark);
        --element-message-fg: var(--color-warning-fg-on-bg-dark);
        --element-message-border: var(--color-warning-border-on-bg-dark);
      }
    }
  }
  &[data-type="info"] {
    --element-message-accent: var(--color-info-accent);
    --element-message-fg: var(--color-info-fg);
    --element-message-border: var(--color-info-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-info-bg);
      --element-message-fg: var(--color-info-fg-on-bg);
      --element-message-border: var(--color-info-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-info-fg-dark);
      --element-message-border: var(--color-info-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-info-bg-dark);
        --element-message-fg: var(--color-info-fg-on-bg-dark);
        --element-message-border: var(--color-info-border-on-bg-dark);
      }
    }
  }
  &[data-type="neutral"] {
    --element-message-accent: var(--color-neutral-accent);
    --element-message-fg: var(--color-neutral-fg);
    --element-message-border: var(--color-neutral-border);
    &[data-bg="1"] {
      --element-message-bg: var(--color-neutral-bg);
      --element-message-fg: var(--color-neutral-fg-on-bg);
      --element-message-border: var(--color-neutral-border-on-bg);
    }
    &[data-color-mode="dark"] {
      --element-message-fg: var(--color-neutral-fg-dark);
      --element-message-border: var(--color-neutral-border-dark);
      &[data-bg="1"] {
        --element-message-bg: var(--color-neutral-bg-dark);
        --element-message-fg: var(--color-neutral-fg-on-bg-dark);
        --element-message-border: var(--color-neutral-border-on-bg-dark);
      }
    }
  }
}
.section-element-spacer {
  &[data-space="xs"] {
    height: var(--element-spacer-height-xs);
  }
  &[data-space="sm"] {
    height: var(--element-spacer-height-sm);
  }
  &[data-space="default"] {
    height: var(--element-spacer-height-default);
  }
  &[data-space="lg"] {
    height: var(--element-spacer-height-lg);
  }
}
.section-element-title {
  --title-row-gap: 0px;
  --title-margin-bottom: 0px;
  --title-font-family-heading: var(--element-title-font-family-heading-default, var(--font-heading));
  --title-font-family-subheading: var(--element-title-font-family-subheading-default, var(--font-subheading));
  display: flex;
  flex-direction: column;
  row-gap: var(--title-row-gap);
  &[display-type="alternative"] {
    --title-font-family-heading: var(--element-title-font-family-heading-alternative, var(--font-heading-alternative));
    --title-font-family-subheading: var(--element-title-font-family-subheading-alternative, var(--font-subheading-alternative));
    .section-element-title__subheading {
      > *:last-child {
        margin-bottom: 0;
      }
    }
  }
  .section-element-title__heading {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--title-font-family-heading);
  }
  .section-element-title__subheading {
    font-family: var(--title-font-family-subheading);
    > *:last-child {
      margin-bottom: 0;
    }
  }
  &:not(:last-child) {
    .section-elements > & {
      margin-bottom: var(--title-margin-bottom);
      :where(& + .section-element:not(.section-element-spacer):not([hidden]):not(:empty)) {
        --section-element-margin-top: 0px;
      }
    }
  }
  &.subtitle--top {
    flex-direction: column-reverse;
  }
  &.heading-size--text-h1 {
    --title-margin-bottom: var(--element-title-margin-bottom-h1);
    --title-row-gap: var(--element-title-gap-y-h1);
  }
  &.heading-size--text-h2 {
    --title-margin-bottom: var(--element-title-margin-bottom-h2);
    --title-row-gap: var(--element-title-gap-y-h2);
  }
  &.heading-size--text-h3 {
    --title-margin-bottom: var(--element-title-margin-bottom-h3);
    --title-row-gap: var(--element-title-gap-y-h3);
  }
  &.heading-size--text-h4 {
    --title-margin-bottom: var(--element-title-margin-bottom-h4);
    --title-row-gap: var(--element-title-gap-y-h4);
  }
  &.heading-size--text-h5 {
    --title-margin-bottom: var(--element-title-margin-bottom-h5);
    --title-row-gap: var(--element-title-gap-y-h5);
  }
  &.heading-size--text-h6 {
    --title-margin-bottom: var(--element-title-margin-bottom-h6);
    --title-row-gap: var(--element-title-gap-y-h6);
  }
  &.heading-size--text-d1 {
    --title-margin-bottom: var(--element-title-margin-bottom-d1);
    --title-row-gap: var(--element-title-gap-y-d1);
  }
  &.heading-size--text-d2 {
    --title-margin-bottom: var(--element-title-margin-bottom-d2);
    --title-row-gap: var(--element-title-gap-y-d2);
  }
  &.heading-size--text-d3 {
    --title-margin-bottom: var(--element-title-margin-bottom-d3);
    --title-row-gap: var(--element-title-gap-y-d3);
  }
  &.heading-size--text-d4 {
    --title-margin-bottom: var(--element-title-margin-bottom-d4);
    --title-row-gap: var(--element-title-gap-y-d4);
  }
}
.section-element-video {
  .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-padding-x="none"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements &, .section[data-width="full"][data-padding-x="none"] .section-element-row[data-cols="1"][data-element-color="unset"][data-padding-x="auto"] .section-element-col[data-col-size="12"][data-padding-x="none"] > .section-elements & {
    --element-video-border-radius: 0px;
  }
  .video-oembed-holder {
    iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      max-width: 100%;
    }
  }
  &.has-poster {
    &:not(.in-popup) {
      .video-poster {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }
    }
    .video-poster-hider:checked {
      & ~ .video-oembed-holder {
        display: block;
      }
    }
  }
  .cookieconsent-oembed-holder .cookieconsent-oembed-holder-inner {
    background: transparent;
  }
}
.section-elements {
  --section-element-margin-top: var(--element-gap-default);
  > .section-element:not(:empty):not([hidden]):not(.section-element-spacer) ~ .section-element:not(:empty):not([hidden]):not(.section-element-spacer) {
    margin-top: var(--section-element-margin-top);
  }
  > .section-element-spacer + .section-element:not(.section-element-spacer) {
    --section-element-margin-top: 0;
  }
  &.section-elements-spacing--none {
    --section-element-margin-top: 0;
  }
  &.section-elements-spacing--sm {
    --section-element-margin-top: var(--element-gap-sm);
  }
  &.section-elements-spacing--md {
    --section-element-margin-top: var(--element-gap-md);
  }
  &.section-elements-spacing--lg {
    --section-element-margin-top: var(--element-gap-lg);
  }
}
@font-face {
  font-family: 'Booster Next FY Bold';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../assets/fonts/BoosterNextFY-Bold.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: "Iconly";
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/iconly.woff2') format('woff2');
}
[class="icon"], [class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  font-family: "Iconly" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.icon-xmark:before {
  content: "\e000";
}
.icon-square-phone:before {
  content: "\e001";
}
.icon-magnifying-glass:before {
  content: "\e002";
}
.icon-linkedin:before {
  content: "\e003";
}
.icon-envelope:before {
  content: "\e004";
}
.icon-chevron-up:before {
  content: "\e005";
}
.icon-chevron-right:before {
  content: "\e006";
}
.icon-chevron-left:before {
  content: "\e007";
}
.icon-chevron-down:before {
  content: "\e008";
}
.icon-at:before {
  content: "\e009";
}
.icon-arrow-right:before {
  content: "\e00a";
}
.icon-arrow-left:before {
  content: "\e00b";
}
.icon-check:before {
  content: "\e00c";
}
.icon-linkedin-in-brands-solid:before {
  content: "\e00d";
}
.icon-youtube-brands-solid:before {
  content: "\e00e";
}
.icon-plus-solid:before {
  content: "\e00f";
}
.icon-phone-volume-solid:before {
  content: "\e010";
}
section, #header_top_wrapper, #header_main_wrapper {
  --section-boxed-margin: var(--base-container-padding-sm);
  @media (width > 48rem) {
    --section-boxed-margin: max(env(safe-area-inset-left), 3rem);
  }
  @media (width > 64rem) {
    --section-boxed-margin: max(env(safe-area-inset-left), 3rem);
  }
  @media (width > 80rem) {
    --section-boxed-margin: max(env(safe-area-inset-left), 3rem);
  }
  @media (width > 96rem) {
    --section-boxed-margin: max(env(safe-area-inset-left), 3rem);
  }
  > .section-inner {
    margin-left: var(--section-boxed-margin);
    margin-right: var(--section-boxed-margin);
  }
  > .section-boxed {
    > .section-element-bg {
      margin-left: var(--section-boxed-margin);
      margin-right: var(--section-boxed-margin);
      width: calc(100% - (var(--section-boxed-margin) * 2));
    }
  }
  > .section-boxed-left {
    > .section-element-bg {
      margin-left: var(--section-boxed-margin);
      width: calc(100% - var(--section-boxed-margin));
    }
  }
  > .section-boxed-right {
    > .section-element-bg {
      margin-right: var(--section-boxed-margin);
      width: calc(100% - var(--section-boxed-margin));
    }
  }
}
.breadcrumbs {
  --typography-link-decoration-default: none;
  --typography-link-decoration-hover: underline;
  color: var(--element-color-fg-muted);
  > span {
    display: inline-flex;
    flex-direction: row;
    column-gap: var(--gap-xs);
    width: 100%;
    i {
      font-style: normal;
    }
    > span {
      flex-shrink: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      text-wrap: nowrap;
      min-width: 0;
      @media screen and (max-width: 678px) {
        &:not(.separator):not(:first-child):not(:last-child) {
          overflow: hidden;
          width: 2ch;
          > a {
            &::before {
              content: "...";
              display: inline-block;
              margin-right: 5px;
            }
          }
        }
      }
      @media screen and (max-width: 578px) {
        &:not(.separator):first-child:not(:last-child) {
          overflow: hidden;
          width: 2ch;
          > a {
            &::before {
              content: "... ";
              display: inline-block;
              margin-right: 5px;
            }
          }
        }
      }
    }
  }
  span > a {
    white-space: nowrap;
    color: var(--color-gray-500);
    font-weight: 700;
  }
  span > span.breadcrumb_last {
    flex-shrink: 1;
    color: var(--element-color-fg-muted);
  }
}
.section-page-header {
  .breadcrumbs {
    span > a {
      color: var(--element-color-nav-fg);
    }
  }
}
#footer {
  --element-color-socialmedia-item: var(--color-primary);
  --element-socialmedia-size: 1.25rem;
  --typography-link-font-weight: 400;
  a {
    &[href^="mailto:"] {
      font-weight: var(--typography-link-font-weight);
    }
  }
  .section-breadcrumbs {
    margin-bottom: 0;
  }
  .section-element-title {
    margin-bottom: 1rem;
    text-transform: uppercase;
  }
  .section-element-nav-list[data-nav-slug="socketmenu"] {
    .section-element-nav-list-item > a {
      padding: 0;
    }
  }
}
.initial-hidden {
  opacity: 1;
  transition: ease opacity 0.5s;
  transition-delay: .5s;
  @starting-style {
    opacity: 0;
  }
}
html body .gform_wrapper:is(.gform-theme, .gravity-theme) {
  row-gap: var(--element-gap-sm);
  a {
    color: var(--color-primary);
    font-weight: 700;
    text-decoration: underline;
  }
  .gform_fields {
    .gfield--type-fileupload {
      .gform_drop_area, .gpfup__droparea {
        background-color: transparent;
      }
    }
  }
}
.hamburger {
  --hamburger-color: var(--color-blue-400);
  --hamburger-width: 32px;
  --hamburger-height: 28px;
  --hamburger-bun-size: 3px;
  #header-menu-toggle:checked + #wrapper & {
    --hamburger-color: var(--color-blue-500);
  }
  .bun {
    &.top {
      border-top-right-radius: .25rem;
      border-top-left-radius: .25rem;
    }
    &.bottom {
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: .25rem;
    }
  }
}
#header {
  #header_top_wrapper {
    .header-top-inner {
      background-color: var(--element-color-light-bg);
      .shortcode-element-socials > span {
        flex-direction: row-reverse;
      }
      .nav-menu > .menu .menu-item > a span {
        --item-font-size: var(--text-theme-base);
        font-weight: bold;
      }
    }
    .nav-menu.nav-menu-top {
      --nav-menu-top-gap: var(--gap-sm);
    }
  }
  #header_main_wrapper {
    @media (width >= 93.75rem) and (width < 112.5rem) {
      .logo {
        font-size: 0.85em;
      }
    }
  }
}
.scrolled {
  #header {
    --header-box-shadow: var(--shadow-base);
    --header-transition: transform 150ms ease-in-out;
    .header-main-inner > div:first-child {
      @media (width >= 93.75rem) {
        padding-block: calc(var(--spacing) * 6);
      }
    }
  }
}
.horizontal-touch-scroll {
  &::before, &::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: calc(var(--overflow-slider-scroll-indicator-padding) * 2);
    width: 40px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  &::before {
    left: 0;
    background-image: linear-gradient(to right, var(--element-color-bg), transparent);
  }
  &::after {
    right: 0;
    background-image: linear-gradient(to left, var(--element-color-bg), transparent);
  }
  &[data-has-overflow-start="true"] {
    &::before {
      opacity: 1;
    }
  }
  &[data-has-overflow-end="true"] {
    &::after {
      opacity: 1;
    }
  }
  ~ .overflow-slider__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: calc(var(--overflow-slider-scroll-indicator-padding) * -1);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 20;
    .overflow-slider__arrows-button {
      --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);
      border-radius: 99px;
      background-color: var(--element-color-bg-alternate);
      color: var(--element-color-title);
      padding: 0.5rem;
      cursor: pointer;
      svg {
        display: none;
      }
      &::before {
        display: inline-block;
        font-family: "Iconly" !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        width: 1rem;
        font-size: 1rem;
      }
      &.overflow-slider__arrows-button--prev::before {
        content: "\e007";
      }
      &.overflow-slider__arrows-button--next::before {
        content: "\e006";
      }
    }
  }
}
.section-element-properties-map {
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
}
#main {
  z-index: 1;
}
.initial-hidden {
  display: none !important;
}
#header #nav_wrapper {
  > .nav-menu-wrapper {
    @media (width < 93.75rem) {
      --nav-menu-main-wrapper-bg: var(--element-color-light-bg);
      border-left: calc(var(--spacing) * 4) solid white;
      &:has(.nav-menu-main > .menu > .menu-item-has-children > .menu-open[type="radio"]:checked) {
        .nav-menu.nav-menu-main > .menu-title {
          z-index: 1;
        }
        .nav-menu.nav-menu-main-bottom {
          max-height: none;
          overflow: visible;
          opacity: 1;
        }
      }
    }
  }
  .nav-menu.nav-menu-main {
    --nav-menu-main-lvl0-menu-item-color: var(--color-primary-lighter);
    --nav-menu-main-lvl0-menu-item-color-hover: var(--color-primary);
    --nav-menu-main-lvl0-menu-item-color-active: var(--element-color-default-fg);
    --nav-menu-main-lvl0-menu-item-text-transform: uppercase;
    --nav-menu-main-sub-menu-menu-item-color: var(--element-color-default-nav-fg);
    --nav-menu-subnav-icon-size: .75rem;
    --nav-main-default-sub-menu-padding: 1rem 2rem;
    --nav-menu-main-sub-menu-menu-item-padding: .125rem 0;
    .menu-item[data-depth="0"] > a, .sub-menu-nav-container > .sub-menu-title {
      font-family: var(--font-heading);
    }
    > .menu .menu-item > a {
      align-items: flex-start;
      .subnav-toggle {
        line-height: 1.3;
        opacity: .75;
      }
    }
    @media (width < 93.75rem) {
      --nav-menu-main-prev-link-bg: white;
      --nav-menu-main-sub-menu-prev-link-color: var(--element-color-default-nav-fg-hover);
      --nav-menu-main-menu-title-font-size: 1.125rem;
      --nav-menu-main-menu-title-color: var(--element-color-default-nav-fg-hover);
      --nav-menu-main-gap: var(--gap-sm);
      --nav-menu-main-sub-menu-menu-item-padding: calc(var(--spacing) * 2) 0;
      display: flex;
      flex-direction: column;
      padding-right: 0;
      > .menu {
        flex-grow: 1;
        padding: calc(var(--spacing) * 6) calc(var(--spacing) * 4) calc(var(--spacing) * 6) 0;
        .submenu-prev-link {
          gap: var(--gap-xs);
          padding-left: 0 !important;
        }
        .sub-menu {
          li.menu-item {
            &:first-of-type {
              > a {
                padding-top: 0;
              }
            }
            &.highlight > a {
              > span {
                text-decoration-color: currentcolor;
                color: var(--color-body-fg);
                font-weight: var(--font-weight-bold);
                text-decoration: underline;
              }
            }
            &[data-depth='1'] {
              .subnav-toggle {
                opacity: .25;
              }
            }
          }
        }
      }
      > .menu-title {
        position: absolute;
        top: 0;
        z-index: 2;
        font-family: var(--font-heading);
      }
    }
    @media (width >= 93.75rem) {
      > .menu {
        --nav-menu-main-gap: 1.5rem;
        --element-color-default-nav-fg: var(--element-color-default-fg-muted);
        align-items: end;
        @media (width >= 112.5rem) {
          --nav-menu-main-gap: 2.5rem;
        }
        .menu-item {
          &:has(.current-menu-item) {
            --item-color: var(--element-color-default-fg) !important;
          }
          .current-menu-item {
            --item-color: var(--element-color-default-fg) !important;
            text-decoration: underline;
          }
        }
        > .menu-item:not(.has-mega-menu) {
          --nav-menu-sub-menu-offset-top: 40px;
          .sub-menu-container {
            --nav-menu-sub-menu-position-left: -2rem;
            --nav-menu-sub-menu-position-right: auto;
            border-radius: var(--radius-xs);
            --tw-shadow: 0px 0px 2px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.16)), 0px 16px 48px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.16));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
        .mega-menu {
          @layer base {
            .sub-menu-title {
              display: block !important;
              font-size: var(--text-h5);
              line-height: var(--tw-leading, var(--text-h5--line-height));
              letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
              font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
              color: var(--color-primary);
            }
          }
          .sub-menu {
            display: flex;
            flex-direction: column;
            li.menu-item {
              --item-color: var(--element-color-default-fg-muted);
              padding: .5rem 1rem;
              > a {
                position: relative;
                &:before {
                  content: "";
                  position: absolute;
                  height: calc(100% + 1rem);
                  width: calc(100% + 1rem);
                }
                > span {
                  text-decoration-line: underline;
                  text-decoration-color: transparent;
                }
              }
              &.highlight {
                order: 9999;
                > a > span {
                  text-decoration-color: currentcolor;
                  color: var(--color-body-fg);
                  font-weight: var(--font-weight-bold);
                  text-decoration: underline;
                }
              }
            }
          }
        }
        .menu-item.menu-item-has-children.has-mega-menu {
          --nav-menu-sub-menu-offset-top: 40px;
          --nav-main-mega-sub-menu-padding: 0 1rem;
          > a::before {
            content: "";
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 200px 50px 200px;
            border-color: transparent transparent transparent transparent;
            transform: rotate(0deg);
            position: absolute;
            left: 50%;
            bottom: -29px;
            top: auto;
            z-index: 999;
            transform: translateX(-50%);
          }
          .mega-menu {
            border-radius: var(--radius-xs);
            --tw-shadow: 0px 0px 2px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.16)), 0px 16px 48px 0px var(--tw-shadow-color, rgba(0, 40, 80, 0.16));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            min-height: 283px;
            width: var(--container-max-width);
            left: 0;
            > .sub-menu-nav-container {
              margin-inline: calc(var(--spacing) * 4);
              margin-block: calc(var(--spacing) * 8);
              &::-webkit-scrollbar {
                width: var(--styled-scrollbar-width, 5px);
                height: var(--styled-scrollbar-height, 5px);
              }
              &::-webkit-scrollbar-track {
                background-color: var(--styled-scrollbar-track-bg, transparent);
                border-radius: var(--styled-scrollbar-track-border-radius, 2px);
              }
              &::-webkit-scrollbar-thumb {
                background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
                border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
              }
              overflow: auto;
              border-right-style: var(--tw-border-style);
              border-right-width: 1px;
              border-color: color-mix(in srgb, #0b1826 10%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
              }
              width: calc(33%);
              .sub-menu {
                padding-top: 1rem;
              }
              .menu-item {
                transition: .2s;
                .sub-sub-menu-container {
                  position: absolute;
                  margin-block: calc(var(--spacing) * 8);
                  display: none;
                  border-right-style: var(--tw-border-style);
                  border-right-width: 1px;
                  border-color: color-mix(in srgb, #0b1826 10%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
                  }
                  min-width: calc(33%);
                  top: 0;
                  left: calc(33% + 1rem);
                  height: calc(100% - 4rem);
                  &.sub-sub-menu-container-lvl-2 {
                    margin-block: calc(var(--spacing) * 0);
                    margin-left: calc(var(--spacing) * 0);
                    border-right-style: var(--tw-border-style);
                    border-right-width: 0px;
                    min-width: 100%;
                    height: 100%;
                    position: absolute;
                    left: calc(100%);
                  }
                  .sub-menu-nav-container {
                    &::-webkit-scrollbar {
                      width: var(--styled-scrollbar-width, 5px);
                      height: var(--styled-scrollbar-height, 5px);
                    }
                    &::-webkit-scrollbar-track {
                      background-color: var(--styled-scrollbar-track-bg, transparent);
                      border-radius: var(--styled-scrollbar-track-border-radius, 2px);
                    }
                    &::-webkit-scrollbar-thumb {
                      background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
                      border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
                    }
                    padding-inline: calc(var(--spacing) * 4);
                    max-height: 100%;
                    overflow: auto;
                  }
                }
                > a {
                  width: 100%;
                  align-items: center;
                  transition: .2s;
                }
                &.active, &:not(.menu-item-has-children):hover {
                  > .sub-sub-menu-container {
                    display: block;
                  }
                  background-color: var(--color-gray-50);
                  > a {
                    span, &::after {
                      color: var(--color-primary);
                      text-decoration-color: var(--color-primary);
                      opacity: 1;
                    }
                  }
                }
                &.menu-item-has-children {
                  > a::after {
                    display: inline-block;
                    font-family: "Iconly" !important;
                    font-weight: 400;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    line-height: 1;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
                    text-decoration-line: none !important;
                    content: "\e00a";
                    font-size: .75rem;
                    color: var(--element-color-default-fg-muted);
                    opacity: .25;
                    transition: .2s;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media (width < 93.75rem) {
    .nav-menu-main-bottom .nav-menu {
      > .menu {
        --nav-menu-item-color: var(--element-color-default-nav-fg);
        --nav-menu-item-padding: 0.125rem 0;
        display: flex;
        flex-direction: column;
        gap: var(--gap-xxs);
      }
    }
  }
}
@media (width >= 93.75rem) {
  html.touchevents {
    #header #nav_wrapper {
      & .nav-menu.nav-menu-main {
        & > .menu {
          & .menu-item.menu-item-has-children.has-mega-menu {
            & .mega-menu {
              & > .sub-menu-nav-container {
                & .menu-item {
                  &.menu-item-has-children {
                    &::before {
                      content: "";
                      position: absolute;
                      height: 2rem;
                      left: 2rem;
                      z-index: 99;
                      pointer-events: none;
                      -webkit-touch-callout: none;
                      width: calc(1/3 * 100%);
                    }
                    > a {
                      pointer-events: none;
                      -webkit-user-select: none;
                    }
                    @layer base {
                      a.sub-menu-title {
                        display: flex !important;
                        gap: .5rem;
                        justify-content: space-between;
                        width: 100%;
                        align-items: center;
                        &::after {
                          display: inline-block;
                          font-family: "Iconly" !important;
                          font-weight: 400;
                          font-style: normal;
                          font-variant: normal;
                          text-rendering: auto;
                          line-height: 1;
                          -moz-osx-font-smoothing: grayscale;
                          -webkit-font-smoothing: antialiased;
                          padding-right: calc(var(--spacing) * 4);
                          color: var(--color-primary);
                          text-decoration-line: none !important;
                          content: "\e00a";
                          font-size: .75rem;
                          transition: .2s;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.abovo-pagination {
  gap: 0.25rem;
  .page-item {
    font-family: var(--font-heading);
    line-height: 1.5;
  }
}
.swiper {
  --swiper-navigation-border-radius: 100%;
  --swiper-navigation-color: var(--color-primary);
  --swiper-navigation-size: 2rem;
  --swiper-pagination-bullets-margin-top: 1rem;
  --swiper-pagination-bullet-size: 0.5rem;
  --swiper-pagination-bullet-active-magnification: 1;
  --swiper-pagination-bullet-border-color: var(--color-gray-400);
  --element-color-nav-fg: var(--color-gray-400);
  .swiper-controls {
    .swiper-navigation {
      .swiper-button-prev, .swiper-button-next {
        box-shadow: 0px 0px 2px 0px rgba(0, 40, 80, 0.16), 0px 4px 8px 0px rgba(0, 40, 80, 0.05);
      }
    }
  }
}
.section-element-employee-carousel {
  .swiper {
    .swiper-controls {
      .swiper-pagination {
        justify-content: center;
      }
    }
  }
}
.section-element-post-carousel {
  .swiper {
    --swiper-navigation-overlay-position-top: calc(50% - 1rem - 1.5rem);
  }
}
sections {
  > section {
    margin-bottom: var(--gap-xs);
    &.section-pt--xs {
      --section-padding-top: var(--element-section-rows-padding-y-xs);
    }
    &.section-pb--xs {
      --section-padding-bottom: var(--element-section-rows-padding-y-xs);
    }
  }
}
.section, .section-element {
  &:where([data-element-color]:not([data-element-color="none"])) {
    .section-inner {
      > .section-element-bg {
        z-index: -1;
        position: absolute;
        inset: 0;
      }
    }
  }
}
#footer {
  sections {
    > section {
      margin-bottom: var(--section-boxed-margin);
    }
  }
}
.section-element-accordions {
  gap: var(--gap-xs);
}
.section-element-employee {
  .section-element-image {
    box-shadow: 0px 0px 2px 0px rgba(0, 40, 80, 0.16), 0px 8px 24px 0px rgba(0, 40, 80, 0.12);
  }
}
.filter-inner {
  .search-filter-field--control-type-reset {
    > button {
      --element-button-font-size: var(--element-button-sizes-default-font-size);
      --element-button-font-weight: var(--element-button-sizes-default-font-weight);
      --element-button-font-family: var(--element-button-sizes-default-font-family);
      --element-button-text-transform: var(--element-button-sizes-default-text-transform);
      --element-button-letter-spacing: var(--element-button-sizes-default-letter-spacing);
      --element-button-line-height: var(--element-button-sizes-default-line-height);
      --element-button-gap-x: var(--element-button-sizes-default-gap-x);
      --element-button-gap-y: var(--element-button-sizes-default-gap-y);
      --element-button-py: var(--element-button-sizes-default-py);
      --element-button-px: var(--element-button-sizes-default-px);
      --element-button-border-width: var(--element-button-sizes-default-border-width);
      --element-button-border-radius: var(--element-button-sizes-default-border-radius);
      --element-button-icon-size: var(--element-button-sizes-default-icon-size);
      --element-button-color: inherit;
      --element-button-color-hover: inherit;
      --element-button-color-active: inherit;
      --element-button-border-color: inherit;
      --element-button-border-color-hover: inherit;
      --element-button-border-color-active: inherit;
      --element-button-background-color: inherit;
      --element-button-background-color-hover: inherit;
      --element-button-background-color-active: inherit;
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      font-size: var(--element-button-font-size);
      font-weight: var(--element-button-font-weight);
      font-family: var(--element-button-font-family, inherit);
      text-transform: var(--element-button-text-transform);
      letter-spacing: var(--element-button-letter-spacing);
      line-height: var(--element-button-line-height);
      column-gap: var(--element-button-gap-x);
      row-gap: var(--element-button-gap-y);
      padding: var(--element-button-py) var(--element-button-px);
      color: var(--element-button-color);
      border-width: var(--element-button-border-width);
      border-style: solid;
      border-color: var(--element-button-border-color);
      background-color: var(--element-button-background-color);
      border-radius: var(--element-button-border-radius);
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      cursor: pointer;
      .button__icon {
        > * {
          font-size: var(--element-button-icon-size);
          width: var(--element-button-icon-size);
          height: auto;
        }
      }
      @media (hover: hover) {
        &:hover {
          --element-button-color: var(--element-button-color-hover);
          --element-button-border-color: var(--element-button-border-color-hover);
          --element-button-background-color: var(--element-button-background-color-hover);
        }
      }
      &:active {
        --element-button-color: var(--element-button-color-active);
        --element-button-border-color: var(--element-button-border-color-active);
        --element-button-background-color: var(--element-button-background-color-active);
      }
      width: 100%;
      --element-button-outline-color: var(--element-button-colors-secondary-outline-color, var(--element-button-colors-secondary-color-outline));
      --element-button-outline-border-width: var(--element-button-colors-secondary-outline-border-width, var(--element-button-sizes-default-border-width));
      --element-button-outline-border-color: var(--element-button-colors-secondary-outline-border-color, var(--element-button-colors-secondary-border-color));
      --element-button-outline-background-color: var(--element-button-colors-secondary-outline-background-color, transparent);
      --element-button-outline-color-hover: var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color)));
      --element-button-outline-border-color-hover: var(--element-button-colors-secondary-outline-border-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-border-color-hover)));
      --element-button-outline-background-color-hover: var(--element-button-colors-secondary-outline-background-color-hover, var(--element-button-colors-secondary-color-outline, var(--element-button-colors-secondary-background-color-hover)));
      --element-button-outline-color-active: var(--element-button-colors-secondary-outline-color-active, var(--element-button-colors-secondary-color-outline-active, var(--element-button-colors-secondary-outline-color-hover, var(--element-button-colors-secondary-color-outline-hover, var(--element-button-colors-secondary-color-outline)))));
      --element-button-outline-border-color-active: var(--element-button-colors-secondary-outline-border-color-active, var(--element-button-colors-secondary-border-color-active));
      --element-button-outline-background-color-active: var(--element-button-colors-secondary-outline-background-color-active, var(--element-button-colors-secondary-background-color-active));
      &.button {
        --element-button-color: var(--element-button-outline-color);
        --element-button-border-width: var(--element-button-outline-border-width);
        --element-button-border-color: var(--element-button-outline-border-color);
        --element-button-background-color: var(--element-button-outline-background-color);
        @media (hover: hover) {
          &:hover {
            --element-button-color: var(--element-button-outline-color-hover);
            --element-button-border-color: var(--element-button-outline-border-color-hover);
            --element-button-background-color: var(--element-button-outline-background-color-hover);
          }
        }
        &:active {
          --element-button-color: var(--element-button-outline-color-active);
          --element-button-border-color: var(--element-button-outline-border-color-active);
          --element-button-background-color: var(--element-button-outline-background-color-active);
        }
      }
    }
  }
  .search-filter-style--choice-checkbox {
    --search-filter-input-active-icon-color: var(--element-forms-colors-inputs-radio-checkbox-accent-active) !important;
  }
  .search-filter-input-text, .search-filter-label {
    --focus-border-color: var(--element-forms-colors-inputs-focus-border-color);
    --focus-ring-color: var(--element-forms-colors-inputs-focus-ring-color);
    --focus-ring-style: var(--element-forms-colors-inputs-focus-ring-style);
    --focus-ring-width: var(--element-forms-general-focus-ring-width);
    --focus-ring-offset: var(--element-forms-general-focus-ring-offset);
    appearance: none;
    font-size: var(--element-forms-general-input-font-size);
    font-weight: var(--element-forms-general-input-font-weight);
    line-height: var(--element-forms-general-input-line-height);
    padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
    border-radius: var(--element-forms-general-input-border-radius);
    border-style: var(--element-forms-general-input-border-style);
    border-width: var(--element-forms-general-input-border-width);
    border-color: var(--element-forms-colors-inputs-border-color);
    color: var(--element-forms-colors-inputs-color);
    background-color: var(--element-forms-colors-inputs-background-color);
    block-size: var(--form-input-height, auto);
    &.chosen-container-active, &:focus {
      outline-offset: var(--focus-ring-offset);
      outline-style: solid;
      outline-width: var(--focus-ring-width);
      outline-color: var(--focus-ring-color);
      border-color: var(--focus-border-color);
    }
    &[disabled] {
      opacity: 0.75;
    }
    box-shadow: var(--element-forms-general-input-box-shadow);
    &:focus {
      background-color: var(--element-forms-colors-inputs-focus-background-color);
    }
    &[readonly], &[disabled] {
      pointer-events: none;
      box-shadow: none;
    }
    &::placeholder {
      color: var(--element-forms-colors-inputs-color);
      opacity: var(--placeholder-opacity);
    }
    &[aria-invalid="true"], &[aria-invalid="true"] + [class*="chosen-container"] {
      border-color: var(--element-forms-colors-inputs-required-border-color);
      --focus-border-color: var(--element-forms-colors-inputs-required-border-color);
      --focus-ring-color: var(--element-forms-colors-inputs-required-ring-color);
    }
    option {
      padding: var(--element-forms-general-option-padding-y) var(--element-forms-general-option-padding-x);
    }
    --element-forms-colors-inputs-border-color: color-mix(in srgb, #0b1826 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --element-forms-colors-inputs-border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;
    &:hover {
      background-color: white;
    }
    --search-filter-label-margin: 0;
  }
  .search-filter-input-text:focus-within, .search-filter-choice-dropdown-holder:focus-within .search-filter-label {
    outline-offset: var(--focus-ring-offset);
    outline-style: solid;
    outline-width: var(--focus-ring-width);
    outline-color: var(--focus-ring-color);
    border-color: var(--focus-border-color);
  }
  .search-filter-label {
    padding-right: 80px;
  }
  .search-filter-input-text {
    --search-filter-input-icon-color: var(--color-gray-700);
    --search-filter-scale-icon-padding: 0;
    --search-filter-scale-padding-vertical: 0;
    --search-filter-scale-padding-horizontal: 0;
    flex-direction: row-reverse;
    &:hover {
      --search-filter-input-border-hover-color: var(--element-forms-colors-inputs-border-color);
    }
    .search-filter-icon {
      opacity: 75%;
    }
  }
  .search-filter-choice-dropdown-holder {
    position: relative;
    &:has(.search-filter-input-group:empty) {
      display: none;
    }
    &:hover {
      .search-filter-label {
        background-color: white;
      }
    }
    .search-filter-choice-dropdown-reset, .search-filter-choice-dropdown-toggle {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      z-index: 1;
    }
    .search-filter-choice-dropdown-toggle {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 1rem;
      padding: var(--element-forms-general-input-padding-y) var(--element-forms-general-input-padding-x);
      &::after {
        display: inline-block;
        font-family: "Iconly" !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: var(--color-gray-700);
        opacity: 75%;
        content: "\e008";
      }
    }
    .search-filter-choice-dropdown-reset {
      display: none;
    }
    .search-filter-input-group {
      display: none;
      position: absolute;
      top: calc(100% + 0.5rem);
      z-index: 2;
      background-color: var(--color-white);
      padding: 1rem 1.25rem;
      border-radius: 0.25rem;
      box-shadow: 0px 0px 2px 0px rgba(0, 40, 80, 0.16), 0px 8px 24px 0px rgba(0, 40, 80, 0.12);
      overflow-y: auto;
      max-height: calc(80vh - var(--header-height));
      &::-webkit-scrollbar {
        width: var(--styled-scrollbar-width, 5px);
        height: var(--styled-scrollbar-height, 5px);
      }
      &::-webkit-scrollbar-track {
        background-color: var(--styled-scrollbar-track-bg, transparent);
        border-radius: var(--styled-scrollbar-track-border-radius, 2px);
      }
      &::-webkit-scrollbar-thumb {
        background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
        border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
      }
      .search-filter-input-group {
        overflow-y: visible;
        position: relative;
        max-height: none;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        width: calc(100% - (var(--search-filter-scale-base-unit-calc)*1.25 + var(--search-filter-scale-base-unit-calc-h)*.4));
      }
    }
    &:focus-within {
      .search-filter-input-group {
        display: block;
      }
      .search-filter-choice-dropdown-reset {
        display: block;
      }
    }
    .search-filter-input-checkbox__count {
      color: var(--element-color-fg-muted);
    }
  }
}
.section-element-image {
  &.avatar {
    background-color: white;
    border-radius: calc(infinity * 1px);
    box-shadow: 0px 0px 2px 0px rgba(0, 40, 80, 0.16), 0px 8px 24px 0px rgba(0, 40, 80, 0.12);
    margin: 0 auto;
    max-width: 7.5rem;
    padding: 0;
    overflow: hidden;
    > img {
      border-radius: calc(infinity* 1px);
    }
  }
  .image-caption {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: calc(var(--spacing) * 4);
    background-color: color-mix(in srgb, #0b1826 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    color: var(--color-gray-100);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 150%;
  }
}
.page .section-rows, .error404 .section-rows, .tax-solution_category .section-rows {
  > .section-boxed .section-row, > .section-boxed-left .section-row, > .section-boxed-right .section-row {
    > .section-element-col:first-child > .section-elements > .section-element-image:only-child {
      @media (width >= 66rem) {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: calc(var(--section-padding-bottom) * -1);
        left: 1rem;
        > img {
          height: 100%;
          width: 100%;
        }
      }
      @media (width >= 102rem) {
        left: calc(((var(--container-max-width) - 100vw) / 2) + var(--section-boxed-margin) + (var(--section-boxed-margin) - var(--container-padding)));
      }
    }
  }
  > .section-boxed .section-row, > .section-boxed-left .section-row, > .section-boxed-right .section-row {
    > .section-element-col:last-child > .section-elements > .section-element-image:only-child {
      @media (width >= 66rem) {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 1rem;
        bottom: calc(var(--section-padding-bottom) * -1);
        left: 0;
        > img {
          height: 100%;
          width: 100%;
        }
      }
      @media (width > 102rem) {
        right: calc(((var(--container-max-width) - 100vw) / 2) + var(--section-boxed-margin) + (var(--section-boxed-margin) - var(--container-padding)));
      }
    }
  }
}
.non-abso {
  position: relative !important;
  left: 0 !important;
  right: auto !important;
}
.section-element-logos-grid {
  .grid > .logo-grid-item:only-child {
    grid-column: 1 / -1;
  }
}
.section-element-post-item {
  .section-element-title {
    --element-color-title: var(--element-color-fg);
  }
}
@layer base {
  body::after {
    content: "< XS";
    display: none;
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    padding: .75em;
    background-color: black;
    color: white;
    font-size: .75rem;
    line-height: 1em;
    font-weight: 600;
    z-index: 99999;
    opacity: 0.8;
  }
  @media (min-width: 30rem) {
    body::after {
      content: "XS (>= 30rem)";
    }
  }
  @media (min-width: 40rem) {
    body::after {
      content: "SM (>= 40rem)";
    }
  }
  @media (min-width: 48rem) {
    body::after {
      content: "MD (>= 48rem)";
    }
  }
  @media (min-width: 64rem) {
    body::after {
      content: "LG (>= 64rem)";
    }
  }
  @media (min-width: 80rem) {
    body::after {
      content: "XL (>= 80rem)";
    }
  }
  @media (min-width: 93.75rem) {
    body::after {
      content: "NAVBREAKPOINT (>= 93.75rem)";
    }
  }
  @media (min-width: 96rem) {
    body::after {
      content: "2XL (>= 96rem)";
    }
  }
  @media (min-width: 112.5rem) {
    body::after {
      content: "NAV-SPACING (>= 112.5rem)";
    }
  }
  @media (min-width: 1216px) {
    body::after {
      content: "FILTER (>= 1216px)";
    }
  }
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes theme-ping {
  75%, 100% {
    transform: scale(1.75);
    opacity: 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

/* Coating Efficiency Scan */
html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme){max-width:72rem}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) form{padding:clamp(1.25rem,3vw,2.5rem);background:#fff;border:1px solid var(--color-light-darker);border-top:4px solid var(--color-primary);border-radius:.5rem;box-shadow:0 1rem 2.5rem #0f172a14}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gform_fields{column-gap:clamp(1rem,2.5vw,2rem);row-gap:1.25rem}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gfield--type-html{padding-bottom:.25rem}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gfield--type-html p:last-child{margin-bottom:0}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gsection{margin-top:.75rem;padding:1.5rem 0 .75rem;border-color:var(--color-light-darker)}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gsection .gsection_title{margin-bottom:.35rem;color:var(--color-primary-darker)}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gsection .gsection_description{max-width:48rem;color:var(--color-secondary-600)}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gfield_label{margin-bottom:.5rem;font-weight:700}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) input:is([type=text],[type=email],[type=number]){width:100%;min-height:3.25rem;background-color:var(--color-light-lighter);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) input:is([type=text],[type=email],[type=number]):focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #447dad2e}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gfield_description{margin-top:.45rem;color:var(--color-secondary-600);line-height:1.45}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gfield--type-consent{padding:1rem;background:var(--color-light-lighter);border:1px solid var(--color-light-darker);border-radius:.375rem}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gform_footer{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--color-light-darker)}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gform_footer :is(input,button)[type=submit]{min-width:13rem}@media(max-width:640px){html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) form{padding:1.25rem}html body .gform_wrapper.coating-efficiency-scan_wrapper:is(.gform-theme,.gravity-theme) .gform_footer :is(input,button)[type=submit]{width:100%;min-width:0}}