/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Roboto, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --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-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --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-100: oklch(96.2% 0.044 156.743);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --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: oklch(97% 0.014 254.604);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --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-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --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-slate-800);
    --color-body-bg: white;
    --color-primary-100: rgba(249, 211, 211, 1);
    --color-primary-400: rgba(222, 91, 91, 1);
    --color-primary-500: rgba(183, 51, 51, 1);
    --color-primary-600: rgba(155, 43, 43, 1);
    --color-primary: var(--color-primary-500);
    --color-secondary-400: rgba(18, 109, 237, 1);
    --color-secondary-500: rgba(0, 69, 149, 1);
    --color-secondary-600: rgba(0, 60, 131, 1);
    --color-secondary-700: rgba(0, 49, 108, 1);
    --color-secondary-900: rgba(0, 28, 63, 1);
    --color-secondary-lighter: var(--color-secondary-400);
    --color-secondary: var(--color-secondary-500);
    --color-secondary-darker: var(--color-secondary-600);
    --color-light-lighter: var(--color-slate-50);
    --color-light: var(--color-slate-100);
    --color-light-darker: var(--color-slate-200);
    --color-dark-lighter: var(--color-slate-700);
    --color-dark: var(--color-slate-800);
    --color-dark-darker: var(--color-slate-900);
    --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-600);
    --color-warning-fg-on-bg: var(--color-yellow-700);
    --color-warning-bg: var(--color-yellow-50);
    --color-warning-border: var(--color-yellow-500);
    --color-warning-border-on-bg: var(--color-yellow-500);
    --color-warning-fg-dark: var(--color-yellow-800);
    --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-800);
    --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-blue-500);
    --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, oklch(92.8% 0.006 264.531) 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-700);
    --color-neutral-bg-dark: color-mix(in srgb, oklch(92.8% 0.006 264.531) 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-4\/3: 4 / 3;
    --aspect-5\/4: 5 / 4;
    --aspect-16\/9: 16 / 9;
    --aspect-21\/9: 21 / 9;
    --aspect-3\/4: 3 / 4;
    --font-heading: Roboto, sans-serif;
    --font-heading-alternative: Anybody, Roboto, sans-serif;
    --font-subheading: Roboto, sans-serif;
    --font-subheading-alternative: Anybody, Roboto, sans-serif;
    --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.75;
    --text-theme-base--letter-spacing: 0em;
    --text-theme-base--font-weight: 400;
    --text-theme-lg: 1.125rem;
    --text-theme-lg--line-height: 1.75;
    --text-theme-lg--letter-spacing: 0em;
    --text-theme-lg--font-weight: 400;
    --text-theme-lead: 1.125rem;
    --text-theme-lead--line-height: 1.75;
    --text-theme-lead--letter-spacing: 0em;
    --text-theme-lead--font-weight: 600;
    --text-h1: clamp(2rem, 7.1vw, 2.5rem);
    --text-h1--line-height: 1.25;
    --text-h1--letter-spacing: 0em;
    --text-h1--font-weight: 600;
    --text-h2: clamp(1.5rem, 5.3vw, 2rem);
    --text-h2--line-height: 1.25;
    --text-h2--letter-spacing: 0em;
    --text-h2--font-weight: 600;
    --text-h3: clamp(1.25rem, 4.4vw, 1.5rem);
    --text-h3--line-height: 1.25;
    --text-h3--letter-spacing: 0em;
    --text-h3--font-weight: 600;
    --text-h4: clamp(1.125rem, 4vw, 1.25rem);
    --text-h4--line-height: 1.25;
    --text-h4--letter-spacing: 0em;
    --text-h4--font-weight: 600;
    --text-h5: clamp(1rem, 3.8vw, 1.125rem);
    --text-h5--line-height: 1.5;
    --text-h5--letter-spacing: 0em;
    --text-h5--font-weight: 600;
    --text-h6: 1rem;
    --text-h6--line-height: 1.5;
    --text-h6--letter-spacing: 0em;
    --text-h6--font-weight: 600;
    --text-h1-subtitle: clamp(1.25rem, 3.8vw, 1.5rem);
    --text-h1-subtitle--line-height: 1.25;
    --text-h1-subtitle--letter-spacing: 0em;
    --text-h1-subtitle--font-weight: 400;
    --text-h2-subtitle: clamp(1.125rem, 3.4vw, 1.25rem);
    --text-h2-subtitle--line-height: 1.25;
    --text-h2-subtitle--letter-spacing: 0em;
    --text-h2-subtitle--font-weight: 400;
    --text-h3-subtitle: clamp(1rem, 3.1vw, 1.125rem);
    --text-h3-subtitle--line-height: 1.25;
    --text-h3-subtitle--letter-spacing: 0em;
    --text-h3-subtitle--font-weight: 400;
    --text-h4-subtitle: clamp(0.875rem, 2.7vw, 1rem);
    --text-h4-subtitle--line-height: 1.25;
    --text-h4-subtitle--letter-spacing: 0em;
    --text-h4-subtitle--font-weight: 400;
    --text-h5-subtitle: 0.875rem;
    --text-h5-subtitle--line-height: 1.25;
    --text-h5-subtitle--letter-spacing: 0em;
    --text-h5-subtitle--font-weight: 400;
    --text-h6-subtitle: 0.875rem;
    --text-h6-subtitle--line-height: 1.25;
    --text-h6-subtitle--letter-spacing: 0em;
    --text-h6-subtitle--font-weight: 400;
    --text-d1: clamp(2rem, 4.5vw, 3.5rem);
    --text-d1--line-height: 1.25;
    --text-d1--letter-spacing: 0em;
    --text-d1--font-weight: 700;
    --text-d2: clamp(1.75rem, 6.2vw, 2.75rem);
    --text-d2--line-height: 1.25;
    --text-d2--letter-spacing: 0em;
    --text-d2--font-weight: 700;
    --text-d3: clamp(1.5rem, 5.3vw, 2rem);
    --text-d3--line-height: 1.25;
    --text-d3--letter-spacing: 0em;
    --text-d3--font-weight: 700;
    --text-d4: clamp(1.25rem, 4.4vw, 1.5rem);
    --text-d4--line-height: 1.25;
    --text-d4--letter-spacing: 0em;
    --text-d4--font-weight: 700;
    --text-d1-subtitle: clamp(1.5rem, 6vw, 2rem);
    --text-d1-subtitle--line-height: 1.25;
    --text-d1-subtitle--letter-spacing: 0em;
    --text-d1-subtitle--font-weight: 300;
    --text-d2-subtitle: clamp(1.25rem, 5.5vw, 1.75rem);
    --text-d2-subtitle--line-height: 1.25;
    --text-d2-subtitle--letter-spacing: 0em;
    --text-d2-subtitle--font-weight: 300;
    --text-d3-subtitle: clamp(1.125rem, 5vw, 1.5rem);
    --text-d3-subtitle--line-height: 1.25;
    --text-d3-subtitle--letter-spacing: 0em;
    --text-d3-subtitle--font-weight: 300;
    --text-d4-subtitle: clamp(1rem, 4.5vw, 1.25rem);
    --text-d4-subtitle--line-height: 1.25;
    --text-d4-subtitle--letter-spacing: 0em;
    --text-d4-subtitle--font-weight: 300;
    --radius-theme-lg: clamp(var(--radius-lg), 2vw, var(--radius-2xl));
    --color-body-fg-darker: var(--color-slate-900);
    --color-body-fg-muted: var(--color-gray-500);
    --text-theme-xl: 1.25rem;
    --text-theme-xl--line-height: 1.75;
    --text-theme-xl--letter-spacing: 0em;
    --text-theme-xl--font-weight: 400;
  }
}
@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\/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-item {
    container-type: inline-size;
    container-name: post-item;
  }
  .\@container\/posts-grid {
    container-type: inline-size;
    container-name: posts-grid;
  }
  .\@container\/protected-content {
    container-type: inline-size;
    container-name: protected-content;
  }
  .\@container\/swiper {
    container-type: inline-size;
    container-name: swiper;
  }
  .\@container\/tabs {
    container-type: inline-size;
    container-name: tabs;
  }
  .\@container\/testimonial {
    container-type: inline-size;
    container-name: testimonial;
  }
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .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 !important;
  }
  .\!static {
    position: static !important;
  }
  .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);
  }
  .top-full {
    top: 100%;
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .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);
  }
  .isolate {
    isolation: isolate;
  }
  .z-5 {
    z-index: 5;
  }
  .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-\[1\] {
    z-index: 1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .container {
    width: 100%;
    @media (width >= 25rem) {
      max-width: 25rem;
    }
    @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 >= 74rem) {
      max-width: 74rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .\!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-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .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-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-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);
    }
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .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\/4 {
    aspect-ratio: var(--aspect-3\/4);
  }
  .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);
  }
  .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-\[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-auto {
    height: auto !important;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-full {
    height: 100%;
  }
  .max-h-18 {
    max-height: calc(var(--spacing) * 18);
  }
  .max-h-full {
    max-height: 100%;
  }
  .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-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-\[9rem\] {
    width: 9rem;
  }
  .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-xs {
    width: var(--container-xs);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-\[200px\] {
    flex-basis: 200px;
  }
  .basis-\[400px\] {
    flex-basis: 400px;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .-translate-y-\[500px\] {
    --tw-translate-y: calc(500px * -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);
  }
  .-rotate-30 {
    rotate: calc(30deg * -1);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .button {
    &:focus, &:hover {
      &.button-icon--left .button__icon {
        transform: translateX(-5px);
      }
      &.button-icon--right .button__icon {
        transform: translateX(5px);
      }
    }
    .button__icon {
      line-height: 1;
      transition: transform 200ms ease-in-out;
    }
  }
  .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);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .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-evenly {
    justify-content: space-evenly;
  }
  .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-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .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);
  }
  .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-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .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);
    }
  }
  .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;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: 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 {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .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);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-theme-lg {
    border-radius: var(--radius-theme-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\!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-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-\(--element-color-border\) {
    border-color: var(--element-color-border);
  }
  .border-\(--element-forms-colors-default-inputs-border-color\) {
    border-color: var(--element-forms-colors-default-inputs-border-color);
  }
  .border-\[\#00000015\] {
    border-color: #00000015;
  }
  .border-\[var\(--element-color-border\)\] {
    border-color: var(--element-color-border);
  }
  .border-\[var\(--element-color-nav-tab-border\)\] {
    border-color: var(--element-color-nav-tab-border);
  }
  .border-secondary-lighter {
    border-color: var(--color-secondary-lighter);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\(--element-color-intensity-bar-bg\) {
    background-color: var(--element-color-intensity-bar-bg);
  }
  .bg-\(--element-color-intensity-bar-inner-bg\) {
    background-color: var(--element-color-intensity-bar-inner-bg);
  }
  .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-skiplink-main-nav-bg\,_var\(--element-button-colors-primary-background-color\)\)\] {
    background-color: var(--element-skiplink-main-nav-bg, var(--element-button-colors-primary-background-color));
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-body-bg {
    background-color: var(--color-body-bg);
  }
  .bg-light {
    background-color: var(--color-light);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 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, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-green-300 {
    --tw-gradient-from: var(--color-green-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-orange-300 {
    --tw-gradient-via: var(--color-orange-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-yellow-300 {
    --tw-gradient-via: var(--color-yellow-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-red-300 {
    --tw-gradient-to: var(--color-red-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .fill-current {
    fill: currentcolor;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .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);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .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-\[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-\[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-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .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-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .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-\[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;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\(--element-color-accent\) {
    color: var(--element-color-accent);
  }
  .text-\(--element-color-fg\) {
    color: var(--element-color-fg);
  }
  .text-\(--element-color-fg-muted\) {
    color: var(--element-color-fg-muted);
  }
  .text-\[\#374151\] {
    color: #374151;
  }
  .text-\[\#FFC63E\] {
    color: #FFC63E;
  }
  .text-\[var\(--element-color-accent\)\] {
    color: var(--element-color-accent);
  }
  .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-\[var\(--element-skiplink-main-nav-fg\,_var\(--element-button-colors-primary-color\)\)\] {
    color: var(--element-skiplink-main-nav-fg, var(--element-button-colors-primary-color));
  }
  .text-black\/70 {
    color: color-mix(in srgb, #000 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, #000 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-primary {
    color: var(--color-primary);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.10\)\,_0_1px_2px_-1px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.10)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-theme-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.10)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-sm {
    --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, rgb(0 0 0 / 0.05));
    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-0 {
    transition-delay: 0ms;
  }
  .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-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .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-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .icon-arrow-right {
    content: "\e001";
  }
  .icon-search {
    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))));
      }
    }
  }
  .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))));
      }
    }
  }
  .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))));
      }
    }
  }
  .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))));
      }
    }
  }
  .button-tertiary-link {
    --element-button-link-color: var(--element-button-colors-tertiary-link-color, var(--element-button-colors-tertiary-outline-color, var(--element-color-accent)));
    --element-button-link-color-hover: var(--element-button-colors-tertiary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)));
    --element-button-link-color-active: var(--element-button-colors-tertiary-link-color-active, var(--element-button-colors-link-color-active, var(--element-button-colors-tertiary-link-color-hover, var(--element-button-colors-link-color-hover, var(--element-color-accent-alternate)))));
    --element-button-link-border-color: var(--element-button-colors-tertiary-link-border-color, var(--element-button-colors-link-border-color, transparent));
    --element-button-link-background-color: var(--element-button-colors-tertiary-link-background-color, var(--element-button-colors-link-background-color, transparent));
    --element-button-link-px: var(--element-button-colors-tertiary-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))));
      }
    }
  }
  .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-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-tertiary-outline {
    --element-button-color: var(--element-button-colors-tertiary-outline-color, var(--element-button-colors-tertiary-color-outline));
    --element-button-border-width: var(--element-button-colors-tertiary-outline-border-width, var(--element-button-sizes-default-border-width));
    --element-button-border-color: var(--element-button-colors-tertiary-outline-border-color, var(--element-button-colors-tertiary-border-color));
    --element-button-background-color: var(--element-button-colors-tertiary-outline-background-color, transparent);
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-tertiary-outline-color-hover, var(--element-button-colors-tertiary-color-outline-hover, var(--element-button-colors-tertiary-color)));
        --element-button-border-color: var(--element-button-colors-tertiary-outline-color-hover, var(--element-button-colors-tertiary-color-outline, var(--element-button-colors-tertiary-border-color-hover)));
        --element-button-background-color: var(--element-button-colors-tertiary-outline-background-color-hover, var(--element-button-colors-tertiary-color-outline, var(--element-button-colors-tertiary-background-color-hover)));
      }
    }
    &:active {
      --element-button-color: var(--element-button-colors-tertiary-outline-color-active, var(--element-button-colors-tertiary-color-outline-active, var(--element-button-colors-tertiary-outline-color-hover, var(--element-button-colors-tertiary-color-outline-hover, var(--element-button-colors-tertiary-color-outline)))));
      --element-button-border-color: var(--element-button-colors-tertiary-outline-border-color-active, var(--element-button-colors-tertiary-border-color-active));
      --element-button-background-color: var(--element-button-colors-tertiary-outline-background-color-active, var(--element-button-colors-tertiary-background-color-active));
    }
  }
  .button-tertiary {
    --element-button-color: var(--element-button-colors-tertiary-color);
    --element-button-border-color: var(--element-button-colors-tertiary-border-color);
    --element-button-background-color: var(--element-button-colors-tertiary-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-tertiary-color-hover, var(--element-button-colors-tertiary-color));
        --element-button-border-color: var(--element-button-colors-tertiary-border-color-hover);
        --element-button-background-color: var(--element-button-colors-tertiary-background-color-hover);
      }
    }
    &:active {
      --element-button-color: var(--element-button-colors-tertiary-color-active, var(--element-button-colors-tertiary-color-hover, var(--element-button-colors-tertiary-color)));
      --element-button-border-color: var(--element-button-colors-tertiary-border-color-active);
      --element-button-background-color: var(--element-button-colors-tertiary-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))));
      }
    }
  }
  .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))));
      }
    }
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--banner-padding-bottom\:clamp\(1rem\,3vw\,2rem\)\] {
    --banner-padding-bottom: clamp(1rem, 3vw, 2rem);
  }
  .\[--banner-padding-top\:clamp\(6rem\,18vw\,13rem\)\] {
    --banner-padding-top: clamp(6rem, 18vw, 13rem);
  }
  .\[--element-image-border-radius\:var\(--element-logos-border-radius\,0px\)\] {
    --element-image-border-radius: var(--element-logos-border-radius,0px);
  }
  .\[grid-area\:tabcontent\] {
    grid-area: tabcontent;
  }
  .\[grid-template-areas\:\'tabcontent\'\] {
    grid-template-areas: 'tabcontent';
  }
  .\*\: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);
    }
  }
  .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\:pointer-events-auto {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\:mt-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-top: calc(var(--spacing) * 6);
      }
    }
  }
  .group-hover\:scale-102 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 102%;
        --tw-scale-y: 102%;
        --tw-scale-z: 102%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .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\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:shadow-md {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:delay-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transition-delay: 200ms;
      }
    }
  }
  .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,);
    }
  }
  .focus-within\:pointer-events-auto {
    &:focus-within {
      pointer-events: auto;
    }
  }
  .focus-within\:mt-6 {
    &:focus-within {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .focus-within\:delay-200 {
    &:focus-within {
      transition-delay: 200ms;
    }
  }
  .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\:border-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-secondary);
      }
    }
  }
  .hover\:bg-\(--element-color-bg-alternate\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-bg-alternate);
      }
    }
  }
  .hover\:bg-\[var\(--element-color-nav-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-nav-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\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:translate-y-0 {
    &:focus {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .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\: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\: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-navbreakpoint\:absolute {
    @media (width < 74rem) {
      position: absolute;
    }
  }
  .max-navbreakpoint\:fixed {
    @media (width < 74rem) {
      position: fixed;
    }
  }
  .max-navbreakpoint\:relative {
    @media (width < 74rem) {
      position: relative;
    }
  }
  .max-navbreakpoint\:inset-0 {
    @media (width < 74rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:top-0 {
    @media (width < 74rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:right-0 {
    @media (width < 74rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:-z-10 {
    @media (width < 74rem) {
      z-index: calc(10 * -1);
    }
  }
  .max-navbreakpoint\:z-30 {
    @media (width < 74rem) {
      z-index: 30;
    }
  }
  .max-navbreakpoint\:ml-auto {
    @media (width < 74rem) {
      margin-left: auto;
    }
  }
  .max-navbreakpoint\:flex {
    @media (width < 74rem) {
      display: flex;
    }
  }
  .max-navbreakpoint\:styled-scrollbar {
    @media (width < 74rem) {
      &::-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 < 74rem) {
      height: 100%;
    }
  }
  .max-navbreakpoint\:h-screen {
    @media (width < 74rem) {
      height: 100vh;
    }
  }
  .max-navbreakpoint\:h-svh {
    @media (width < 74rem) {
      height: 100svh;
    }
  }
  .max-navbreakpoint\:max-w-sm {
    @media (width < 74rem) {
      max-width: var(--container-sm);
    }
  }
  .max-navbreakpoint\:translate-x-full {
    @media (width < 74rem) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-navbreakpoint\:flex-col {
    @media (width < 74rem) {
      flex-direction: column;
    }
  }
  .max-navbreakpoint\:flex-col-reverse {
    @media (width < 74rem) {
      flex-direction: column-reverse;
    }
  }
  .max-navbreakpoint\:justify-end {
    @media (width < 74rem) {
      justify-content: flex-end;
    }
  }
  .max-navbreakpoint\:overflow-x-hidden {
    @media (width < 74rem) {
      overflow-x: hidden;
    }
  }
  .max-navbreakpoint\:overflow-y-auto {
    @media (width < 74rem) {
      overflow-y: auto;
    }
  }
  .max-navbreakpoint\:bg-gray-900\/30 {
    @media (width < 74rem) {
      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 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 < 74rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-navbreakpoint\:transition-transform {
    @media (width < 74rem) {
      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 < 74rem) {
      --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\:gap-4 {
    @media (width < 30rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-xs\:text-xs {
    @media (width < 30rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .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\:inline {
    @media (width >= 30rem) {
      display: inline;
    }
  }
  .xs\:inline-block {
    @media (width >= 30rem) {
      display: inline-block;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-8 {
    @media (width >= 40rem) {
      grid-column: span 8 / span 8;
    }
  }
  .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\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:gap-x-10 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .navbreakpoint\:col-span-3 {
    @media (width >= 74rem) {
      grid-column: span 3 / span 3;
    }
  }
  .navbreakpoint\:col-span-9 {
    @media (width >= 74rem) {
      grid-column: span 9 / span 9;
    }
  }
  .navbreakpoint\:flex {
    @media (width >= 74rem) {
      display: flex;
    }
  }
  .navbreakpoint\:hidden {
    @media (width >= 74rem) {
      display: none;
    }
  }
  .navbreakpoint\:inline-block {
    @media (width >= 74rem) {
      display: inline-block;
    }
  }
  .navbreakpoint\:w-\[15rem\] {
    @media (width >= 74rem) {
      width: 15rem;
    }
  }
  .navbreakpoint\:flex-col {
    @media (width >= 74rem) {
      flex-direction: column;
    }
  }
  .navbreakpoint\:items-center {
    @media (width >= 74rem) {
      align-items: center;
    }
  }
  .navbreakpoint\:items-end {
    @media (width >= 74rem) {
      align-items: flex-end;
    }
  }
  .navbreakpoint\:text-xl {
    @media (width >= 74rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .\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\/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\/gallery-grid\:grid-cols-3 {
    @container gallery-grid (width >= 28rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@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;
    }
  }
  .\@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-row {
    @container tabs (width >= 36rem) {
      flex-direction: row;
    }
  }
  .\@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\/posts-grid\:\!grid {
    @container posts-grid (width >= 48rem) {
      display: grid !important;
    }
  }
  .\@3xl\/posts-grid\:\!transform-none {
    @container posts-grid (width >= 48rem) {
      transform: none !important;
    }
  }
  .\@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\/posts-grid\:grid-cols-3 {
    @container posts-grid (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@3xl\:grid-cols-2 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@3xl\/posts-grid\:\!gap-4 {
    @container posts-grid (width >= 48rem) {
      gap: calc(var(--spacing) * 4) !important;
    }
  }
  .\@3xl\/posts-grid\:overflow-hidden {
    @container posts-grid (width >= 48rem) {
      overflow: hidden;
    }
  }
  .\@3xl\/posts-grid\:after\:\!hidden {
    @container posts-grid (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        display: none !important;
      }
    }
  }
  .\@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\/posts-grid\:\!gap-8 {
    @container posts-grid (width >= 56rem) {
      gap: calc(var(--spacing) * 8) !important;
    }
  }
  .\@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\/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));
    }
  }
  .mobile-nav-menu-main-open\:fixed {
    @media (width < 74rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        position: fixed;
      }
    }
  }
  .mobile-nav-menu-main-open\:top-4 {
    @media (width < 74rem) {
      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 < 74rem) {
      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 < 74rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        z-index: 40;
      }
    }
  }
  .mobile-nav-menu-main-open\:translate-x-0 {
    @media (width < 74rem) {
      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);
      }
    }
  }
  .\[\&_a\]\:hidden {
    & a {
      display: none;
    }
  }
  .\[\&_span\]\:text-\(--element-color-accent\) {
    & span {
      color: var(--element-color-accent);
    }
  }
  .\[\&_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)));
    }
  }
  .\[\&\.current-day\]\:bg-secondary {
    &.current-day {
      background-color: var(--color-secondary);
    }
  }
  .\[\&\.current-day\]\:text-white {
    &.current-day {
      color: var(--color-white);
    }
  }
  .\[\&\: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\)\]\:xs\:\!mx-0 {
    &:not(.swiper-initialized) {
      @media (width >= 30rem) {
        margin-inline: calc(var(--spacing) * 0) !important;
      }
    }
  }
  .\[\&\:not\(\.swiper-initialized\)_\.swiper-slide\]\:border-r-\[16px\] {
    &:not(.swiper-initialized) .swiper-slide {
      border-right-style: var(--tw-border-style);
      border-right-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)_\.swiper-slide\]\:border-l-\[16px\] {
    &:not(.swiper-initialized) .swiper-slide {
      border-left-style: var(--tw-border-style);
      border-left-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)_\.swiper-slide\]\:border-transparent {
    &:not(.swiper-initialized) .swiper-slide {
      border-color: transparent;
    }
  }
  .\[\&\: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\/swiper\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container swiper (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\/swiper\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container swiper (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\/swiper\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container swiper (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-button-next\]\:hidden {
    &:not(.swiper-initialized)>.swiper-button-next {
      display: none;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-button-prev\]\:hidden {
    &:not(.swiper-initialized)>.swiper-button-prev {
      display: none;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:flex {
    &:not(.swiper-initialized)>.swiper-wrapper {
      display: flex;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:gap-x-8 {
    &:not(.swiper-initialized)>.swiper-wrapper {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:overflow-hidden {
    &:not(.swiper-initialized)>.swiper-wrapper {
      overflow: hidden;
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:border-t {
    :is(& > *) {
      &:not(:first-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
      }
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:border-t-\(--element-color-border\) {
    :is(& > *) {
      &:not(:first-child) {
        border-top-color: var(--element-color-border);
      }
    }
  }
  .\*\:\[\&\:not\(\:first-child\)\]\:pt-\[var\(--element-section-rows-gap-y-default\)\] {
    :is(& > *) {
      &:not(:first-child) {
        padding-top: var(--element-section-rows-gap-y-default);
      }
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-t {
    @media (width < 74rem) {
      &: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 < 74rem) {
      &:not(:only-child) {
        border-color: var(--element-color-border);
      }
    }
  }
  .\@3xl\/posts-grid\:\[\&\>\.swiper-slide\]\:\!m-0 {
    @container posts-grid (width >= 48rem) {
      &>.swiper-slide {
        margin: calc(var(--spacing) * 0) !important;
      }
    }
  }
  .\@3xl\/posts-grid\:\[\&\>\.swiper-slide\]\:\!w-auto {
    @container posts-grid (width >= 48rem) {
      &>.swiper-slide {
        width: auto !important;
      }
    }
  }
  .\[\&\>a\]\:text-\(--element-color-accent\) {
    &>a {
      color: var(--element-color-accent);
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
}
: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-color-default-bg: white;
  --element-color-default-bg-alternate: var(--color-gray-50);
  --element-color-default-fg: var(--color-body-fg);
  --element-color-default-fg-darker: var(--color-body-fg-darker);
  --element-color-default-fg-muted: var(--color-body-fg-muted);
  --element-color-default-accent: var(--color-primary);
  --element-color-default-accent-alternate: var(--color-secondary);
  --element-color-default-title: var(--element-color-default-fg-darker);
  --element-color-default-title-alternate: var(--color-secondary);
  --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(--color-secondary);
  --element-color-default-nav-fg-active: var(--color-primary);
  --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: var(--color-light);
  --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-default-intensity-bar-bg: white;
  --element-color-default-intensity-bar-inner-bg: var(--color-light);
  --element-color-primary-bg: var(--color-primary-100);
  --element-color-primary-bg-alternate: rgba(255, 255, 255, .2);
  --element-color-primary-fg: var(--color-body-fg);
  --element-color-primary-fg-darker: var(--color-body-fg-darker);
  --element-color-primary-fg-muted: var(--color-body-fg-muted);
  --element-color-primary-accent: var(--color-primary);
  --element-color-primary-accent-alternate: var(--color-secondary-lighter);
  --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(--color-secondary);
  --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-primary-intensity-bar-bg: white;
  --element-color-primary-intensity-bar-inner-bg: var(--color-light);
  --element-color-light-bg: var(--color-light);
  --element-color-light-bg-alternate: var(--color-light-darker);
  --element-color-light-fg: var(--color-body-fg);
  --element-color-light-fg-darker: var(--color-body-fg-darker);
  --element-color-light-fg-muted: var(--color-body-fg-muted);
  --element-color-light-accent: var(--color-primary);
  --element-color-light-accent-alternate: var(--color-secondary);
  --element-color-light-title: var(--element-color-light-fg-darker);
  --element-color-light-title-alternate: var(--color-secondary);
  --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(--color-secondary);
  --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-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: 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-default-bg);
  --element-color-light-nav-pagination-bg-hover: var(--element-color-default-bg-alternate);
  --element-color-light-nav-pagination-bg-active: var(--color-gray-100);
  --element-color-light-intensity-bar-bg: white;
  --element-color-light-intensity-bar-inner-bg: var(--color-light);
  --element-color-dark-bg: var(--color-secondary-500);
  --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-body-fg-darker);
  --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-dark-intensity-bar-bg: var(--color-secondary-700);
  --element-color-dark-intensity-bar-inner-bg: var(--color-secondary-900);
  --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);
  --element-color-video-image-intensity-bar-bg: var(--color-blue-700);
  --element-color-video-image-intensity-bar-inner-bg: var(--color-blue-900);
  &, [data-element-color="default"] {
    --element-color-intensity-bar-bg: var(--element-color-default-intensity-bar-bg);
    --element-color-intensity-bar-inner-bg: var(--element-color-default-intensity-bar-inner-bg);
  }
  [data-element-color="dark"], [data-element-color="image"], [data-element-color="video"] {
    --element-button-colors-link-color: var(--element-color-video-image-accent);
    --element-color-intensity-bar-bg: var(--element-color-dark-intensity-bar-bg);
    --element-color-intensity-bar-inner-bg: var(--element-color-dark-intensity-bar-inner-bg);
  }
}
:root, .preview-shadow-root {
  --hamburger-width: 2.5rem;
  --hamburger-height: 2.5rem;
  --hamburger-padding: 0.5rem;
  --hamburger-align-items: flex-end;
  --hamburger-justify-content: center;
  --hamburger-gap: 0.35rem;
  --hamburger-color: var(--element-color-default-nav-fg);
  --hamburger-color-hover: var(--element-color-default-nav-fg-hover);
  --hamburger-color-active: var(--element-color-default-nav-fg);
  --hamburger-bun-size: 0.125rem;
  --hamburger-bun-border-radius: 0.25rem;
  --hamburger-middle-bun-width: 75%;
  --header-box-shadow-scrolled: none;
  --header-transition: top 150ms ease-in-out, transform 150ms ease-in-out, height 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  --header-top-bg: var(--color-light);
  --header-main-bg: transparent;
  --header-main-bg-scrolled: transparent;
  --element-header-top-height-navbreakpoint-up: 3rem;
  --element-header-top-height-navbreakpoint-up-scrolled: 2rem;
  --element-header-top-height-navbreakpoint-down: 2rem;
  --element-header-top-height-navbreakpoint-down-scrolled: 2rem;
  --element-header-main-height-navbreakpoint-up: 6.5rem;
  --element-header-main-height-navbreakpoint-up-scrolled: 4.5rem;
  --element-header-main-height-navbreakpoint-down: 4.5rem;
  --element-header-main-height-navbreakpoint-down-scrolled: 4.5rem;
  @media ((width >= 64rem) and (width < 74rem)) {
    --element-header-top-height-navbreakpoint-down: 2rem;
    --element-header-top-height-navbreakpoint-down-scrolled: 2rem;
    --element-header-main-height-navbreakpoint-down: 4.5rem;
    --element-header-main-height-navbreakpoint-down-scrolled: 4.5rem;
  }
  --nav-menu-subnav-icon-size: 1rem;
  --nav-menu-top-lvl0-menu-item-color: var(--element-color-light-nav-fg);
  --nav-menu-top-lvl0-menu-item-color-hover: var(--element-color-nav-fg-hover);
  --nav-menu-top-lvl0-menu-item-color-active: var(--element-color-nav-fg-active);
  --nav-menu-top-lvl0-menu-item-font-size: 0.75rem;
  --nav-menu-top-lvl0-menu-item-font-weight: 600;
  --nav-menu-top-lvl0-menu-item-line-height: 1;
  --nav-menu-top-sub-menu-menu-item-padding: 0.5rem 0.75rem;
  --nav-menu-main-gap: 0rem 0.5rem;
  --nav-menu-main-prev-link-height: 6rem;
  --nav-menu-main-prev-link-margin-left: -2rem;
  --nav-menu-main-prev-link-margin-right: -2rem;
  --nav-menu-main-prev-link-bg: var(--element-color-light-bg);
  --nav-menu-main-mega-menu-columns-gap-x: 2rem;
  --nav-menu-main-menu-title-display: flex;
  --nav-menu-main-menu-title-font-size: 1.125rem;
  --nav-menu-main-menu-title-font-weight: 600;
  --nav-menu-main-menu-title-color: var(--element-color-default-title);
  --nav-menu-main-padding-x: 2rem;
  --nav-menu-mega-menu-width: max-content;
  --nav-menu-mega-menu-position-left: 50%;
  --element-header-main-navigation-sub-menu-title-height: 4rem;
  --nav-menu-main-lvl0-menu-item-padding: 0.75rem 1rem;
  --nav-menu-main-lvl0-menu-item-line-height: 1.25rem;
  --nav-menu-main-lvl0-menu-item-letter-spacing: 0.0175rem;
  --nav-menu-sub-menu-transition-margin-top-size: 1.25rem;
  --nav-menu-sub-menu-offset-top: 1.5rem;
  --nav-menu-sub-menu-border-radius: 1rem;
  --nav-menu-sub-menu-box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 8px 10px -6px rgba(0, 0, 0, 0.10);
  --nav-menu-main-sub-menu-prev-link-padding-y: 0 0;
  --nav-menu-main-sub-menu-prev-link-padding-x: 1.5rem 1.25rem;
  --nav-menu-main-sub-menu-menu-item-padding: 0.5rem 0rem;
  --nav-menu-main-sub-menu-prev-link-font-size: 0.875rem;
  --nav-menu-main-sub-menu-prev-link-color: var(--element-color-nav-fg);
  --nav-menu-main-sub-menu-padding-x: 2rem;
  --nav-main-mega-sub-menu-padding: 2rem 1rem;
  --nav-menu-main-sub-menu-menu-item-font-size: 0.875rem;
  --nav-menu-main-sub-menu-menu-item-font-weight: 500;
  --nav-menu-main-sub-menu-menu-item-letter-spacing: 0.0175rem;
  @media (width >= 74rem) {
    --nav-menu-main-lvl0-menu-item-letter-spacing: 0.0225rem;
    .menu-item[data-depth="1"] {
      --nav-menu-main-sub-menu-menu-item-padding: 0.5rem 0.75rem;
    }
  }
  @media (width < 74rem) {
    --nav-menu-main-lvl0-menu-item-padding: 0.75rem 0;
    --nav-menu-main-lvl0-menu-item-font-size: 0.875rem;
    --nav-menu-main-lvl0-menu-item-font-weight: 500;
    #header_top_wrapper .sub-menu-container {
      --nav-menu-sub-menu-position-left: 0px;
      --nav-menu-sub-menu-position-right: auto;
    }
  }
}
:root, .preview-shadow-root {
  --element-header-top-height-navbreakpoint-down: 48px;
  --element-header-top-height-navbreakpoint-down-scrolled: 48px;
  --element-header-top-height-navbreakpoint-up: 56px;
  --element-header-top-height-navbreakpoint-up-scrolled: 56px;
  --element-bg-border-radius: clamp(0.5rem, 1.5vw, 1rem);
  --element-col-sticky-content-offset-top: 10rem;
  --overlay-bg: linear-gradient(180deg, rgba(0, 49, 108, 0.00) 0%, rgba(0, 49, 108, 0.10) 50%, rgba(0, 49, 108, 0.65) 75%, #00316ccf 100%);
  --element-image-border-radius: var(--radius-theme-lg);
  --element-color-light-nav-fg: var(--color-dark-lighter);
  --element-buttons-gap-sm: 0.5rem;
  --element-buttons-gap-default: 1rem;
  --element-buttons-gap-lg: 1rem;
  --element-button-colors-primary-color: var(--color-orange-800);
  --element-button-colors-primary-color-hover: var(--color-orange-700);
  --element-button-colors-primary-border-color: rgba(255, 137, 4, .5);
  --element-button-colors-primary-border-color-hover: rgba(159, 45, 0, .5);
  --element-button-colors-primary-border-color-active: var(--element-button-colors-primary-border-color-hover);
  --element-button-colors-primary-background-color: var(--color-orange-100);
  --element-button-colors-primary-background-color-hover: var(--color-orange-50);
  --element-button-colors-primary-background-color-active: var(--color-orange-50);
  --element-button-colors-primary-outline-color: var(--color-orange-700);
  --element-button-colors-primary-outline-color-hover: var(--color-orange-800);
  --element-button-colors-primary-outline-border-color: var(--color-orange-400);
  --element-button-colors-primary-outline-border-color-hover: var(--color-orange-800);
  --element-button-colors-primary-outline-border-color-active: var(--color-orange-800);
  --element-button-colors-primary-outline-background-color: transparent;
  --element-button-colors-primary-outline-background-color-hover: transparent;
  --element-button-colors-primary-outline-background-color-active: transparent;
  --element-button-colors-primary-link-color: var(--color-orange-700);
  --element-button-colors-primary-link-color-hover: var(--color-orange-800);
  --element-button-colors-secondary-color: #ffffff;
  --element-button-colors-secondary-color-hover: #ffffff;
  --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-secondary-outline-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-outline-border-color: var(--color-secondary);
  --element-button-colors-secondary-outline-border-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-outline-border-color-active: var(--color-secondary-lighter);
  --element-button-colors-secondary-outline-background-color: transparent;
  --element-button-colors-secondary-outline-background-color-hover: transparent;
  --element-button-colors-secondary-outline-background-color-active: transparent;
  --element-button-colors-secondary-link-color: var(--color-secondary);
  --element-button-colors-secondary-link-color-hover: var(--color-secondary-lighter);
  --element-button-colors-tertiary-color: var(--color-green-800);
  --element-button-colors-tertiary-color-hover: var(--color-green-700);
  --element-button-colors-tertiary-border-color: rgba(5, 223, 114, .5);
  --element-button-colors-tertiary-border-color-hover: rgba(1, 102, 48, .5);
  --element-button-colors-tertiary-border-color-active: rgba(1, 102, 48, .5);
  --element-button-colors-tertiary-background-color: var(--color-green-100);
  --element-button-colors-tertiary-background-color-hover: var(--color-green-50);
  --element-button-colors-tertiary-background-color-active: var(--color-green-50);
  --element-button-colors-tertiary-outline-color: var(--color-green-700);
  --element-button-colors-tertiary-outline-color-hover: var(--color-green-800);
  --element-button-colors-tertiary-outline-border-color: var(--color-green-400);
  --element-button-colors-tertiary-outline-border-color-hover: var(--color-green-800);
  --element-button-colors-tertiary-outline-border-color-active: var(--color-green-800);
  --element-button-colors-tertiary-outline-background-color: transparent;
  --element-button-colors-tertiary-outline-background-color-hover: transparent;
  --element-button-colors-tertiary-outline-background-color-active: transparent;
  --element-button-colors-tertiary-link-color: var(--color-green-700);
  --element-button-colors-tertiary-link-color-hover: var(--color-green-800);
  --element-button-colors-light-color: var(--color-secondary);
  --element-button-colors-light-color-hover: var(--color-secondary-lighter);
  --element-button-colors-light-border-color: var(--color-light);
  --element-button-colors-light-border-color-hover: var(--color-light-lighter);
  --element-button-colors-light-border-color-active: var(--color-light-darker);
  --element-button-colors-light-background-color: var(--color-light);
  --element-button-colors-light-background-color-hover: var(--color-light-lighter);
  --element-button-colors-light-background-color-active: var(--color-light-darker);
  --element-button-colors-light-outline-color: var(--color-light);
  --element-button-colors-light-outline-color-hover: var(--color-light-lighter);
  --element-button-colors-light-outline-border-color: var(--color-light);
  --element-button-colors-light-outline-border-color-hover: var(--color-light-lighter);
  --element-button-colors-light-outline-border-color-active: var(--color-light-lighter);
  --element-button-colors-light-outline-background-color: transparent;
  --element-button-colors-light-outline-background-color-hover: transparent;
  --element-button-colors-light-outline-background-color-active: transparent;
  --element-button-colors-light-link-color: var(--color-light);
  --element-button-colors-light-link-color-hover: var(--color-light-lighter);
  --element-button-colors-dark-color: #ffffff;
  --element-button-colors-dark-color-hover: #ffffff;
  --element-button-colors-dark-border-color: var(--color-dark);
  --element-button-colors-dark-border-color-hover: var(--color-dark-lighter);
  --element-button-colors-dark-border-color-active: var(--color-dark-darker);
  --element-button-colors-dark-background-color: var(--color-dark);
  --element-button-colors-dark-background-color-hover: var(--color-dark-lighter);
  --element-button-colors-dark-background-color-active: var(--color-dark-darker);
  --element-button-colors-dark-outline-color: var(--color-dark);
  --element-button-colors-dark-outline-color-hover: var(--color-dark-lighter);
  --element-button-colors-dark-outline-border-color: var(--color-dark);
  --element-button-colors-dark-outline-border-color-hover: var(--color-dark);
  --element-button-colors-dark-outline-border-color-active: var(--color-dark);
  --element-button-colors-dark-outline-background-color: transparent;
  --element-button-colors-dark-outline-background-color-hover: transparent;
  --element-button-colors-dark-outline-background-color-active: transparent;
  --element-button-colors-dark-link-color: var(--color-dark);
  --element-button-colors-dark-link-color-hover: var(--color-dark-lighter);
  --element-button-sizes-default-font-size: 0.875rem;
  --element-button-sizes-default-font-weight: 700;
  --element-button-sizes-default-font-family: var(--font-sans);
  --element-button-sizes-default-text-transform: none;
  --element-button-sizes-default-letter-spacing: 0.0175rem;
  --element-button-sizes-default-line-height: 1.25rem;
  --element-button-sizes-default-border-radius: var(--radius-md);
  --element-button-sizes-default-border-width: 2px;
  --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.25rem;
  --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-text-transform: none;
  --element-button-sizes-sm-letter-spacing: 0.03rem;
  --element-button-sizes-sm-line-height: 1rem;
  --element-button-sizes-sm-border-radius: var(--radius-md);
  --element-button-sizes-sm-border-width: 2px;
  --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: clamp(0.875rem, 6vw, 1rem);
  --element-button-sizes-lg-font-weight: var(--element-button-sizes-default-font-weight);
  --element-button-sizes-lg-text-transform: none;
  --element-button-sizes-lg-letter-spacing: 0.04rem;
  --element-button-sizes-lg-line-height: 1.5rem;
  --element-button-sizes-lg-border-radius: var(--radius-lg);
  --element-button-sizes-lg-border-width: 2px;
  --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;
  --swiper-pagination-bullets-margin-top: 1rem;
  --element-forms-colors-default-inputs-color: var(--element-color-fg);
  --element-forms-colors-default-inputs-focus-border-color: var(--element-color-accent);
  --element-forms-colors-default-inputs-focus-ring-color: rgba(0, 14, 199, 0.25);
}
.wcs-timetable__wrapper {
  > .wcs-timetable__container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .wcs-filters {
    row-gap: 0.5rem;
    .wcs-filters__title {
      padding: 0.5rem 0;
      font-size: var(--text-theme-lg);
      font-weight: 600;
      line-height: 1.75;
    }
  }
  .wcs-timetable__week {
    gap: 0.25rem;
    .wcs-day {
      .wcs-day__title {
        padding: 0.5rem 1rem;
        font-size: var(--text-theme-lg);
        font-weight: 600;
        line-height: 1.75;
        border-radius: 1rem 1rem 0 0;
      }
      .wcs-timetable__classes {
        .wcs-class {
          background: transparent;
          &::before {
            opacity: 1;
            border-color: var(--element-color-border);
            background: linear-gradient(180deg, var(--element-color-light-bg, #F1F5F9) 0%, rgba(255,255,255,1) 100%);
          }
          &:hover {
            &::before {
              border-width: 1px;
              background: var(--element-color-light-bg, #F1F5F9);
            }
          }
          .wcs-class__title {
            font-size: var(--text-theme-sm);
            font-weight: 500;
            line-height: 1rem;
            color: var(--element-color-fg);
          }
        }
      }
    }
  }
}
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);
  }
}
.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);
  }
  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);
  }
  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 {
    --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);
    }
  }
  .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);
  }
  .ginput_container_fileupload {
    .moxie-shim {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
    }
  }
  .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);
      }
      @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);
      }
      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);
      }
      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);
      }
    }
  }
  .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);
    }
    &:focus, &:hover {
      &.button-icon--left .button__icon {
        transform: translateX(-5px);
      }
      &.button-icon--right .button__icon {
        transform: translateX(5px);
      }
    }
    .button__icon {
      line-height: 1;
      transition: transform 200ms ease-in-out;
    }
  }
  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);
  }
  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;
    }
    &:focus, &:hover {
      &.button-icon--left .button__icon {
        transform: translateX(-5px) !important;
      }
      &.button-icon--right .button__icon {
        transform: translateX(5px) !important;
      }
    }
    .button__icon {
      line-height: 1 !important;
      transition: transform 200ms ease-in-out !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;
}
@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 >= 74rem) {
    --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 >= 74rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up-scrolled);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up-scrolled);
  }
}
@media (width < 74rem) {
  #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 < 74rem) {
    .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 >= 74rem) {
    --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 < 74rem) {
      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 >= 74rem) {
        flex-direction: row;
      }
    }
    @media (width < 74rem) {
      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 < 74rem) {
        --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 < 74rem) {
      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 >= 74rem) {
      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 {
          &:where(:not(:hover, :focus-within)) > .sub-menu-container > .sub-menu-nav-container {
            overflow: auto !important;
          }
          > .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 >= 74rem) {
      --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 >= 74rem) {
    --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) {
    --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);
    }
  }
}
@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-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/roboto-v48-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/roboto-v48-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/roboto-v48-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/roboto-v48-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/anybody-v12-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/anybody-v12-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/anybody-v12-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/anybody-v12-latin-700.woff2') format('woff2');
}
@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-search:before {
  content: "\e000";
}
.icon-arrow-right:before {
  content: "\e001";
}
.icon-arrow-left:before {
  content: "\e002";
}
.icon-chevron-up:before {
  content: "\e003";
}
.icon-chevron-down:before {
  content: "\e004";
}
.icon-chevron-right:before {
  content: "\e005";
}
.icon-chevron-left:before {
  content: "\e007";
}
#breadcrumbs {
  color: var(--element-color-nav-fg);
  font-size: var(--text-theme-sm);
  font-family: var(--font-heading-alternative);
  font-weight: 500;
  letter-spacing: 0.0175rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  > span {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    align-items: center;
    line-height: 1rem;
    a:hover {
      color: var(--element-color-nav-fg-hover);
    }
    i {
      font-size: 1rem;
      line-height: 1;
    }
    .breadcrumb_last {
      color: var(--element-color-nav-fg-active);
    }
  }
}
#footer {
  #socket {
    .section-element-col {
      > .section-elements {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 1rem;
        column-gap: 3rem;
        @media (width >= 48rem) {
          flex-direction: row;
          align-items: center;
        }
        .section-element-code:has(.shortcode-element-app-download-buttons) {
          flex-grow: 1;
          @media (width < 80rem) {
            order: -1;
            width: 100%;
            padding-top: 1rem;
            padding-bottom: 1rem;
          }
          @media (width >= 80rem) {
            .shortcode-element-app-download-buttons {
              place-self: end;
            }
          }
        }
      }
    }
    .section-element-nav-list {
      > .nav-list {
        --text-theme-base: var(--text-theme-sm);
        @media (width >= 48rem) {
          column-gap: 2rem;
          flex-direction: row;
          flex-wrap: wrap;
        }
      }
    }
  }
}
body .section-element-gf-form .gf-button-primary--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;
}
.wpac .grw-reviews {
  .grw-review {
    .grw-review-avatar {
      display: none;
    }
    .grw-review-inner {
      border-radius: 0.5rem !important;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10) !important;
      > svg {
        display: none;
      }
      .wp-google-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        > br {
          display: none;
        }
      }
    }
  }
}
#header {
  font-family: var(--font-heading-alternative);
  #header_main_wrapper {
    &::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 50%;
      background-color: var(--header-top-bg);
    }
    > .header-main-inner {
      width: calc(100vw - 2rem);
      max-width: var(--container-max-width);
      margin: 0 auto -2rem auto;
      background-color: white;
      border-radius: var(--radius-2xl);
      box-shadow: 0 4px 6px -1px var(--Black-black-10-percent, rgba(0, 0, 0, 0.10)), 0 2px 4px -2px var(--Black-black-10-percent, rgba(0, 0, 0, 0.10));
    }
  }
}
#header {
  .nav-menu {
    .menu-item[data-depth="0"] {
      @media (width >= 74rem) {
        &.has-default-menu {
          .sub-menu-container {
            min-width: 10em;
          }
        }
      }
    }
  }
}
#header #header_main_wrapper {
  @media (width >= 74rem) {
    z-index: 10;
    &::after {
      content: "";
      display: block;
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.31);
      opacity: 0;
      transition: opacity 200ms ease-in-out 200ms, max-height 0ms linear 400ms;
      max-height: 0;
    }
    &:has(.nav-menu.nav-menu-main *:focus-visible), &:has(.nav-menu.nav-menu-main .menu-item-has-children[data-depth="0"]:hover), &:has(.header-search-container:hover, .header-search-container:focus-within) {
      z-index: 13;
      &::after {
        opacity: 1;
        max-height: 100vh;
        transition: opacity 200ms ease-in-out 200ms, max-height 0ms linear 200ms;
      }
    }
  }
  #nav_wrapper .nav-menu.nav-menu-main {
    .menu-prev-link-spacer, .submenu-prev-link {
      padding-bottom: 1.5rem;
      &::after {
        content: "";
        display: block;
        height: 1.5rem;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        pointer-events: none;
        background-color: white;
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
      }
    }
    ~ div .nav-menu-footer {
      position: relative;
      background-color: var(--element-color-light-bg);
      > * {
        position: relative;
        z-index: 1;
      }
      .nav-menu-footer__bg {
        z-index: 0;
        position: absolute;
        inset: 0;
        background-image: url('../assets/images/pattern-sport-attributes.png');
        background-repeat: repeat;
        background-size: 75% auto;
        opacity: 0.05;
      }
      &::before, &::after {
        content: "";
        display: block;
        height: 3rem;
        width: 3rem;
        position: absolute;
        pointer-events: none;
      }
      &::before {
        top: -3rem;
        left: 0;
        border-bottom-left-radius: 1.5rem;
        box-shadow: -1px 1.5rem 0 0 var(--element-color-light-bg);
      }
      &::after {
        top: -3rem;
        right: 0;
        border-bottom-right-radius: 1.5rem;
        box-shadow: 1.5rem 1px 0 0 var(--element-color-light-bg);
      }
    }
    .menu-item[data-depth="0"] {
      @media (width >= 74rem) {
        &.has-mega-menu {
          position: relative;
        }
        > a {
          border-radius: 0.25rem;
          transition: background-color 200ms ease-in-out;
        }
      }
      @media (width < 74rem) {
        & + .menu-item {
          border-top: 1px solid var(--element-color-border);
        }
        > .sub-menu-container.mega-menu {
          padding-bottom: 5.5rem;
        }
        > .sub-menu-container > .sub-menu-nav-container {
          > .submenu-prev-link {
            display: flex;
            align-items: center;
            column-gap: 0.5rem;
            &:hover, &:focus {
              &::before {
                transform: translateX(-5px);
              }
            }
            &::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;
              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));
              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));
              content: "\e002";
            }
          }
          > .sub-menu-title {
            @layer base {
              display: none !important;
            }
          }
        }
      }
    }
    .menu-item[data-depth="1"] {
      &.menu-item-has-children {
        --nav-menu-sub-menu-offset-top-base: 0px;
        > a {
          --item-color: var(--element-color-nav-fg-hover, var(--color-body-fg));
          --item-font-size: var(--text-theme-base);
          --item-font-weight: 700;
          font-family: var(--font-sans);
          &:hover, &:focus {
            > span::after {
              transform: translateX(5px);
            }
          }
          > span {
            display: inline-flex;
            column-gap: 0.5rem;
            align-items: center;
            &::after {
              display: inline-block;
              font-family: "Iconly" !important;
              font-weight: 400;
              font-style: normal;
              font-variant: normal;
              text-rendering: auto;
              -moz-osx-font-smoothing: grayscale;
              -webkit-font-smoothing: antialiased;
              font-size: var(--text-theme-xl);
              line-height: var(--tw-leading, var(--text-theme-xl--line-height));
              letter-spacing: var(--tw-tracking, var(--text-theme-xl--letter-spacing));
              font-weight: var(--tw-font-weight, var(--text-theme-xl--font-weight));
              --tw-leading: 1;
              line-height: 1;
              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));
              content: "\e001";
            }
          }
          > label {
            display: none !important;
          }
        }
      }
      .sub-menu-container {
        position: initial;
        > .sub-menu-nav-container {
          --nav-menu-main-sub-menu-padding-y: 0;
          --nav-menu-main-sub-menu-padding-x: 0;
          > .submenu-prev-link, > a {
            @layer base {
              display: none !important;
              height: 0 !important;
              margin: 0 !important;
              padding: 0 !important;
              font-size: 0 !important;
              &::after {
                display: none;
              }
            }
          }
        }
      }
    }
    .sub-menu-container {
      @media (width >= 74rem) {
        &.mega-menu {
          transform: translatex(-50%);
          > .sub-menu-nav-container {
            overflow-y: auto;
            &::-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);
            }
          }
        }
      }
    }
    .menu-item-element-column {
      @media (width >= 74rem) {
        min-width: 200px;
      }
      @media (width < 74rem) {
        & + .menu-item-element-column {
          margin-top: 2rem;
          padding-top: 1rem;
          border-top: 1px solid var(--element-color-border);
        }
      }
    }
    .menu-item-button {
      padding-top: 0.5rem;
      > a {
        --item-font-size: var(--element-button-sizes-default-font-size);
        --item-font-weight: var(--element-button-sizes-default-font-weight);
        --item-line-height: var(--element-button-sizes-default-line-height);
        --item-letter-spacing: var(--element-button-sizes-default-letter-spacing);
        --item-text-transform: var(--element-button-sizes-default-text-transform);
        --item-color: var(--element-button-colors-primary-color);
        --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);
        }
        &:focus, &:hover {
          &.button-icon--left .button__icon {
            transform: translateX(-5px);
          }
          &.button-icon--right .button__icon {
            transform: translateX(5px);
          }
        }
        .button__icon {
          line-height: 1;
          transition: transform 200ms ease-in-out;
        }
        --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);
        width: 100%;
        > span {
          justify-content: center;
        }
      }
    }
  }
}
#header {
  .nav-menu.nav-menu-top {
    .sub-menu[data-depth="1"] {
      display: flex;
      flex-direction: column;
      row-gap: 0.25rem;
    }
  }
}
#header #header_top_wrapper {
  z-index: 1;
  &:not(:has(+ #header_main_wrapper:hover)) {
    z-index: 13;
  }
  &::after {
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.31);
    opacity: 0;
    pointer-events: all;
    transition: opacity 200ms ease-in-out 200ms, max-height 0ms linear 400ms;
    max-height: 0;
  }
  &:has(.nav-menu.nav-menu-top *:focus-visible), &:has(.nav-menu.nav-menu-top .menu-item-has-children[data-depth="0"]:hover) {
    z-index: 13;
    &::after {
      opacity: 1;
      max-height: 100vh;
      transition: opacity 200ms ease-in-out 200ms, max-height 0ms linear 200ms;
    }
  }
}
.shortcode-element-socials {
  a {
    padding: 0.5em;
    color: var(--element-color-accent);
    border: 1px solid var(--element-color-accent);
    border-radius: calc(infinity * 1px);
    &:hover, &:focus {
      color: white;
      background-color: var(--element-color-accent);
    }
  }
}
.swiper {
  padding: 1rem !important;
  margin: -1rem !important;
  .swiper-controls {
    .swiper-pagination {
      &:only-child {
        justify-content: center;
      }
    }
    .swiper-navigation {
      &.swiper-navigation--bottom {
        --swiper-navigation-margin: 1rem 0 0 0;
      }
    }
  }
  mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 1rem, rgba(0, 0, 0, 1) calc(100% - 1rem), rgba(0, 0, 0, 0) 100%);
}
.section-element-gallery-grid {
  &[data-cols="2"] > .gallery-grid-container > .grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    > div.gallery-grid-item:first-child {
      grid-column: 1;
      grid-row: 1 / span 2;
      &:only-of-type {
        grid-column: 1 / span 2;
        .section-element-image > img {
          --img-aspect: 16/9;
        }
      }
      &:not(:last-of-type) {
        .section-element-image, .section-element-image > img {
          height: 100%;
        }
      }
    }
    > div.gallery-grid-item:nth-child(2) {
      grid-column: 2;
      grid-row: 1;
      .section-element-image > img {
        --img-aspect: 16/9;
      }
      &:last-of-type {
        grid-row: 1 / span 2;
        .section-element-image > img {
          --img-aspect: 3/4;
        }
      }
    }
    > div.gallery-grid-item:nth-child(3) {
      grid-column: 2;
      grid-row: 2;
      .section-element-image > img {
        --img-aspect: 16/9;
      }
    }
  }
  .gallery-hidden-images-counter {
    --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);
    }
    &:focus, &:hover {
      &.button-icon--left .button__icon {
        transform: translateX(-5px);
      }
      &.button-icon--right .button__icon {
        transform: translateX(5px);
      }
    }
    .button__icon {
      line-height: 1;
      transition: transform 200ms ease-in-out;
    }
    --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);
    --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 (width < 48rem) {
      grid-column: 1 / span 2;
    }
    @media (width >= 48rem) {
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      --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;
      --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);
    }
  }
}
.section-element-icons-list {
  --element-color-accent: var(--element-color-accent-alternate);
}
.section-element-intensity-bar {
  --intensity-bar-lvl-width: 100%;
  .mask-layer {
    animation: intensity-bar-animation 1.5s cubic-bezier(.2,1.04,.61,1) forwards 500ms;
  }
  &[data-lvl="5"] .mask-layer {
    --intensity-bar-lvl-width: 0;
  }
  &[data-lvl="4"] .mask-layer {
    --intensity-bar-lvl-width: calc((100% / 5) * 1);
  }
  &[data-lvl="3"] .mask-layer {
    --intensity-bar-lvl-width: calc((100% / 5) * 2);
  }
  &[data-lvl="2"] .mask-layer {
    --intensity-bar-lvl-width: calc((100% / 5) * 3);
  }
  &[data-lvl="1"] .mask-layer {
    --intensity-bar-lvl-width: calc((100% / 5) * 4);
  }
}
@-webkit-keyframes intensity-bar-animation {
  from {
    width: 100%;
  }
  to {
    width: var(--intensity-bar-lvl-width);
  }
}
.section-element-nav-list {
  --element-nav-list-item-padding-y: 0.5rem;
  .nav-list {
    --element-color-border: transparent;
    &.nav-list-sub-items {
      margin-left: 0;
      > .section-element-nav-list-item > .nav-link {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
    }
    .section-element-nav-list-item {
      font-family: var(--font-heading-alternative);
      .nav-link {
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: var(--text-theme-sm);
        line-height: 1.5rem;
        letter-spacing: 0.0175rem;
        @media (width >= 48rem) {
          font-size: var(--text-theme-base);
          letter-spacing: 0.02rem;
        }
        #content & {
          &:hover, &:focus {
            &::after {
              transform: translateX(5px);
            }
          }
          &::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;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            content: "\e005";
          }
          > span {
            flex-grow: 1;
          }
        }
      }
    }
  }
}
.section-element-tabs {
  .tabs-navigation {
    .tabs-navigation__item {
      @media (width < 48rem) {
        max-width: 33vw;
      }
      .tabs-navigation__item-image img {
        aspect-ratio: 4/3;
      }
    }
  }
}
.section-element-title {
  .title-emoji {
    > img {
      max-width: 2em;
    }
  }
  .section-element-title__subheading {
    font-family: var(--font-sans);
  }
}
.section {
  --section-corner-size: clamp(2rem, 4vw, 4rem);
  --section-corner-border-radius: calc(var(--section-corner-size) / 2);
  overflow-x: clip;
  #main &[data-element-color="light"][data-bg-pattern="0"] {
    > .section-element-bg {
      background-image: linear-gradient(180deg, var(--element-color-bg, #F1F5F9) 0%, white 100%);
      background-color: white;
    }
  }
  #content > sections > &:first-child {
    --section-padding-top-offset: var(--header-main-height);
    margin-top: calc(var(--header-main-height) * -1);
  }
  &[data-bg-pattern="1"], .section-element[data-bg-pattern="1"] {
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0) 100%), url('../assets/images/pattern-sport-attributes.png'), var(--element-color-bg, #FFF);
      opacity: 0.05;
    }
  }
  &:where( :not( :is( #content &:first-child, #content &:last-child, #footer &:not(:first-child), [data-element-color="unset"] + [data-element-color="unset"], [data-element-color="default"] + [data-element-color="default"] ) ) ) {
    &::before, &::after {
      content: "";
      display: block;
      height: var(--section-corner-size);
      width: var(--section-corner-size);
      position: absolute;
      pointer-events: none;
    }
    &::before {
      top: calc(var(--section-corner-border-radius) * -2);
      left: 0;
      border-bottom-left-radius: var(--section-corner-border-radius);
      box-shadow: -1px var(--section-corner-border-radius) 0 0 var(--element-color-bg);
    }
    &::after {
      top: calc(var(--section-corner-border-radius) * -2);
      right: 0;
      border-bottom-right-radius: var(--section-corner-border-radius);
      box-shadow: var(--section-corner-border-radius) 1px 0 0 var(--element-color-bg);
    }
  }
}
@layer base {
  body::after {
    content: "< XXS";
    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: 25rem) {
    body::after {
      content: "XXS (>= 25rem)";
    }
  }
  @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: 74rem) {
    body::after {
      content: "NAVBREAKPOINT (>= 74rem)";
    }
  }
  @media (min-width: 80rem) {
    body::after {
      content: "XL (>= 80rem)";
    }
  }
  @media (min-width: 96rem) {
    body::after {
      content: "2XL (>= 96rem)";
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-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-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-space-y-reverse: 0;
    }
  }
}