/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "DM Sans", "sans-serif";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(0.971 0.013 17.38);
    --color-red-400: oklch(0.704 0.191 22.216);
    --color-red-500: oklch(0.637 0.237 25.331);
    --color-red-700: oklch(0.505 0.213 27.518);
    --color-red-800: oklch(0.444 0.177 26.899);
    --color-red-950: oklch(0.258 0.092 26.042);
    --color-yellow-50: oklch(0.987 0.026 102.212);
    --color-yellow-500: oklch(0.795 0.184 86.047);
    --color-yellow-600: oklch(0.681 0.162 75.834);
    --color-yellow-700: oklch(0.554 0.135 66.442);
    --color-yellow-800: oklch(0.476 0.114 61.907);
    --color-yellow-950: oklch(0.286 0.066 53.813);
    --color-green-50: oklch(0.982 0.018 155.826);
    --color-green-500: oklch(0.723 0.219 149.579);
    --color-green-600: oklch(0.627 0.194 149.214);
    --color-green-700: oklch(0.527 0.154 150.069);
    --color-green-800: oklch(0.448 0.119 151.328);
    --color-green-950: oklch(0.266 0.065 152.934);
    --color-blue-50: oklch(0.97 0.014 254.604);
    --color-blue-400: oklch(0.707 0.165 254.624);
    --color-blue-500: oklch(0.623 0.214 259.815);
    --color-blue-700: oklch(0.488 0.243 264.376);
    --color-blue-800: oklch(0.424 0.199 265.638);
    --color-blue-950: oklch(0.282 0.091 267.935);
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;
    --color-neutral-500: #737373;
    --color-neutral-700: #404040;
    --color-neutral-900: #171717;
    --color-stone-50: #fafaf9;
    --color-stone-100: #f5f5f4;
    --color-stone-400: #a8a29e;
    --color-stone-500: #78716c;
    --color-stone-600: #57534e;
    --color-stone-900: #1c1917;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --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-normal: 0em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-md: 0.375rem;
    --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: "DM Sans", "sans-serif";
    --default-mono-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-body-fg: var(--color-neutral-700);
    --color-body-bg: white;
    --color-primary-100: #f1f5f9;
    --color-primary-200: #e2e8f0;
    --color-primary-400: #94a3b8;
    --color-primary-500: #64748b;
    --color-primary: var(--color-primary-500);
    --color-secondary-400: var(--color-stone-400);
    --color-secondary-500: var(--color-stone-500);
    --color-secondary-600: var(--color-stone-600);
    --color-secondary-lighter: var(--color-secondary-400);
    --color-secondary: var(--color-secondary-500);
    --color-secondary-darker: var(--color-secondary-600);
    --color-light: var(--color-stone-100);
    --color-success-accent: var(--color-green-500);
    --color-success-fg-on-accent: 'white';
    --color-success-fg: var(--color-green-800);
    --color-success-fg-on-bg: var(--color-green-700);
    --color-success-bg: var(--color-green-50);
    --color-success-border: var(--color-green-500);
    --color-success-border-on-bg: var(--color-green-500);
    --color-success-fg-dark: var(--color-green-600);
    --color-success-fg-on-bg-dark: var(--color-green-600);
    --color-success-bg-dark: var(--color-green-950);
    --color-success-border-dark: var(--color-green-700);
    --color-success-border-on-bg-dark: var(--color-green-700);
    --color-warning-accent: var(--color-yellow-500);
    --color-warning-fg: var(--color-yellow-800);
    --color-warning-fg-on-bg: var(--color-yellow-700);
    --color-warning-bg: var(--color-yellow-50);
    --color-warning-border: var(--color-yellow-600);
    --color-warning-border-on-bg: var(--color-yellow-600);
    --color-warning-fg-dark: var(--color-yellow-600);
    --color-warning-fg-on-bg-dark: var(--color-yellow-600);
    --color-warning-bg-dark: var(--color-yellow-950);
    --color-warning-border-dark: var(--color-yellow-600);
    --color-warning-border-on-bg-dark: var(--color-yellow-600);
    --color-danger-accent: var(--color-red-500);
    --color-danger-fg: var(--color-red-800);
    --color-danger-fg-on-bg: var(--color-red-700);
    --color-danger-bg: var(--color-red-50);
    --color-danger-border: var(--color-red-400);
    --color-danger-border-on-bg: var(--color-red-400);
    --color-danger-fg-dark: var(--color-red-500);
    --color-danger-fg-on-bg-dark: var(--color-red-500);
    --color-danger-bg-dark: var(--color-red-950);
    --color-danger-border-dark: var(--color-red-500);
    --color-danger-border-on-bg-dark: var(--color-red-500);
    --color-info-accent: var(--color-primary);
    --color-info-fg: var(--color-blue-800);
    --color-info-fg-on-bg: var(--color-blue-700);
    --color-info-bg: var(--color-blue-50);
    --color-info-border: var(--color-blue-400);
    --color-info-border-on-bg: var(--color-blue-400);
    --color-info-fg-dark: var(--color-blue-500);
    --color-info-fg-on-bg-dark: var(--color-blue-400);
    --color-info-bg-dark: var(--color-blue-950);
    --color-info-border-dark: var(--color-blue-500);
    --color-info-border-on-bg-dark: var(--color-blue-500);
    --color-neutral-accent: var(--color-gray-500);
    --color-neutral-fg: var(--color-gray-800);
    --color-neutral-fg-on-bg: var(--color-gray-700);
    --color-neutral-bg: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
    --color-neutral-border-on-bg: var(--color-gray-400);
    --color-neutral-border: var(--color-gray-400);
    --color-neutral-fg-dark: var(--color-gray-400);
    --color-neutral-fg-on-bg-dark: var(--color-gray-400);
    --color-neutral-bg-dark: color-mix(in 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);
    --breakpoint-navbreakpoint: 64rem;
    --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;
    --font-heading: inherit;
    --font-heading-alternative: inherit;
    --font-subheading: inherit;
    --font-subheading-alternative: inherit;
    --text-theme-sm: 0.875rem;
    --text-theme-sm--line-height: 1.75;
    --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, 5vw, 3rem);
    --text-h1--line-height: 1.25;
    --text-h1--letter-spacing: 0em;
    --text-h1--font-weight: 500;
    --text-h2: clamp(1.75rem, 5vw, 2.5rem);
    --text-h2--line-height: 1.25;
    --text-h2--letter-spacing: 0em;
    --text-h2--font-weight: 500;
    --text-h3: clamp(1.5rem, 5vw, 2rem);
    --text-h3--line-height: 1.25;
    --text-h3--letter-spacing: 0em;
    --text-h3--font-weight: 500;
    --text-h4: clamp(1.25rem, 5vw, 1.75rem);
    --text-h4--line-height: 1.25;
    --text-h4--letter-spacing: 0em;
    --text-h4--font-weight: 500;
    --text-h5: clamp(1.125rem, 4.5vw, 1.5rem);
    --text-h5--line-height: 1.5;
    --text-h5--letter-spacing: 0em;
    --text-h5--font-weight: 500;
    --text-h6: clamp(1rem, 4vw, 1.25rem);
    --text-h6--line-height: 1.5;
    --text-h6--letter-spacing: 0em;
    --text-h6--font-weight: 500;
    --text-h1-subtitle: clamp(1.25rem, 5vw, 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, 5vw, 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, 5vw, 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, 4.5vw, 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, 4vw, 3.5rem);
    --text-d1--line-height: 1.25;
    --text-d1--letter-spacing: -0.07rem;
    --text-d1--font-weight: 300;
    --text-d2: clamp(1.75rem, 4vw, 3rem);
    --text-d2--line-height: 1.25;
    --text-d2--letter-spacing: -0.06rem;
    --text-d2--font-weight: 300;
    --text-d3: clamp(1.5rem, 4vw, 2.5rem);
    --text-d3--line-height: 1.25;
    --text-d3--letter-spacing: -0.05rem;
    --text-d3--font-weight: 300;
    --text-d4: clamp(1.25rem, 4vw, 2rem);
    --text-d4--line-height: 1.25;
    --text-d4--letter-spacing: -0.04rem;
    --text-d4--font-weight: 300;
    --text-d1-subtitle: clamp(1rem, 4vw, 1.5rem);
    --text-d1-subtitle--line-height: 1.25;
    --text-d1-subtitle--letter-spacing: 0.06rem;
    --text-d1-subtitle--font-weight: 200;
    --text-d2-subtitle: clamp(1rem, 4vw, 1.25rem);
    --text-d2-subtitle--line-height: 1.25;
    --text-d2-subtitle--letter-spacing: 0.05rem;
    --text-d2-subtitle--font-weight: 200;
    --text-d3-subtitle: clamp(0.75rem, 4vw, 1rem);
    --text-d3-subtitle--line-height: 1.25;
    --text-d3-subtitle--letter-spacing: 0.04rem;
    --text-d3-subtitle--font-weight: 200;
    --text-d4-subtitle: clamp(0.5rem, 4vw, 1rem);
    --text-d4-subtitle--line-height: 1.25;
    --text-d4-subtitle--letter-spacing: 0.04rem;
    --text-d4-subtitle--font-weight: 200;
    --color-body-bg_opaque: rgba(255, 255, 255, 0.90);
    --color-primary-bg: var(--color-primary-200);
    --color-light-bg: var(--color-stone-100);
    --color-dark-bg: var(--color-stone-900);
  }
}
@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: "DM Sans", "sans-serif";
    font-feature-settings: initial;
    font-variation-settings: initial;
    -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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    font-feature-settings: initial;
    font-variation-settings: initial;
    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: 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;
  }
  :-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\/element-blog-archive {
    container-type: inline-size;
    container-name: element-blog-archive;
  }
  .\@container\/element-latest-blogs {
    container-type: inline-size;
    container-name: element-latest-blogs;
  }
  .\@container\/element-services {
    container-type: inline-size;
    container-name: element-services;
  }
  .\@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\/parent-row {
    container-type: inline-size;
    container-name: parent-row;
  }
  .\@container\/protected-content {
    container-type: inline-size;
    container-name: protected-content;
  }
  .\@container\/service-item {
    container-type: inline-size;
    container-name: service-item;
  }
  .\@container\/tabs {
    container-type: inline-size;
    container-name: tabs;
  }
  .\@container\/testimonial {
    container-type: inline-size;
    container-name: testimonial;
  }
  .\@container {
    container-type: inline-size;
  }
  .\@container-\[inline-size\] {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .typography {
    --typography-blockquote-border-width: 0.5rem;
    --typography-blockquote-font-weight: var(--font-weight-semibold);
    blockquote {
      border-radius: var(--element-border-radius-sm);
    }
    ol, ul {
      &.list-lg {
        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));
        color: var(--element-color-title);
        padding-left: 0;
        margin-left: 1.4em;
        li {
          position: relative;
          & + li {
            margin-top: calc(var(--spacing) * 16);
            &::before {
              content: '';
              display: block;
              position: absolute;
              background-color: var(--element-color-border);
              height: 1px;
              top: calc(calc(var(--spacing) * 8) * -1);
              left: -1.4em;
              right: 0;
            }
          }
        }
      }
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .\!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-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-\[var\(--element-col-sticky-content-offset-top\,var\(--element-col-sticky-content-offset\,var\(--header-height\,0px\)\)\)\] {
    top: var(--element-col-sticky-content-offset-top,var(--element-col-sticky-content-offset,var(--header-height,0px)));
  }
  .top-admin-bar {
    top: var(--spacing-admin-bar);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .bottom-\[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));
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-auto {
    z-index: auto;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .order-none {
    order: 0;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-auto {
    grid-column-start: auto;
  }
  .col-end-auto {
    grid-column-end: auto;
  }
  .row-auto {
    grid-row: auto;
  }
  .row-span-full {
    grid-row: 1 / -1;
  }
  .row-start-auto {
    grid-row-start: auto;
  }
  .row-end-auto {
    grid-row-end: auto;
  }
  .float-end {
    float: inline-end;
  }
  .float-left {
    float: left;
  }
  .float-none {
    float: none;
  }
  .float-right {
    float: right;
  }
  .float-start {
    float: inline-start;
  }
  .clear-both {
    clear: both;
  }
  .clear-end {
    clear: inline-end;
  }
  .clear-left {
    clear: left;
  }
  .clear-none {
    clear: none;
  }
  .clear-right {
    clear: right;
  }
  .clear-start {
    clear: inline-start;
  }
  .container {
    width: 100%;
    @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 >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .container\! {
    width: 100% !important;
    @media (width >= 30rem) {
      max-width: 30rem !important;
    }
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .base-container {
    --container-padding: var(--base-container-padding-sm);
    --container-max-width: var(--base-container-max-width-default);
    @media (width > 48rem) {
      --container-padding: var(--base-container-padding-md);
    }
    @media (width > 64rem) {
      --container-padding: var(--base-container-padding-lg);
    }
    @media (width > 80rem) {
      --container-padding: var(--base-container-padding-xl);
    }
    @media (width > 96rem) {
      --container-padding: var(--base-container-padding-2xl);
    }
    &.base-container-sm {
      --container-max-width: var(--base-container-max-width-sm);
    }
    &.base-container-md {
      --container-max-width: var(--base-container-max-width-md);
    }
    &.base-container-full {
      --container-max-width: var(--base-container-max-width-full);
    }
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--container-max-width);
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .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-text-transform: var(--element-button-sizes-default-text-transform);
    --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-border-color: inherit;
    --element-button-background-color: 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);
    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;
      }
    }
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .field-sizing-fixed {
    field-sizing: fixed;
  }
  .aspect-1\/1 {
    aspect-ratio: var(--aspect-1\/1);
  }
  .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-\[13\.65688\/3\.69813\] {
    aspect-ratio: 13.65688/3.69813;
  }
  .aspect-\[var\(--img-aspect\,auto\)\] {
    aspect-ratio: var(--img-aspect,auto);
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .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-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .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));
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .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-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%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .min-w-screen {
    min-width: 100vw;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .caption-top {
    caption-side: top;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-left {
    transform-origin: bottom left;
  }
  .origin-bottom-right {
    transform-origin: bottom right;
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-left {
    transform-origin: left;
  }
  .origin-right {
    transform-origin: right;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: top left;
  }
  .origin-top-right {
    transform-origin: top right;
  }
  .-translate-full {
    --tw-translate-x: -100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-full {
    --tw-translate-x: 100%;
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-3d {
    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
  }
  .translate-none {
    translate: none;
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .scale-none {
    scale: none;
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .rotate-none {
    rotate: none;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-cpu {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-none {
    transform: none;
  }
  .animate-none {
    animation: none;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-x {
    resize: horizontal;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-none {
    scroll-snap-type: none;
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-align-none {
    scroll-snap-align: none;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-end {
    scroll-snap-align: end;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .snap-always {
    scroll-snap-stop: always;
  }
  .snap-normal {
    scroll-snap-stop: normal;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .list-image-none {
    list-style-image: none;
  }
  .appearance-auto {
    appearance: auto;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-auto {
    columns: auto;
  }
  .auto-cols-auto {
    grid-auto-columns: auto;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .auto-cols-max {
    grid-auto-columns: max-content;
  }
  .auto-cols-min {
    grid-auto-columns: min-content;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .grid-flow-dense {
    grid-auto-flow: dense;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-flow-row-dense {
    grid-auto-flow: row dense;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-none {
    grid-template-columns: none;
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-none {
    grid-template-rows: none;
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .place-content-around {
    place-content: space-around;
  }
  .place-content-baseline {
    place-content: baseline;
  }
  .place-content-between {
    place-content: space-between;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-end {
    place-content: end;
  }
  .place-content-evenly {
    place-content: space-evenly;
  }
  .place-content-start {
    place-content: start;
  }
  .place-content-stretch {
    place-content: stretch;
  }
  .place-items-baseline {
    place-items: baseline;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-end {
    place-items: end;
  }
  .place-items-start {
    place-items: start;
  }
  .place-items-stretch {
    place-items: stretch;
  }
  .content-around {
    align-content: space-around;
  }
  .content-baseline {
    align-content: baseline;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-evenly {
    align-content: space-evenly;
  }
  .content-normal {
    align-content: normal;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-stretch {
    align-content: stretch;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-baseline {
    justify-content: baseline;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-normal {
    justify-content: normal;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-normal {
    justify-items: normal;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .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-gap-default\)\] {
    gap: var(--element-gap-default);
  }
  .gap-\[var\(--element-socialmedia-gap\,_var\(--element-gap-sm\)\)\] {
    gap: var(--element-socialmedia-gap, var(--element-gap-sm));
  }
  .gap-\[var\(--element-socialmedia-items-gap\,_var\(--element-gap-xs\)\)\] {
    gap: var(--element-socialmedia-items-gap, var(--element-gap-xs));
  }
  .gap-default {
    gap: var(--gap-default);
  }
  .gap-lg {
    gap: var(--gap-lg);
  }
  .gap-sm {
    gap: var(--gap-sm);
  }
  .gap-xs {
    gap: var(--gap-xs);
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .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-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-default {
    column-gap: var(--gap-default);
  }
  .gap-x-lg {
    column-gap: var(--gap-lg);
  }
  .gap-x-none {
    column-gap: var(--gap-none);
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .\!gap-y-0 {
    row-gap: calc(var(--spacing) * 0) !important;
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-\[var\(--element-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-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .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-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .divide-\[var\(--element-color-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--element-color-border);
    }
  }
  .place-self-auto {
    place-self: auto;
  }
  .place-self-center {
    place-self: center;
  }
  .place-self-end {
    place-self: end;
  }
  .place-self-start {
    place-self: start;
  }
  .place-self-stretch {
    place-self: stretch;
  }
  .self-auto {
    align-self: auto;
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-auto {
    justify-self: auto;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .scroll-auto {
    scroll-behavior: 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-\[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-border-radius-lg\)\] {
    border-radius: var(--element-border-radius-lg);
  }
  .rounded-\[var\(--element-border-radius-md\)\] {
    border-radius: var(--element-border-radius-md);
  }
  .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-services-border-radius\,var\(--element-border-radius-md\,_0px\)\)\] {
    border-radius: var(--element-services-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-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-double {
    --tw-border-style: double;
    border-style: double;
  }
  .border-hidden {
    --tw-border-style: hidden;
    border-style: hidden;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .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-transparent {
    border-color: transparent;
  }
  .bg-\(--my_variable\) {
    background-color: var(--my_variable);
  }
  .bg-\(color\:--my-color\) {
    background-color: var(--my-color);
  }
  .bg-\[\#0082FA\] {
    background-color: #0082FA;
  }
  .bg-\[\#0088cc\] {
    background-color: #0088cc;
  }
  .bg-\[color\:var\(--my-color\)\] {
    background-color: var(--my-color);
  }
  .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\(--my_variable\)\] {
    background-color: var(--my_variable);
  }
  .bg-black\/5 {
    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-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/50 {
    background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
  }
  .bg-red-500\/\[50\%\] {
    background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
  .bg-white\/80 {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
  .-bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }
  .bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }
  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }
  .bg-none {
    background-image: none;
  }
  .via-none {
    --tw-gradient-via-stops: initial;
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .box-decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }
  .decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-local {
    background-attachment: local;
  }
  .bg-scroll {
    background-attachment: scroll;
  }
  .bg-clip-border {
    background-clip: border-box;
  }
  .bg-clip-content {
    background-clip: content-box;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-center {
    background-position: center;
  }
  .bg-left {
    background-position: left;
  }
  .bg-left-bottom {
    background-position: left bottom;
  }
  .bg-left-top {
    background-position: left top;
  }
  .bg-right {
    background-position: right;
  }
  .bg-right-bottom {
    background-position: right bottom;
  }
  .bg-right-top {
    background-position: right top;
  }
  .bg-top {
    background-position: top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .bg-repeat-round {
    background-repeat: round;
  }
  .bg-repeat-space {
    background-repeat: space;
  }
  .bg-repeat-x {
    background-repeat: repeat-x;
  }
  .bg-repeat-y {
    background-repeat: repeat-y;
  }
  .bg-origin-border {
    background-origin: border-box;
  }
  .bg-origin-content {
    background-origin: content-box;
  }
  .bg-origin-padding {
    background-origin: padding-box;
  }
  .fill-none {
    fill: none;
  }
  .stroke-none {
    stroke: none;
  }
  .\!object-contain {
    object-fit: contain !important;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-none {
    object-fit: none;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .object-bottom {
    object-position: bottom;
  }
  .object-center {
    object-position: center;
  }
  .object-left {
    object-position: left;
  }
  .object-left-bottom {
    object-position: left bottom;
  }
  .object-left-top {
    object-position: left top;
  }
  .object-right {
    object-position: right;
  }
  .object-right-bottom {
    object-position: right bottom;
  }
  .object-right-top {
    object-position: right top;
  }
  .object-top {
    object-position: top;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .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-\[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-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .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-lg\)\] {
    padding-top: var(--element-row-padding-lg);
  }
  .pt-\[var\(--element-row-padding-t-default\,var\(--element-row-padding-default\)\)\] {
    padding-top: var(--element-row-padding-t-default,var(--element-row-padding-default));
  }
  .pt-\[var\(--element-row-padding-t-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-top: var(--element-row-padding-t-lg,var(--element-row-padding-lg));
  }
  .pt-\[var\(--element-row-padding-t-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-top: var(--element-row-padding-t-sm,var(--element-row-padding-sm));
  }
  .pt-default {
    padding-top: var(--padding-default);
  }
  .pt-none {
    padding-top: var(--padding-none);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-\[var\(--element-col-padding-r-default\,var\(--element-col-padding-default\)\)\] {
    padding-right: var(--element-col-padding-r-default,var(--element-col-padding-default));
  }
  .pr-\[var\(--element-col-padding-r-lg\,var\(--element-col-padding-lg\)\)\] {
    padding-right: var(--element-col-padding-r-lg,var(--element-col-padding-lg));
  }
  .pr-\[var\(--element-col-padding-r-sm\,var\(--element-col-padding-sm\)\)\] {
    padding-right: var(--element-col-padding-r-sm,var(--element-col-padding-sm));
  }
  .pr-\[var\(--element-row-padding-r-default\,var\(--element-row-padding-default\)\)\] {
    padding-right: var(--element-row-padding-r-default,var(--element-row-padding-default));
  }
  .pr-\[var\(--element-row-padding-r-lg\,var\(--element-row-padding-lg\)\)\] {
    padding-right: var(--element-row-padding-r-lg,var(--element-row-padding-lg));
  }
  .pr-\[var\(--element-row-padding-r-sm\,var\(--element-row-padding-sm\)\)\] {
    padding-right: var(--element-row-padding-r-sm,var(--element-row-padding-sm));
  }
  .pr-none {
    padding-right: var(--padding-none);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[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-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-sub {
    vertical-align: sub;
  }
  .align-super {
    vertical-align: super;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .\!text-theme-base {
    font-size: var(--text-theme-base) !important;
    line-height: var(--tw-leading, var(--text-theme-base--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-theme-base--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-theme-base--font-weight)) !important;
  }
  .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;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .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-normal {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
  .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;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .break-keep {
    word-break: keep-all;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }
  .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[var\(--element-color-fg\)\] {
    color: var(--element-color-fg) !important;
  }
  .\!text-\[var\(--element-color-fg-muted\)\] {
    color: var(--element-color-fg-muted) !important;
  }
  .\!text-\[var\(--element-color-title\)\] {
    color: var(--element-color-title) !important;
  }
  .\[color\:red\] {
    color: red;
  }
  .\[color\:red\]\/50 {
    color: color-mix(in oklab, red 50%, transparent);
  }
  .\[color\:red\]\/50\! {
    color: color-mix(in oklab, red 50%, transparent) !important;
  }
  .text-\[\#374151\] {
    color: #374151;
  }
  .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-black\/70 {
    color: color-mix(in oklab, var(--color-black) 70%, transparent);
  }
  .text-black\/90 {
    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-secondary {
    color: var(--color-secondary);
  }
  .text-white {
    color: var(--color-white);
  }
  .\!normal-case {
    text-transform: none !important;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .font-stretch-condensed {
    font-stretch: condensed;
  }
  .font-stretch-expanded {
    font-stretch: expanded;
  }
  .font-stretch-extra-condensed {
    font-stretch: extra-condensed;
  }
  .font-stretch-extra-expanded {
    font-stretch: extra-expanded;
  }
  .font-stretch-normal {
    font-stretch: normal;
  }
  .font-stretch-semi-condensed {
    font-stretch: semi-condensed;
  }
  .font-stretch-semi-expanded {
    font-stretch: semi-expanded;
  }
  .font-stretch-ultra-condensed {
    font-stretch: ultra-condensed;
  }
  .font-stretch-ultra-expanded {
    font-stretch: ultra-expanded;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dashed {
    text-decoration-style: dashed;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-double {
    text-decoration-style: double;
  }
  .decoration-solid {
    text-decoration-style: solid;
  }
  .decoration-wavy {
    text-decoration-style: wavy;
  }
  .decoration-auto {
    text-decoration-thickness: auto;
  }
  .decoration-from-font {
    text-decoration-thickness: from-font;
  }
  .underline-offset-auto {
    text-underline-offset: auto;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .accent-auto {
    accent-color: auto;
  }
  .scheme-dark {
    color-scheme: dark;
  }
  .scheme-light {
    color-scheme: light;
  }
  .scheme-light-dark {
    color-scheme: light dark;
  }
  .scheme-normal {
    color-scheme: normal;
  }
  .scheme-only-dark {
    color-scheme: only dark;
  }
  .scheme-only-light {
    color-scheme: only light;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .mix-blend-plus-darker {
    mix-blend-mode: plus-darker;
  }
  .mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
  }
  .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);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-initial {
    --tw-shadow-color: initial;
  }
  .inset-shadow-initial {
    --tw-inset-shadow-color: initial;
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .blur-none {
    --tw-blur:  ;
    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,);
  }
  .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    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,);
  }
  .drop-shadow-md {
    --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,);
  }
  .drop-shadow-none {
    --tw-drop-shadow:  ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .saturate-0 {
    --tw-saturate: saturate(0%);
    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,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    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 {
    --tw-backdrop-blur: blur(8px);
    -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,);
  }
  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -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,);
  }
  .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,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -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,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -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,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -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,);
  }
  .backdrop-filter {
    -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;
    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-shadow {
    transition-property: box-shadow;
    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));
  }
  .transition-none {
    transition-property: none;
  }
  .transition-discrete {
    transition-behavior: allow-discrete;
  }
  .transition-normal {
    transition-behavior: normal;
  }
  .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;
  }
  .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-auto {
    will-change: auto;
  }
  .will-change-contents {
    will-change: contents;
  }
  .will-change-scroll {
    will-change: scroll-position;
  }
  .will-change-transform {
    will-change: transform;
  }
  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-size {
    --tw-contain-size: size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-content {
    contain: content;
  }
  .contain-none {
    contain: none;
  }
  .contain-strict {
    contain: strict;
  }
  .content-none {
    --tw-content: none;
    content: none;
  }
  .forced-color-adjust-auto {
    forced-color-adjust: auto;
  }
  .forced-color-adjust-none {
    forced-color-adjust: none;
  }
  .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-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-text-transform: var(--element-button-sizes-default-text-transform);
        --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);
      }
    }
  }
  .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-text-transform: var(--element-button-sizes-default-text-transform);
    --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);
  }
  .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-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-outline {
    --element-button-color: var(--element-button-colors-dark-color-outline);
    --element-button-border-color: var(--element-button-colors-dark-border-color);
    --element-button-background-color: transparent;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-dark-color);
        --element-button-border-color: var(--element-button-colors-dark-color-outline);
        --element-button-background-color: var(--element-button-colors-dark-color-outline);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-dark-border-color-active);
      --element-button-background-color: var(--element-button-colors-dark-background-color-active);
    }
  }
  .button-light-outline {
    --element-button-color: var(--element-button-colors-light-color-outline);
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: transparent;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-light-color);
        --element-button-border-color: var(--element-button-colors-light-color-outline);
        --element-button-background-color: var(--element-button-colors-light-color-outline);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-light-border-color-active);
      --element-button-background-color: var(--element-button-colors-light-background-color-active);
    }
  }
  .button-primary-outline {
    --element-button-color: var(--element-button-colors-primary-color-outline);
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: transparent;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-primary-color);
        --element-button-border-color: var(--element-button-colors-primary-color-outline);
        --element-button-background-color: var(--element-button-colors-primary-color-outline);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-primary-border-color-active);
      --element-button-background-color: var(--element-button-colors-primary-background-color-active);
    }
  }
  .button-secondary-outline {
    --element-button-color: var(--element-button-colors-secondary-color-outline);
    --element-button-border-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: transparent;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-button-colors-secondary-color);
        --element-button-border-color: var(--element-button-colors-secondary-color-outline);
        --element-button-background-color: var(--element-button-colors-secondary-color-outline);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-secondary-border-color-active);
      --element-button-background-color: var(--element-button-colors-secondary-background-color-active);
    }
  }
  .button-dark {
    --element-button-color: var(--element-button-colors-dark-color);
    --element-button-border-color: var(--element-button-colors-dark-border-color);
    --element-button-background-color: var(--element-button-colors-dark-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-dark-border-color-hover);
        --element-button-background-color: var(--element-button-colors-dark-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-dark-border-color-active);
      --element-button-background-color: var(--element-button-colors-dark-background-color-active);
    }
  }
  .button-light {
    --element-button-color: var(--element-button-colors-light-color);
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: var(--element-button-colors-light-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-light-border-color-hover);
        --element-button-background-color: var(--element-button-colors-light-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-light-border-color-active);
      --element-button-background-color: var(--element-button-colors-light-background-color-active);
    }
  }
  .button-primary {
    --element-button-color: var(--element-button-colors-primary-color);
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: var(--element-button-colors-primary-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-primary-border-color-hover);
        --element-button-background-color: var(--element-button-colors-primary-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-primary-border-color-active);
      --element-button-background-color: var(--element-button-colors-primary-background-color-active);
    }
  }
  .button-secondary {
    --element-button-color: var(--element-button-colors-secondary-color);
    --element-button-border-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: var(--element-button-colors-secondary-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-secondary-border-color-hover);
        --element-button-background-color: var(--element-button-colors-secondary-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-secondary-border-color-active);
      --element-button-background-color: var(--element-button-colors-secondary-background-color-active);
    }
  }
  .button-link {
    --element-button-color: var(--element-color-accent);
    --element-button-border-color: transparent;
    --element-button-background-color: transparent;
    --element-button-px: 0px;
    @media (hover: hover) {
      &:hover {
        --element-button-color: var(--element-color-accent-alternate);
      }
    }
    &:focus, &:active {
      --element-button-color: var(--element-color-accent-alternate);
    }
  }
  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
  .outline-dotted {
    --tw-outline-style: dotted;
    outline-style: dotted;
  }
  .outline-double {
    --tw-outline-style: double;
    outline-style: double;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--element-image-border-radius\:var\(--element-logos-border-radius\,0px\)\] {
    --element-image-border-radius: var(--element-logos-border-radius,0px);
  }
  .\[gh\:pidusage\] {
    gh: pidusage;
  }
  .\[gh\:ps-tree-um\] {
    gh: ps-tree-um;
  }
  .\[gh\:ps-tree\] {
    gh: ps-tree;
  }
  .\[github\:simonepri\] {
    github: simonepri;
  }
  .\[grid-area\:servicecontent\] {
    grid-area: servicecontent;
  }
  .\[grid-area\:tabcontent\] {
    grid-area: tabcontent;
  }
  .\[grid-template-areas\:\'servicecontent\'\] {
    grid-template-areas: 'servicecontent';
  }
  .\[grid-template-areas\:\\\'tabcontent\\\'\] {
    grid-template-areas: \'tabcontent\';
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .backface-visible {
    backface-visibility: visible;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .duration-initial {
    --tw-duration: initial;
  }
  .ease-initial {
    --tw-ease: initial;
  }
  .perspective-none {
    perspective: none;
  }
  .perspective-origin-bottom {
    perspective-origin: bottom;
  }
  .perspective-origin-bottom-left {
    perspective-origin: bottom left;
  }
  .perspective-origin-bottom-right {
    perspective-origin: bottom right;
  }
  .perspective-origin-center {
    perspective-origin: center;
  }
  .perspective-origin-left {
    perspective-origin: left;
  }
  .perspective-origin-right {
    perspective-origin: right;
  }
  .perspective-origin-top {
    perspective-origin: top;
  }
  .perspective-origin-top-left {
    perspective-origin: top left;
  }
  .perspective-origin-top-right {
    perspective-origin: top right;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .transform-3d {
    transform-style: preserve-3d;
  }
  .transform-border {
    transform-box: border-box;
  }
  .transform-content {
    transform-box: content-box;
  }
  .transform-fill {
    transform-box: fill-box;
  }
  .transform-flat {
    transform-style: flat;
  }
  .transform-stroke {
    transform-box: stroke-box;
  }
  .transform-view {
    transform-box: view-box;
  }
  .\*\:inline-block {
    :is(& > *) {
      display: inline-block;
    }
  }
  .\*\:aspect-1\/1 {
    :is(& > *) {
      aspect-ratio: var(--aspect-1\/1);
    }
  }
  .\*\:size-6 {
    :is(& > *) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .\*\:size-9 {
    :is(& > *) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  .\*\:size-12 {
    :is(& > *) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .\*\:size-14 {
    :is(& > *) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .\*\:\!h-auto {
    :is(& > *) {
      height: auto !important;
    }
  }
  .\*\:min-h-full {
    :is(& > *) {
      min-height: 100%;
    }
  }
  .\*\:max-w-12 {
    :is(& > *) {
      max-width: calc(var(--spacing) * 12);
    }
  }
  .\*\:py-6 {
    :is(& > *) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .\*\:whitespace-nowrap {
    :is(& > *) {
      white-space: nowrap;
    }
  }
  .group-focus-within\:hidden {
    &:is(:where(.group):focus-within *) {
      display: none;
    }
  }
  .group-focus-within\:translate-y-0 {
    &:is(:where(.group):focus-within *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-focus-within\:scale-100 {
    &:is(:where(.group):focus-within *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus-within\:opacity-100 {
    &:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\:delay-100 {
    &:is(:where(.group):focus-within *) {
      transition-delay: 100ms;
    }
  }
  .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\:translate-y-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        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\:delay-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transition-delay: 100ms;
      }
    }
  }
  .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,);
    }
  }
  .hover\:border-\[var\(--element-color-nav-fg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-fg-hover);
      }
    }
  }
  .hover\:border-\[var\(--element-color-nav-tab-border-hover\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--element-color-nav-tab-border-hover);
      }
    }
  }
  .hover\:bg-\[var\(--element-color-nav-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--element-color-nav-bg-hover);
      }
    }
  }
  .hover\: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\:text-secondary-darker {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary-darker);
      }
    }
  }
  .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\:invisible {
    @media (width < 64rem) {
      visibility: hidden;
    }
  }
  .max-navbreakpoint\:absolute {
    @media (width < 64rem) {
      position: absolute;
    }
  }
  .max-navbreakpoint\:fixed {
    @media (width < 64rem) {
      position: fixed;
    }
  }
  .max-navbreakpoint\:relative {
    @media (width < 64rem) {
      position: relative;
    }
  }
  .max-navbreakpoint\:inset-0 {
    @media (width < 64rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:top-0 {
    @media (width < 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:right-0 {
    @media (width < 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .max-navbreakpoint\:-z-10 {
    @media (width < 64rem) {
      z-index: calc(10 * -1);
    }
  }
  .max-navbreakpoint\:z-30 {
    @media (width < 64rem) {
      z-index: 30;
    }
  }
  .max-navbreakpoint\:ml-auto {
    @media (width < 64rem) {
      margin-left: auto;
    }
  }
  .max-navbreakpoint\:flex {
    @media (width < 64rem) {
      display: flex;
    }
  }
  .max-navbreakpoint\:util-styled-scrollbar {
    @media (width < 64rem) {
      &::-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 < 64rem) {
      height: 100%;
    }
  }
  .max-navbreakpoint\:h-screen {
    @media (width < 64rem) {
      height: 100vh;
    }
  }
  .max-navbreakpoint\:h-svh {
    @media (width < 64rem) {
      height: 100svh;
    }
  }
  .max-navbreakpoint\:w-full {
    @media (width < 64rem) {
      width: 100%;
    }
  }
  .max-navbreakpoint\:max-w-sm {
    @media (width < 64rem) {
      max-width: var(--container-sm);
    }
  }
  .max-navbreakpoint\:translate-x-full {
    @media (width < 64rem) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-navbreakpoint\:flex-col {
    @media (width < 64rem) {
      flex-direction: column;
    }
  }
  .max-navbreakpoint\:flex-col-reverse {
    @media (width < 64rem) {
      flex-direction: column-reverse;
    }
  }
  .max-navbreakpoint\:justify-end {
    @media (width < 64rem) {
      justify-content: flex-end;
    }
  }
  .max-navbreakpoint\:overflow-x-hidden {
    @media (width < 64rem) {
      overflow-x: hidden;
    }
  }
  .max-navbreakpoint\:overflow-y-auto {
    @media (width < 64rem) {
      overflow-y: auto;
    }
  }
  .max-navbreakpoint\:bg-gray-900\/30 {
    @media (width < 64rem) {
      background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
    }
  }
  .max-navbreakpoint\:p-4 {
    @media (width < 64rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .max-navbreakpoint\:transition-transform {
    @media (width < 64rem) {
      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-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .xs\:col-span-5 {
    @media (width >= 30rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xs\:col-span-6 {
    @media (width >= 30rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xs\:mb-2 {
    @media (width >= 30rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-5 {
    @media (width >= 40rem) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .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\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:max-lg\:hidden {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        display: none;
      }
    }
  }
  .navbreakpoint\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .navbreakpoint\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .navbreakpoint\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .navbreakpoint\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .navbreakpoint\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .navbreakpoint\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .navbreakpoint\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .navbreakpoint\:inline-block {
    @media (width >= 64rem) {
      display: inline-block;
    }
  }
  .navbreakpoint\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .navbreakpoint\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .navbreakpoint\:gap-x-8 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .navbreakpoint\:text-nowrap {
    @media (width >= 64rem) {
      text-wrap: nowrap;
    }
  }
  .\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;
    }
  }
  .\@max-2xl\/element-services\:hidden {
    @container element-services (width < 42rem) {
      display: none;
    }
  }
  .\@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\/service-item\:col-span-2 {
    @container service-item (width >= 28rem) {
      grid-column: span 2 / span 2;
    }
  }
  .\@md\/protected-content\:w-auto {
    @container protected-content (width >= 28rem) {
      width: auto;
    }
  }
  .\@md\/icons-list\:basis-1\/2 {
    @container icons-list (width >= 28rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .\@md\/gallery-grid\:grid-cols-3 {
    @container gallery-grid (width >= 28rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@md\/service-item\:grid-cols-\[max-content_1fr\] {
    @container service-item (width >= 28rem) {
      grid-template-columns: max-content 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;
    }
  }
  .\@md\/service-item\:gap-8 {
    @container service-item (width >= 28rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@md\/service-item\:pt-8 {
    @container service-item (width >= 28rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .\@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\/service-item\:col-span-1 {
    @container service-item (width >= 42rem) {
      grid-column: span 1 / span 1;
    }
  }
  .\@2xl\/service-item\:mt-\[3px\] {
    @container service-item (width >= 42rem) {
      margin-top: 3px;
    }
  }
  .\@2xl\/service-item\:ml-auto {
    @container service-item (width >= 42rem) {
      margin-left: auto;
    }
  }
  .\@2xl\/service-item\:w-auto {
    @container service-item (width >= 42rem) {
      width: auto;
    }
  }
  .\@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\/element-blog-archive\:grid-cols-2 {
    @container element-blog-archive (width >= 42rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@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\/service-item\:grid-cols-\[max-content_1fr_max-content\] {
    @container service-item (width >= 42rem) {
      grid-template-columns: max-content 1fr max-content;
    }
  }
  .\@2xl\/icons-list\:flex-row {
    @container icons-list (width >= 42rem) {
      flex-direction: row;
    }
  }
  .\@2xl\/service-item\:p-8 {
    @container service-item (width >= 42rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .\@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-4 {
    @container logos-grid (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\@3xl\/logos-grid\:grid-cols-7 {
    @container logos-grid (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .\@3xl\:grid-cols-2 {
    @container (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/icons-list\:basis-1\/4 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/4 * 100%);
    }
  }
  .\@4xl\/icons-list\:basis-1\/5 {
    @container icons-list (width >= 56rem) {
      flex-basis: calc(1/5 * 100%);
    }
  }
  .\@4xl\/element-latest-blogs\:grid-cols-2 {
    @container element-latest-blogs (width >= 56rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/element-services\:grid-cols-2 {
    @container element-services (width >= 56rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/gallery-grid\:grid-cols-9 {
    @container gallery-grid (width >= 56rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .\@4xl\/logos-grid\:grid-cols-8 {
    @container logos-grid (width >= 56rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .\@4xl\/icons-list\:flex-row {
    @container icons-list (width >= 56rem) {
      flex-direction: row;
    }
  }
  .\@4xl\:gap-8 {
    @container (width >= 56rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@5xl\/element-blog-archive\:grid-cols-3 {
    @container element-blog-archive (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@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\/parent-row\:hidden {
    @container parent-row (width >= 72rem) {
      display: none;
    }
  }
  .\@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\:visible {
    @media (width < 64rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        visibility: visible;
      }
    }
  }
  .mobile-nav-menu-main-open\:fixed {
    @media (width < 64rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        position: fixed;
      }
    }
  }
  .mobile-nav-menu-main-open\:top-4 {
    @media (width < 64rem) {
      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 < 64rem) {
      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 < 64rem) {
      input#header-menu-toggle:checked &, input#header-menu-toggle:checked + #wrapper & {
        z-index: 40;
      }
    }
  }
  .mobile-nav-menu-main-open\:translate-x-0 {
    @media (width < 64rem) {
      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;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-1 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -1);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-2 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -2);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-4 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -4);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\]\:-mx-6 {
    &:not(.swiper-initialized) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:min-h-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      min-height: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:shrink-0 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-shrink: 0;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-6\/12 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: calc(6/12 * 100%);
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-full {
    &:not(.swiper-initialized)>*>.swiper-slide {
      flex-basis: 100%;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-4 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 4px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-8 {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 8px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[16px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 16px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-x-\[24px\] {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 24px;
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:border-transparent {
    &:not(.swiper-initialized)>*>.swiper-slide {
      border-color: transparent;
    }
  }
  .\@md\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container logos-slider (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-md));
      }
    }
  }
  .\@md\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-md\)\)\] {
    @container (width >= 28rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-md));
      }
    }
  }
  .\@3xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container logos-slider (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-3xl));
      }
    }
  }
  .\@3xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-3xl\)\)\] {
    @container (width >= 48rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-3xl));
      }
    }
  }
  .\@6xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container logos-slider (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-6xl));
      }
    }
  }
  .\@6xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-6xl\)\)\] {
    @container (width >= 72rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-6xl));
      }
    }
  }
  .\@7xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container logos-slider (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-7xl));
      }
    }
  }
  .\@7xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-7xl\)\)\] {
    @container (width >= 80rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-7xl));
      }
    }
  }
  .\@8xl\/logos-slider\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container logos-slider (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--slides-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--slides-per-view-8xl));
      }
    }
  }
  .\@8xl\:\[\&\:not\(\.swiper-initialized\)\>\*\>\.swiper-slide\]\:basis-\[calc\(100\%\/var\(--thumbs-per-view-8xl\)\)\] {
    @container (width >= 90rem) {
      &:not(.swiper-initialized)>*>.swiper-slide {
        flex-basis: calc(100% / var(--thumbs-per-view-8xl));
      }
    }
  }
  .\[\&\:not\(\.swiper-initialized\)\>\.swiper-wrapper\]\:overflow-hidden {
    &:not(.swiper-initialized)>.swiper-wrapper {
      overflow: hidden;
    }
  }
  .max-navbreakpoint\:\[\&\:not\(\:only-child\)\]\:border-t {
    @media (width < 64rem) {
      &: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 < 64rem) {
      &:not(:only-child) {
        border-color: var(--element-color-border);
      }
    }
  }
  .max-navbreakpoint\:last\:\[\&\:not\(\:only-child\)\]\:mt-4 {
    @media (width < 64rem) {
      &:last-child {
        &:not(:only-child) {
          margin-top: calc(var(--spacing) * 4);
        }
      }
    }
  }
  .max-navbreakpoint\:last\:\[\&\:not\(\:only-child\)\]\:border-t {
    @media (width < 64rem) {
      &:last-child {
        &:not(:only-child) {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
        }
      }
    }
  }
  .max-navbreakpoint\:last\:\[\&\:not\(\:only-child\)\]\:border-\[var\(--element-color-border\)\] {
    @media (width < 64rem) {
      &:last-child {
        &:not(:only-child) {
          border-color: var(--element-color-border);
        }
      }
    }
  }
  .max-navbreakpoint\:last\:\[\&\:not\(\:only-child\)\]\:pt-4 {
    @media (width < 64rem) {
      &:last-child {
        &:not(:only-child) {
          padding-top: calc(var(--spacing) * 4);
        }
      }
    }
  }
}
:root, .preview-shadow-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-primary-color: #fff;
  --element-button-colors-primary-color-outline: var(--color-primary-500);
  --element-button-colors-primary-border-color: var(--color-primary-500);
  --element-button-colors-primary-background-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-hover: var(--color-primary-400);
  --element-button-colors-primary-background-color-active: var(--color-primary-500);
  --element-button-colors-secondary-color: #fff;
  --element-button-colors-secondary-color-outline: var(--color-secondary);
  --element-button-colors-secondary-border-color: var(--color-secondary);
  --element-button-colors-secondary-background-color: var(--color-secondary);
  --element-button-colors-secondary-border-color-hover: var(--color-secondary-lighter);
  --element-button-colors-secondary-border-color-active: var(--color-secondary-darker);
  --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-light-color: black;
  --element-button-colors-light-color-outline: var(--color-gray-100);
  --element-button-colors-light-border-color: var(--color-gray-100);
  --element-button-colors-light-background-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-hover: var(--color-gray-50);
  --element-button-colors-light-background-color-active: var(--color-gray-200);
  --element-button-colors-dark-color: #fff;
  --element-button-colors-dark-color-outline: var(--color-gray-800);
  --element-button-colors-dark-border-color: var(--color-gray-800);
  --element-button-colors-dark-background-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-hover: var(--color-gray-700);
  --element-button-colors-dark-background-color-active: var(--color-gray-900);
  --element-button-sizes-sm-font-size: 0.75rem;
  --element-button-sizes-sm-font-weight: 600;
  --element-button-sizes-sm-text-transform: none;
  --element-button-sizes-sm-line-height: 1rem;
  --element-button-sizes-sm-border-radius: 0.25rem;
  --element-button-sizes-sm-border-width: 1px;
  --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-default-font-size: 0.875rem;
  --element-button-sizes-default-font-weight: 600;
  --element-button-sizes-default-text-transform: none;
  --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-lg-font-size: 1rem;
  --element-button-sizes-lg-font-weight: 600;
  --element-button-sizes-lg-text-transform: none;
  --element-button-sizes-lg-line-height: 1.25rem;
  --element-button-sizes-lg-border-radius: 0.25rem;
  --element-button-sizes-lg-border-width: 1px;
  --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, .preview-shadow-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-header-top-height-navbreakpoint-down: 52px;
  --element-header-top-height-navbreakpoint-down-scrolled: 52px;
  --element-header-top-height-navbreakpoint-up: 60px;
  --element-header-top-height-navbreakpoint-up-scrolled: 60px;
  --element-header-main-height-navbreakpoint-down: 88px;
  --element-header-main-height-navbreakpoint-down-scrolled: 88px;
  --element-header-main-height-navbreakpoint-up: 128px;
  --element-header-main-height-navbreakpoint-up-scrolled: 128px;
  --element-header-main-navigation-prev-link-height: 60px;
  --element-header-main-navigation-sub-menu-title-height: 60px;
  --element-section-rows-padding-y-sm: clamp(0.75rem, 3vw, 1.5rem);
  --element-section-rows-padding-y-default: clamp(2rem, 4vw, 4rem);
  --element-section-rows-padding-y-lg: clamp(4rem, 8vw, 6rem);
  --element-title-font-family-heading-alternative: Prata;
  --element-button-sizes-sm-font-size: 0.75rem;
  --element-button-sizes-sm-font-weight: 600;
  --element-button-sizes-sm-text-transform: uppercase;
  --element-button-sizes-sm-line-height: 1rem;
  --element-button-sizes-sm-border-radius: 0.125rem;
  --element-button-sizes-sm-border-width: 1px;
  --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-default-font-size: 0.875rem;
  --element-button-sizes-default-font-weight: 600;
  --element-button-sizes-default-text-transform: uppercase;
  --element-button-sizes-default-line-height: 1.25rem;
  --element-button-sizes-default-border-radius: 0.125rem;
  --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-lg-font-size: 1rem;
  --element-button-sizes-lg-font-weight: 600;
  --element-button-sizes-lg-text-transform: uppercase;
  --element-button-sizes-lg-line-height: 1.25rem;
  --element-button-sizes-lg-border-radius: 0.125rem;
  --element-button-sizes-lg-border-width: 1px;
  --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;
}
:root, .preview-shadow-root {
  --element-color-default-bg: rgba(255, 255, 255, 0.90);
  --element-color-default-bg-full: white;
  --element-color-default-bg-alternate: rgba(244, 244, 243, 0.900);
  --element-color-default-fg: var(--color-neutral-700);
  --element-color-default-fg-darker: var(--color-neutral-900);
  --element-color-default-fg-muted: var(--color-neutral-500);
  --element-color-default-accent: var(--color-primary-500);
  --element-color-default-accent-alternate: var(--color-stone-500);
  --element-color-default-title: var(--color-stone-600);
  --element-color-default-title-alternate: var(--element-color-default-fg-darker);
  --element-color-default-subtitle: var(--color-stone-600);
  --element-color-default-subtitle-alternate: var(--element-color-default-fg-muted);
  --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: rgba(223, 229, 238, 0.900);
  --element-color-primary-bg-full: var(--color-primary-bg);
  --element-color-primary-bg-alternate: rgba(255, 255, 255, .2);
  --element-color-primary-fg: var(--color-neutral-700);
  --element-color-primary-fg-darker: var(--color-neutral-900);
  --element-color-primary-fg-muted: var(--color-neutral-500);
  --element-color-primary-accent: var(--color-gray-800);
  --element-color-primary-accent-alternate: var(--color-gray-500);
  --element-color-primary-title: var(--color-stone-600);
  --element-color-primary-title-alternate: var(--element-color-primary-fg-darker);
  --element-color-primary-subtitle: var(--color-stone-600);
  --element-color-primary-subtitle-alternate: var(--color-primary-500);
  --element-color-primary-border: rgba(0, 0, 0, .1);
  --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.5);
  --element-color-light-bg: rgba(244, 244, 243, 0.900);
  --element-color-light-bg-full: var(--color-stone-100);
  --element-color-light-bg-alternate: var(--color-stone-50);
  --element-color-light-fg: var(--color-neutral-700);
  --element-color-light-fg-darker: var(--color-neutral-900);
  --element-color-light-fg-muted: var(--color-neutral-500);
  --element-color-light-accent: var(--color-primary-500);
  --element-color-light-accent-alternate: var(--color-stone-500);
  --element-color-light-title: var(--color-stone-600);
  --element-color-light-title-alternate: var(--element-color-light-fg-darker);
  --element-color-light-subtitle: var(--color-stone-600);
  --element-color-light-subtitle-alternate: var(--element-color-light-fg-muted);
  --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: rgba(8, 5, 3, 0.920);
  --element-color-dark-bg-full: var(--color-stone-900);
  --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, .2);
  --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);
}
:root, .preview-shadow-root {
  &, [data-element-color="default"] {
    --element-color-bg-full: var(--element-color-default-bg-full);
  }
  [data-element-color="primary"] {
    --element-color-bg-full: var(--element-color-primary-bg-full);
  }
  [data-element-color="light"] {
    --element-color-bg-full: var(--element-color-light-bg-full);
  }
  [data-element-color="dark"] {
    --element-color-bg-full: var(--element-color-dark-bg-full);
  }
}
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;
  }
}
: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;
    --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-text-transform: var(--element-button-sizes-default-text-transform);
    --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-border-color: inherit;
    --element-button-background-color: 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);
    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;
      }
    }
  }
  button.gpfup__cancel {
    --element-button-color: var(--element-button-colors-light-color);
    --element-button-border-color: var(--element-button-colors-light-border-color);
    --element-button-background-color: var(--element-button-colors-light-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-light-border-color-hover);
        --element-button-background-color: var(--element-button-colors-light-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-light-border-color-active);
      --element-button-background-color: 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-color: var(--element-button-colors-secondary-border-color);
    --element-button-background-color: var(--element-button-colors-secondary-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-secondary-border-color-hover);
        --element-button-background-color: var(--element-button-colors-secondary-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-secondary-border-color-active);
      --element-button-background-color: var(--element-button-colors-secondary-background-color-active);
    }
  }
  button.gpfup__crop {
    --element-button-color: var(--element-button-colors-primary-color);
    --element-button-border-color: var(--element-button-colors-primary-border-color);
    --element-button-background-color: var(--element-button-colors-primary-background-color);
    @media (hover: hover) {
      &:hover {
        --element-button-border-color: var(--element-button-colors-primary-border-color-hover);
        --element-button-background-color: var(--element-button-colors-primary-background-color-hover);
      }
    }
    &:active {
      --element-button-border-color: var(--element-button-colors-primary-border-color-active);
      --element-button-background-color: 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-text-transform: var(--element-button-sizes-default-text-transform) !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-border-color: inherit !important;
    --element-button-background-color: 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;
    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;
      }
    }
  }
}
.gform_button_select_files, .gf-button-secondary--default {
  --element-button-color: var(--element-button-colors-secondary-color) !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;
  @media (hover: hover) {
    &:hover {
      --element-button-border-color: var(--element-button-colors-secondary-border-color-hover) !important;
      --element-button-background-color: var(--element-button-colors-secondary-background-color-hover) !important;
    }
  }
  &:active {
    --element-button-border-color: var(--element-button-colors-secondary-border-color-active) !important;
    --element-button-background-color: 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-color: var(--element-button-colors-primary-border-color) !important;
  --element-button-background-color: var(--element-button-colors-primary-background-color) !important;
  @media (hover: hover) {
    &:hover {
      --element-button-border-color: var(--element-button-colors-primary-border-color-hover) !important;
      --element-button-background-color: var(--element-button-colors-primary-background-color-hover) !important;
    }
  }
  &:active {
    --element-button-border-color: var(--element-button-colors-primary-border-color-active) !important;
    --element-button-background-color: var(--element-button-colors-primary-background-color-active) !important;
  }
}
.gf-button-secondary--alt {
  --element-button-color: var(--element-button-colors-light-color-outline) !important;
  --element-button-border-color: var(--element-button-colors-light-border-color) !important;
  --element-button-background-color: transparent !important;
  @media (hover: hover) {
    &:hover {
      --element-button-color: var(--element-button-colors-light-color) !important;
      --element-button-border-color: var(--element-button-colors-light-color-outline) !important;
      --element-button-background-color: var(--element-button-colors-light-color-outline) !important;
    }
  }
  &:active {
    --element-button-border-color: var(--element-button-colors-light-border-color-active) !important;
    --element-button-background-color: var(--element-button-colors-light-background-color-active) !important;
  }
}
.gf-button-primary--alt {
  --element-button-color: var(--element-button-colors-light-color) !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;
  @media (hover: hover) {
    &:hover {
      --element-button-border-color: var(--element-button-colors-light-border-color-hover) !important;
      --element-button-background-color: var(--element-button-colors-light-background-color-hover) !important;
    }
  }
  &:active {
    --element-button-border-color: var(--element-button-colors-light-border-color-active) !important;
    --element-button-background-color: 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-color: black;
  --hamburger-width: calc(var(--spacing) * 10);
  --hamburger-height: calc(var(--spacing) * 8);
  --hamburger-padding: calc(var(--spacing) * 1);
  --hamburger-transition-duration: 250ms;
  --hamburger-bun-size: calc(var(--spacing) * 0.5);
}
@layer components {
  .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--hamburger-width);
    height: var(--hamburger-height);
    padding: var(--hamburger-padding);
    cursor: pointer;
    transition: row-gap var(--hamburger-transition-duration) linear var(--hamburger-transition-duration);
    #header-menu-toggle:checked + #wrapper & {
      row-gap: 0;
      transition: row-gap var(--hamburger-transition-duration) linear;
    }
    .bun {
      display: block;
      width: 100%;
      height: var(--hamburger-bun-size);
      background-color: var(--hamburger-color);
      &.top {
        transition: margin var(--hamburger-transition-duration) linear var(--hamburger-transition-duration), background-color var(--hamburger-transition-duration) linear calc(var(--hamburger-transition-duration) / 2);
        #header-menu-toggle:checked + #wrapper & {
          margin-bottom: calc(-1 * var(--hamburger-bun-size));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration) linear, background-color var(--hamburger-transition-duration) linear calc(var(--hamburger-transition-duration) / 2);
        }
      }
      &.bottom {
        transition: margin var(--hamburger-transition-duration) linear var(--hamburger-transition-duration), background-color var(--hamburger-transition-duration) linear calc(var(--hamburger-transition-duration) / 2);
        #header-menu-toggle:checked + #wrapper & {
          margin-top: calc(-1 * var(--hamburger-bun-size));
          background-color: transparent;
          transition: margin var(--hamburger-transition-duration) linear, background-color var(--hamburger-transition-duration) linear calc(var(--hamburger-transition-duration) / 2);
        }
      }
      &.middle {
        #header-menu-toggle:checked + #wrapper & {
          transition: 0ms none;
          background-color: transparent;
        }
        transition: background-color var(--hamburger-transition-duration) linear calc(var(--hamburger-transition-duration) / 2);
        .bun {
          opacity: 0;
          transform: rotate(0deg);
          #header-menu-toggle:checked + #wrapper & {
            opacity: 1;
            transition: transform var(--hamburger-transition-duration) linear var(--hamburger-transition-duration), background-color var(--hamburger-transition-duration) linear var(--hamburger-transition-duration);
            &.bun-motion-1 {
              transform: rotate(45deg);
            }
            &.bun-motion-2 {
              transform: rotate(-45deg);
            }
          }
          & + .bun {
            margin-top: calc(-1 * var(--hamburger-bun-size));
          }
        }
      }
    }
  }
}
:root {
  --header-transition: height 150ms ease-in-out;
  --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 >= 64rem) {
    --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 >= 64rem) {
    --header-top-height: var(--element-header-top-height-navbreakpoint-up-scrolled);
    --header-main-height: var(--element-header-main-height-navbreakpoint-up-scrolled);
  }
}
@media (width < 64rem) {
  #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-menu-toggle:not(:checked) + #wrapper {
    #nav_wrapper {
      transition: visibility 150ms ease-in-out 300ms, transform 150ms ease-in-out, translate 150ms ease-in-out;
    }
  }
}
#header {
  height: var(--header-height);
  transition: var(--header-transition);
  border: var(--header-border, none);
  box-shadow: var(--header-box-shadow, none);
  #header_top_wrapper {
    height: var(--header-top-height);
    transition: var(--header-top-transition, var(--header-transition));
    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));
    background-color: var(--header-main-bg, white);
  }
  @media (width < 64rem) {
    .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;
    }
  }
}
.is-preview *, .is-preview *::before, .is-preview *::after {
  pointer-events: none !important;
}
.preview-shadow-root {
  --tw-border-style: solid;
  isolation: isolate;
}
@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 >= 64rem) {
    --nav-menu-transition-duration: 300ms;
  }
}
@keyframes delay-pointer-events {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.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-top: auto;
        --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: 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, 0rem) / 2));
          margin-top: calc(var(--nav-menu-sub-menu-offset-top, 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) + 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;
          visibility: visible;
          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)));
          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;
              visibility: visible;
              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);
        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: hidden;
        }
      }
    }
    &: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 < 64rem) {
      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 >= 64rem) {
        flex-direction: row;
      }
    }
    @media (width < 64rem) {
      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 < 64rem) {
        --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 < 64rem) {
      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: 0;
        height: var(--element-header-main-navigation-prev-link-height);
        margin-left: calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1);
        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: 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: 100%;
            height: 100%;
            background-color: var(--nav-menu-main-wrapper-bg, white);
            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: clip;
              > .submenu-prev-link, > a {
                align-items: center;
                @layer base {
                  display: flex !important;
                }
              }
              > .submenu-prev-link {
                z-index: 1;
                position: sticky;
                top: 0;
                height: var(--element-header-main-navigation-prev-link-height);
                margin-left: calc(var(--nav-menu-main-sub-menu-padding-x, 1rem) * -1);
                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-prev-link-bg, var(--color-light));
              }
              > a.sub-menu-title {
                width: 100%;
                height: var(--element-header-main-navigation-sub-menu-title-height);
                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 >= 64rem) {
      height: var(--header-main-height);
      transition: var(--nav-menu-main-transition, var(--header-main-transition, var(--header-transition)));
      > .menu {
        height: 100%;
        align-items: center;
        .menu-item.menu-item-has-children.has-mega-menu {
          > .sub-menu-container.mega-menu {
            max-height: var(--nav-menu-main-mega-menu-max-height, calc(100vh - (var(--header-height) + var(--nav-menu-main-mega-menu-max-height-offset, 1rem))));
            overflow-y: auto;
            overflow-x: hidden;
            &::-webkit-scrollbar {
              width: var(--styled-scrollbar-width, 5px);
              height: var(--styled-scrollbar-height, 5px);
            }
            &::-webkit-scrollbar-track {
              background-color: var(--styled-scrollbar-track-bg, transparent);
              border-radius: var(--styled-scrollbar-track-border-radius, 2px);
            }
            &::-webkit-scrollbar-thumb {
              background-color: var(--styled-scrollbar-thumb-bg, var(--element-color-fg-muted));
              border-radius: var(--styled-scrollbar-thumb-border-radius, 2px);
            }
            > .sub-menu-nav-container .sub-menu {
              &:has(> .menu-item-element-column) {
                display: flex;
                column-gap: var(--nav-menu-main-mega-menu-columns-gap-x, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                row-gap: var(--nav-menu-main-mega-menu-columns-gap-y, var(--nav-menu-main-mega-menu-columns-gap, 0px));
                > .menu-item-element-column {
                  flex: 1 1 auto;
                  width: 100%;
                  page-break-inside: avoid;
                  > ol {
                    padding: var(--nav-menu-main-mega-menu-columns-column-padding, 0px);
                  }
                }
              }
            }
          }
          .sub-menu-container {
            .menu-item > a {
              width: auto;
            }
            .sub-sub-menu-container {
              --nav-menu-sub-menu-offset-top: 0px;
              position: initial;
            }
          }
        }
      }
    }
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-secondary-mobile {
    --nav-menu-secondary-mobile-flex-direction: var(--nav-menu-secondary-mobile-flex-direction-navbreakpointDown, column);
    --nav-menu-secondary-mobile-gap: var(--nav-menu-secondary-mobile-gap-navbreakpointDown, var(--gap-xs));
    @media (width >= 64rem) {
      --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 >= 64rem) {
    --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);
  }
}
.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);
  }
}
.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: var(--swiper-pagination-bullet-horizontal-gap, var(--swiper-pagination-bullet-gap, 4px));
        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);
          &.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;
            }
          }
        }
      }
    }
    .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"] {
        @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"] {
        @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"] {
        @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"] {
        @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 < 24rem) {
        .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"] {
        @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"] {
        @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"] {
        @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"] {
        @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;
              }
            }
          }
        }
      }
    }
  }
}
.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-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: 'Prata';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/prata-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../assets/fonts/dm-sans-v15-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/dm-sans-v15-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/dm-sans-v15-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/dm-sans-v15-latin-600.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-youtube:before {
  content: '\e000';
}
.icon-x:before {
  content: '\e001';
}
.icon-whatsapp:before {
  content: '\e002';
}
.icon-tiktok:before {
  content: '\e003';
}
.icon-snapchat:before {
  content: '\e004';
}
.icon-pinterest:before {
  content: '\e005';
}
.icon-linkedin:before {
  content: '\e006';
}
.icon-instagram:before {
  content: '\e007';
}
.icon-facebook:before {
  content: '\e008';
}
.icon-chevron-up:before {
  content: '\e009';
}
.icon-chevron-right:before {
  content: '\e00a';
}
.icon-chevron-left:before {
  content: '\e00b';
}
.icon-chevron-down:before {
  content: '\e00c';
}
.button {
  text-transform: uppercase;
  justify-content: center;
  .button__icon {
    line-height: 1;
    font-size: calc(var(--element-button-line-height));
    margin-bottom: -1px;
    margin-top: -1px;
    > *:before {
      display: flex;
      line-height: calc(var(--element-button-line-height) + 1px);
    }
  }
}
#footer {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200);
  --element-color-fg: var(--element-color-fg-muted);
  --element-color-accent: var(--color-body-fg);
  z-index: 1;
  .text-h6 {
    color: var(--element-color-accent);
  }
}
html body .gform_wrapper:is(.gform-theme, .gravity-theme) {
  .gform_fields {
    .gfield--type-image_choice {
      .gfield-choice-image-wrapper img {
        filter: grayscale(1);
      }
    }
  }
  .gform-field-label a {
    text-decoration: underline;
    &:hover {
      text-decoration: none;
    }
  }
}
.hamburger {
  --hamburger-color: var(--element-color-fg-muted);
  --hamburger-width: 32px;
  --hamburger-height: 28px;
  --hamburger-bun-size: 3px;
}
#header {
  --header-transition: background-color 150ms ease-in-out, height 150ms ease-in-out, transform 150ms ease-in-out;
  #header_top_wrapper .nav-menu.nav-menu-top {
    --nav-menu-top-gap: 1.5rem;
    --nav-menu-top-lvl0-menu-item-color: var(--color-gray-600);
    --nav-menu-top-lvl0-menu-item-color-hover: var(--color-gray-700);
    & > .menu .menu-item {
      --item-text-transform: uppercase;
      & > a .subnav-toggle {
        margin-top: -1px;
      }
    }
    .sub-menu-container {
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--element-color-border);
      --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);
      li {
        line-height: 1;
      }
    }
  }
  .language-switch-item {
    a > span {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
  }
}
.scrolled {
  #header {
    transform: translateY(calc(var(--header-top-height) * -1));
    background-color: white;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.05), 0px 4px 6px -4px rgba(0, 0, 0, 0.05);
  }
}
.logo {
  @media (width < 64rem) {
    max-width: 140px;
  }
}
#header #nav_wrapper {
  .nav-menu.nav-menu-main {
    --nav-main-sub-menu-padding: 1.25rem;
    --nav-menu-sub-menu-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.20);
    --nav-menu-sub-menu-border-radius: var(--element-border-radius-md);
    --nav-menu-sub-menu-position-left: calc((1px + var(--nav-main-sub-menu-padding)) * -1);
    --nav-menu-sub-menu-border: 1px solid var(--element-color-border);
    --nav-menu-item-color: var(--element-color-fg-muted);
    --nav-menu-item-letter-spacing: 0.04rem;
    --nav-menu-item-text-transform: none;
    --nav-menu-main-lvl0-menu-item-color: var(--element-color-fg-muted);
    --nav-menu-main-lvl0-menu-item-letter-spacing: 0.04rem;
    --nav-menu-main-lvl0-menu-item-text-transform: uppercase;
    --nav-menu-main-lvl0-menu-item-font-weight-active: var(--font-weight-bold);
    --nav-menu-main-menu-title-font-size: 1.25rem;
    --nav-menu-main-menu-title-font-weight: 600;
    .sub-menu {
      li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
    }
    @media (width < 64rem) {
      --nav-menu-main-padding-x: 2rem;
      --nav-menu-main-sub-menu-padding-x: var(--nav-menu-main-padding-x);
      --nav-menu-main-sub-menu-prev-link-text-transform: uppercase;
      --nav-menu-main-sub-menu-prev-link-color: var(--element-color-fg-muted);
      .menu {
        li {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }
      }
      .menu-title, .sub-menu-title {
        margin-top: 0.5rem;
      }
    }
    @media (width >= 64rem) {
      --nav-menu-main-gap: 2rem;
    }
  }
  @media (max-height: 650px) {
    .main-nav-elements-holder {
      display: none;
    }
  }
}
.abovo-pagination {
  --pagination-padding: 1.125rem 1rem;
}
sections {
  min-height: calc(140px + var(--header-height));
}
#main sections > section.section-pt:first-of-type:not(.is-preview) {
  --element-section-rows-padding-y-default: clamp(1rem, 3vw, 4rem);
}
#main sections > section:first-of-type:not(.is-preview) {
  --section-padding-top-offset: var(--header-height);
}
.section[data-element-color="unset"] {
  background-color: var(--color-body-bg_opaque);
}
.section-breakout-rectangle {
  pointer-events: none;
  position: relative;
  margin-bottom: calc(clamp(4rem, 6vw, 6rem) * -1);
  top: -1px;
  z-index: 10;
  transform: scale(1, -1);
  display: none;
  svg {
    width: 100%;
    height: clamp(4rem, 6vw, 6rem);
  }
}
:where(section:not(:last-of-type)) {
  &[data-breakout="1"] {
    &:not([data-element-color="image"]):not([data-element-color="video"]) {
      &[data-breakout-pos="right"] {
        & + .section-breakout-rectangle.pos-end {
          transform: scale(-1, -1);
        }
      }
      & + .section-breakout-rectangle.pos-end {
        display: block;
      }
      & + .section-breakout-rectangle.pos-end + .section-breakout-rectangle.pos-start + .section {
        --section-padding-top-offset: clamp(4rem, 6vw, 6rem);
      }
      &::before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 10rem;
        background: linear-gradient(transparent, var(--element-color-bg-full));
        pointer-events: none;
      }
    }
    &[data-element-color="image"], &[data-element-color="video"] {
      --section-padding-bottom-offset: clamp(4rem, 6vw, 6rem);
      &:has(+ .section-breakout-rectangle.pos-end + .section-breakout-rectangle.pos-start + .section:not([data-element-color="image"]):not([data-element-color="video"])) {
        &[data-breakout-pos="left"] + .section-breakout-rectangle.pos-end + .section-breakout-rectangle.pos-start {
          --breakout-rectangle-scale-x: -1;
        }
        & + .section-breakout-rectangle.pos-end + .section-breakout-rectangle.pos-start {
          display: block;
          transform: scale(var(--breakout-rectangle-scale-x, 1), var(--breakout-rectangle-scale-y, 1)) translateY(calc(-100% + 2px));
        }
      }
    }
  }
  &[data-element-color="unset"], &[data-element-color="default"] {
    & + .section-breakout-rectangle {
      color: var(--color-body-bg);
    }
  }
  &[data-element-color="light"] {
    & + .section-breakout-rectangle.pos-end {
      color: var(--color-light-bg);
    }
  }
  &[data-element-color="dark"] {
    & + .section-breakout-rectangle.pos-end {
      color: var(--color-dark-bg);
    }
  }
  &[data-element-color="primary"] {
    & + .section-breakout-rectangle.pos-end {
      color: var(--color-primary-bg);
    }
  }
}
.section-breakout-rectangle.pos-start {
  &:has(+ :is(.section[data-element-color="unset"], .section[data-element-color="default"])) {
    color: var(--color-body-bg);
  }
  &:has(+ .section[data-element-color="primary"]) {
    color: var(--color-primary-bg);
  }
  &:has(+ .section[data-element-color="light"]) {
    color: var(--color-light-bg);
  }
  &:has(+ .section[data-element-color="dark"]) {
    color: var(--color-dark-bg);
  }
}
:root {
  --animation-reveal-offset: 200px;
  --animation-parallax-offset: clamp(70px, 14vw, 175px);
  --animation-with-page-offset: 600px;
  --animation-fade-slide-in-offset: 60px;
}
@supports (animation-timeline: view()) {
  .section:not(.is-preview) .section-element-col > .section-elements > .section-element-image {
    &:only-child {
      animation: 0.75s animation-fade-slide-in ease-out;
    }
    border-radius: var(--element-image-border-radius, var(--element-border-radius-md, 0px));
    overflow: clip;
    position: relative;
    display: flex;
    aspect-ratio: var(--img-aspect, auto);
    img {
      aspect-ratio: unset !important;
      position: absolute;
      inset: 0;
    }
    img {
      --animation-parallax-offset: clamp(30px, 6vw, 75px);
      animation: animation-parallax linear both;
      animation-timeline: view(block);
      animation-range: entry 0% exit 100%;
      height: calc(100% + calc(var(--animation-parallax-offset) * 2)) !important;
    }
  }
  .section:not(.is-preview):has(> .section-element-bg) {
    overflow: clip;
  }
  .section[data-element-color="image"]:not(.is-preview) > .section-element-bg {
    animation: animation-parallax linear both;
    animation-timeline: view(block);
    animation-range: entry 0% exit 100%;
    height: calc(100% + calc(var(--animation-parallax-offset) * 2)) !important;
    margin-top: calc(var(--animation-parallax-offset) * -1) !important;
  }
  .section:not(.is-preview) .list-lg {
    li {
      animation: animation-fade-slide-in linear both;
      animation-timeline: view(block);
      animation-range: entry 0% contain 20%;
    }
  }
  .background-illustration-holder .background-illustration-inner {
    animation: animation-with-page linear both;
    animation-timeline: view(block);
    animation-range: cover 0% exit 100%;
  }
}
@keyframes animation-fade-slide-in {
  0% {
    transform: translateY(var(--animation-fade-slide-in-offset));
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-reveal-in {
  0% {
    transform: translateY(var(--animation-reveal-offset));
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes animation-reveal-in-out {
  0% {
    transform: translateY(var(--animation-reveal-offset));
  }
  40% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(var(--animation-reveal-offset) * -1));
  }
  100% {
    transform: translateY(calc(var(--animation-reveal-offset) * -1));
  }
}
@keyframes animation-parallax {
  0% {
    transform: translateY(calc(var(--animation-parallax-offset) * -1));
  }
  100% {
    transform: translateY(var(--animation-parallax-offset));
  }
}
@keyframes animation-with-page {
  0% {
    transform: translateY(var(--animation-with-page-offset));
  }
  100% {
    transform: translateY(calc(var(--animation-with-page-offset) * -1));
  }
}
.section-element-col {
  isolation: isolate;
  &:not([data-element-color="unset"]) {
    border-radius: var(--element-bg-border-radius, var(--element-border-radius-lg, 0px));
  }
  & > .background-illustration-holder {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    overflow: clip;
    width: 100%;
    border-radius: var(--element-bg-border-radius, var(--element-border-radius-lg, 0px));
    .background-illustration-inner {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .background-illustration {
      width: 2000px;
      max-width: none;
      position: absolute;
      left: 50%;
      transform: translate(-41%, -50%);
      top: 50%;
    }
  }
}
.section-element-logos {
  .section-element-image {
    border: 1px solid var(--element-color-border);
    border-radius: var(--element-border-radius-sm);
    background-color: white;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 40%;
    position: relative;
    img {
      position: absolute;
      inset: 10%;
      filter: grayscale(1);
      object-position: center;
      height: 80%;
      width: 80%;
    }
  }
}
.sidebar {
  .section-element-logos-grid {
    .grid {
      gap: 0.25rem;
    }
  }
}
.section-element-services {
  .service-item-title {
    @container element-services (min-width: 56rem) and (max-width: 80rem) {
      font-size: clamp(1.2rem, 1.99vw, 1.75rem);
    }
  }
}
.section-element-title {
  .text-d1-subtitle, .text-d2-subtitle, .text-d3-subtitle, .text-d4-subtitle {
    text-transform: uppercase;
  }
  .section-element-title__heading.hanging-punctuation {
    text-indent: calc(0.5ch * -1);
  }
  @supports (hanging-punctuation: first) {
    .section-element-title__heading.hanging-punctuation {
      text-indent: 0;
      hanging-punctuation: first;
    }
  }
}
.shortcode-element-socials {
  --element-color-socialmedia-item: var(--element-color-bg);
  --element-color-socialmedia-item-hover: var(--element-color-socialmedia-item);
  a {
    background-color: var(--element-color-title);
    border-radius: 999px;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25rem;
    svg {
      width: 1rem;
      height: 1rem;
    }
    &:hover {
      transition: opacity 0.15s ease-in-out;
      opacity: 0.8;
    }
  }
}
:root {
  --element-typography-link-decoration: none;
  --element-typography-link-decoration-hover: underline;
  --header-main-bg: transparent;
}
body {
  overflow-x: hidden;
}
#main {
  padding-top: 0;
}
.background-illustration-holder {
  pointer-events: none;
}
#main > .background-illustration-holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100svh;
  overflow: clip;
  .background-illustration-inner {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .background-illustration {
    width: 100%;
    max-width: 300%;
    position: absolute;
    object-position: top;
    top: 0;
    @media (width < 96rem) {
      width: calc(150rem - clamp(0rem, 57vw, 80rem));
    }
    @media (width < 48rem) {
      transform: translateX(-30vw);
    }
  }
}
#main, #content, sections, .section {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@layer base {
  body::after {
    content: "< XS";
    display: none;
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    padding: .75em;
    background-color: black;
    color: white;
    font-size: .75rem;
    line-height: 1em;
    font-weight: 600;
    z-index: 99999;
    opacity: 0.8;
  }
  @media (min-width: 30rem) {
    body::after {
      content: "XS (>= 30rem)";
    }
  }
  @media (min-width: 40rem) {
    body::after {
      content: "SM (>= 40rem)";
    }
  }
  @media (min-width: 48rem) {
    body::after {
      content: "MD (>= 48rem)";
    }
  }
  @media (min-width: 64rem) {
    body::after {
      content: "NAVBREAKPOINT (>= 64rem)";
    }
  }
  @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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@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-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-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}