/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
@layer theme {
  :root, :host {
    --font-sans: "Inter", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-900: oklch(.396 .141 25.723);
    --color-orange-50: #fef5f2;
    --color-orange-100: #ffe6de;
    --color-orange-200: #fed3c4;
    --color-orange-300: #fcae94;
    --color-orange-400: #f78b68;
    --color-orange-500: #ee6840;
    --color-orange-600: #d84f29;
    --color-orange-700: #b23f20;
    --color-orange-800: #bf361e;
    --color-orange-900: #74321e;
    --color-orange-950: #3d190f;
    --color-yellow-50: #fefaea;
    --color-yellow-100: #fbefc6;
    --color-yellow-200: #f7dd8c;
    --color-yellow-300: #f2c55a;
    --color-yellow-400: #efb03f;
    --color-yellow-500: #e78d2d;
    --color-yellow-600: #c86823;
    --color-yellow-700: #a2491d;
    --color-yellow-800: #80381a;
    --color-yellow-900: #672f18;
    --color-yellow-950: #39190d;
    --color-green-50: #f2f8f3;
    --color-green-100: #e3f0e4;
    --color-green-200: #c7e1cb;
    --color-green-300: #b0d3b6;
    --color-green-400: #6da878;
    --color-green-500: #4c8857;
    --color-green-600: #3b6d44;
    --color-green-700: #305537;
    --color-green-800: #2a432f;
    --color-green-900: #243828;
    --color-green-950: #131f15;
    --color-teal-50: #f1f9f8;
    --color-teal-100: #d1eeeb;
    --color-teal-200: #a6ddd9;
    --color-teal-300: #6fc0be;
    --color-teal-400: #4da4a5;
    --color-teal-500: #368688;
    --color-teal-600: #2b6b6e;
    --color-teal-700: #255154;
    --color-teal-800: #214243;
    --color-teal-900: #1f3739;
    --color-teal-950: #102022;
    --color-blue-50: #eff7fd;
    --color-blue-100: #dfecf9;
    --color-blue-200: #b9daf4;
    --color-blue-300: #65aee6;
    --color-blue-400: #469cde;
    --color-blue-500: #257fca;
    --color-blue-600: #1a62a8;
    --color-blue-700: #164e84;
    --color-blue-800: #16426b;
    --color-blue-900: #173858;
    --color-blue-950: #112439;
    --color-purple-50: #f0f3fa;
    --color-purple-100: #e5eaf5;
    --color-purple-200: #cfd8ec;
    --color-purple-300: #b3c1e0;
    --color-purple-400: #9eaad5;
    --color-purple-500: #7c86c2;
    --color-purple-600: #6469af;
    --color-purple-700: #525597;
    --color-purple-800: #444678;
    --color-purple-900: #3b3d5f;
    --color-purple-950: #232436;
    --color-pink-50: #fdeff9;
    --color-pink-100: #fde1f4;
    --color-pink-200: #fdc9ec;
    --color-pink-300: #fc98d8;
    --color-pink-400: #fb5fbe;
    --color-pink-500: #f63ba3;
    --color-pink-600: #e42180;
    --color-pink-700: #c31864;
    --color-pink-800: #9c1652;
    --color-pink-900: #801545;
    --color-pink-950: #4c0827;
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-black: oklch(0% 0 0);
    --color-white: oklch(100% 0 0);
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --spacing-section: clamp(1.25rem, -1.4286rem + 11.9048vw, 12rem);
    --breakpoint-xl: 70rem;
    --breakpoint-2xl: 96rem;
    --color-black-100: color-mix(in oklch, var(--color-black) 10%, white);
    --color-black-200: color-mix(in oklch, var(--color-black) 20%, white);
    --color-black-300: color-mix(in oklch, var(--color-black) 30%, white);
    --color-black-400: color-mix(in oklch, var(--color-black) 40%, white);
    --color-black-500: color-mix(in oklch, var(--color-black) 50%, white);
    --color-black-600: color-mix(in oklch, var(--color-black) 60%, white);
    --color-black-700: color-mix(in oklch, var(--color-black) 70%, white);
    --color-black-800: color-mix(in oklch, var(--color-black) 80%, white);
    --color-black-900: color-mix(in oklch, var(--color-black) 90%, white);
    --color-background: var(--color-white);
    --color-nav-bg: oklch(96.42% 0 none);
    --color-text: var(--color-black);
    --color-pink: var(--color-pink-200);
    --color-teal: var(--color-teal-600);
    --color-yellow: var(--color-yellow-400);
    --color-blue: var(--color-blue-300);
    --color-green: var(--color-green-300);
    --color-purple: var(--color-purple-400);
    --color-orange: var(--color-orange-300);
    --color-primary: var(--color-pink-200);
    --color-primary-50: var(--color-pink-50);
    --color-primary-100: var(--color-pink-100);
    --color-primary-200: var(--color-pink-200);
    --color-primary-300: var(--color-pink-300);
    --color-primary-400: var(--color-pink-400);
    --color-primary-500: var(--color-pink-500);
    --color-primary-600: var(--color-pink-600);
    --color-primary-700: var(--color-pink-700);
    --color-primary-800: var(--color-pink-800);
    --color-primary-900: var(--color-pink-900);
    --color-primary-950: var(--color-pink-950);
    --color-secondary: var(--color-teal-200);
    --color-secondary-50: var(--color-teal-50);
    --color-secondary-100: var(--color-teal-100);
    --color-secondary-200: var(--color-teal-200);
    --color-secondary-300: var(--color-teal-300);
    --color-secondary-400: var(--color-teal-400);
    --color-secondary-500: var(--color-teal-500);
    --color-secondary-600: var(--color-teal-600);
    --color-secondary-700: var(--color-teal-700);
    --color-secondary-800: var(--color-teal-800);
    --color-secondary-900: var(--color-teal-900);
    --color-secondary-950: var(--color-teal-950);
    --color-tertiary: var(--color-yellow-200);
    --color-tertiary-50: var(--color-yellow-50);
    --color-tertiary-100: var(--color-yellow-100);
    --color-tertiary-200: var(--color-yellow-200);
    --color-tertiary-300: var(--color-yellow-300);
    --color-tertiary-400: var(--color-yellow-400);
    --color-tertiary-500: var(--color-yellow-500);
    --color-tertiary-600: var(--color-yellow-600);
    --color-tertiary-700: var(--color-yellow-700);
    --color-tertiary-800: var(--color-yellow-800);
    --color-tertiary-900: var(--color-yellow-900);
    --color-tertiary-950: var(--color-yellow-950);
    --color-bodylinks: oklch(.48 .0789 211.58);
    --color-footlinks: var(--color-black);
    --color-success: oklch(64.01% .1751 146.7);
    --color-info: oklch(.55 .0922 211.57);
    --color-warning: oklch(84.42% .1722 84.93);
    --color-danger: oklch(.5126 .1865 22.61);
    --color-light: oklch(98.16% .0017 247.8);
    --color-dark: oklch(34.51% .0133 248.2);
    --gradient-wwd: 114.84deg, #e2e9ff 11.32%, #b5bafa 93.71%;
    --gradient-shop: 284.52deg, #fff -25.24%, #ec83c6 92.82%;
    --gradient-mops: 107.97deg, #e2e9ff -4.23%, #b5bafa 103.98%;
    --gradient-ovl: 229.09deg, #5acdd24d 29.68%, #499b9fbf 67.82%;
    --font-kanit: "Kanit", sans-serif;
    --line-height: 1.6;
    --text-12px: clamp(.75rem, .625vw, 1.2rem);
    --text-14px: clamp(.75rem, calc(.7212rem + .1282vw), .875rem);
    --text-16px: clamp(.875rem, calc(.8462rem + .1282vw), 1rem);
    --text-18px: clamp(.875rem, calc(.8173rem + .2564vw), 1.125rem);
    --text-20px: clamp(1rem, calc(.9423rem + .2564vw), 1.25rem);
    --text-22px: clamp(1.1rem, calc(1.0365rem + .2821vw), 1.375rem);
    --text-25px: clamp(1.125rem, calc(1.024rem + .4487vw), 1.5625rem);
    --text-30px: clamp(1.185rem, calc(1.0258rem + .7077vw), 1.875rem);
    --text-35px: clamp(1.25rem, calc(1.0337rem + .9615vw), 2.1875rem);
    --text-38px: clamp(1.4rem, calc(1.175rem + 1vw), 2.375rem);
    --text-40px: clamp(1.5rem, calc(1.2692rem + 1.0256vw), 2.5rem);
    --text-45px: clamp(1.6rem, calc(1.3202rem + 1.2436vw), 2.8125rem);
    --text-48px: clamp(1.7rem, calc(1.3712rem + 1.4615vw), 3rem);
    --text-50px: clamp(1.72rem, calc(1.3712rem + 1.4615vw), 3.125rem);
    --text-55px: clamp(1.75rem, calc(1.424rem + 1.678vw), 3.4375rem);
    --text-65px: clamp(1.9rem, calc(1.529rem + 2.112vw), 4.0625rem);
    --text-70px: clamp(1.9rem, calc(1.582rem + 2.329vw), 4.375rem);
    --text-75px: clamp(2rem, calc(1.635rem + 2.546vw), 4.6875rem);
    --text-110px: clamp(2.75rem, calc(1.875rem + 3.4167vw), 7.5rem);
    --text-115px: clamp(3.65rem, calc(1.9375rem + 3.625vw), 7.188rem);
    --h1: clamp(3.4375rem, calc(2.6442rem + 3.5256vw), 6.875rem);
    --h2: clamp(3.125rem, calc(2.9087rem + .9615vw), 4.0625rem);
    --h3: clamp(2.5rem, calc(2.2837rem + .9615vw), 3.4375rem);
    --h4: clamp(1.875rem, calc(1.8029rem + .3205vw), 2.1875rem);
    --h5: calc(var(--text-base) * 1.125);
    --h6: calc(var(--text-base) * 1.05);
    --twcb-scrollbar-width: 0px;
    --button-bg: oklch(.7464 .1405 38.66);
    --button-color: var(--color-black);
    --button-hover-bg: var(--color-yellow-300);
    --button-font-size: var(--text-25px);
    --button-hover-border-color: var(--color-black);
    --button-hover-color: var(--color-black);
    --button-active-bg: var(--color-orange-400);
    --button-border-width: 2px;
    --button-border-style: solid;
    --button-border-color: var(--color-black);
    --button-radius: .5rem;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  body {
    line-height: inherit;
  }

  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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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;
    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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components {
  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1rem;
    font-family: Kanit, sans-serif;
    font-weight: 700;
  }

  h1, .h1 {
    font-size: var(--h1);
    line-height: 1.2;
  }

  h2, .h2 {
    color: var(--color-purple-600);
    font-size: var(--h2);
    line-height: 1.2;
  }

  .home h2 {
    font-size: var(--h1);
  }

  h3, .h3 {
    color: var(--color-blue-500);
    font-size: var(--h3);
    line-height: 1.4;
  }

  h4, .h4 {
    font-size: var(--h4);
    line-height: 1.5;
  }

  h5, .h5 {
    font-size: var(--h5);
  }

  h6, .h6 {
    font-size: var(--h6);
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .-top-30 {
    top: calc(var(--spacing) * -30);
  }

  .-top-34 {
    top: calc(var(--spacing) * -34);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-40 {
    top: calc(var(--spacing) * 40);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-24 {
    right: calc(var(--spacing) * -24);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-20 {
    right: calc(var(--spacing) * 20);
  }

  .right-\[10\%\] {
    right: 10%;
  }

  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }

  .-bottom-24 {
    bottom: calc(var(--spacing) * -24);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-40 {
    bottom: calc(var(--spacing) * 40);
  }

  .-left-8 {
    left: calc(var(--spacing) * -8);
  }

  .-left-20 {
    left: calc(var(--spacing) * -20);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .-z-1 {
    z-index: calc(1 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .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-7 {
    grid-column: span 7 / span 7;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .container {
    width: 100%;
  }

  @media (width >= 22.5rem) {
    .container {
      max-width: 22.5rem;
    }
  }

  @media (width >= 29.6875rem) {
    .container {
      max-width: 29.6875rem;
    }
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 67.5rem) {
    .container {
      max-width: 67.5rem;
    }
  }

  @media (width >= 70rem) {
    .container {
      max-width: 70rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-\[1\.2em\] {
    margin-block: 1.2em;
  }

  .my-auto {
    margin-block: auto;
  }

  .my-section {
    margin-block: var(--spacing-section);
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }

  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-19 {
    margin-top: calc(var(--spacing) * 19);
  }

  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }

  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-auto\! {
    margin-top: auto !important;
  }

  .mx-break-out {
    width: calc(100vw - var(--twcb-scrollbar-width));
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-8\! {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-13 {
    margin-bottom: calc(var(--spacing) * 13);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }

  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .mb-30 {
    margin-bottom: calc(var(--spacing) * 30);
  }

  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }

  .ml-break-out {
    width: 100%;
    margin-left: calc(50% - 50vw);
  }

  .mr-break-out {
    width: 100%;
    margin-left: calc(50vw - 50%);
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-\[\.35rem\] {
    margin-left: .35rem;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[45svh\] {
    height: 45svh;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-\[32dvh\] {
    max-height: 32dvh;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[382px\] {
    max-height: 382px;
  }

  .min-h-137 {
    min-height: calc(var(--spacing) * 137);
  }

  .min-h-\[600px\] {
    min-height: 600px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[17\.9\%\] {
    width: 17.9%;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-full {
    width: 100%;
  }

  .max-w-107 {
    max-width: calc(var(--spacing) * 107);
  }

  .max-w-150 {
    max-width: calc(var(--spacing) * 150);
  }

  .max-w-\[20ch\] {
    max-width: 20ch;
  }

  .max-w-\[21\.9\%\] {
    max-width: 21.9%;
  }

  .max-w-\[40\%\] {
    max-width: 40%;
  }

  .max-w-\[40ch\] {
    max-width: 40ch;
  }

  .max-w-\[43ch\] {
    max-width: 43ch;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow, .grow-1 {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-outside {
    list-style-position: outside;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  .grid-cols-\[83px_auto\] {
    grid-template-columns: 83px auto;
  }

  .grid-cols-\[minmax\(7\.5rem\,8\.5rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(7.5rem, 8.5rem) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(8rem\,12rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(20rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .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-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-600 {
    border-color: var(--color-gray-600);
  }

  .border-primary-100 {
    border-color: var(--color-primary-100);
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-secondary {
    border-color: var(--color-secondary);
  }

  .border-b-teal-50 {
    border-bottom-color: var(--color-teal-50);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-dark {
    background-color: var(--color-dark);
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-nav-bg {
    background-color: var(--color-nav-bg);
  }

  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-primary {
    background-color: var(--color-primary);
  }

  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }

  .bg-secondary {
    background-color: var(--color-secondary);
  }

  .bg-teal-200 {
    background-color: var(--color-teal-200);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }

  .bg-linear-\(--gradient-shop\) {
    --tw-gradient-position: var(--gradient-shop);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-shop)));
  }

  .bg-linear-\(--gradient-wwd\) {
    --tw-gradient-position: var(--gradient-wwd);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--gradient-wwd)));
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[\#fbefc6\] {
    fill: #fbefc6;
  }

  .fill-green-300 {
    fill: var(--color-green-300);
  }

  .fill-white {
    fill: var(--color-white);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .object-top {
    object-position: top;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-4\! {
    padding-top: calc(var(--spacing) * 4) !important;
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-52 {
    padding-left: calc(var(--spacing) * 52);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-kanit {
    font-family: var(--font-kanit);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-12px {
    font-size: var(--text-12px);
  }

  .text-14px {
    font-size: var(--text-14px);
  }

  .text-16px {
    font-size: var(--text-16px);
  }

  .text-18px {
    font-size: var(--text-18px);
  }

  .text-20px {
    font-size: var(--text-20px);
  }

  .text-22px {
    font-size: var(--text-22px);
  }

  .text-25px {
    font-size: var(--text-25px);
  }

  .text-30px {
    font-size: var(--text-30px);
  }

  .text-35px {
    font-size: var(--text-35px);
  }

  .text-38px {
    font-size: var(--text-38px);
  }

  .text-40px {
    font-size: var(--text-40px);
  }

  .text-45px {
    font-size: var(--text-45px);
  }

  .text-50px {
    font-size: var(--text-50px);
  }

  .text-55px {
    font-size: var(--text-55px);
  }

  .text-65px {
    font-size: var(--text-65px);
  }

  .text-70px {
    font-size: var(--text-70px);
  }

  .text-75px {
    font-size: var(--text-75px);
  }

  .text-110px {
    font-size: var(--text-110px);
  }

  .text-115px {
    font-size: var(--text-115px);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-balance {
    text-wrap: balance;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-blue-800\! {
    color: var(--color-blue-800) !important;
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-blue-900\! {
    color: var(--color-blue-900) !important;
  }

  .text-dark {
    color: var(--color-dark);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-900\! {
    color: var(--color-green-900) !important;
  }

  .text-light {
    color: var(--color-light);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-purple-900 {
    color: var(--color-purple-900);
  }

  .text-red-900\! {
    color: var(--color-red-900) !important;
  }

  .text-secondary {
    color: var(--color-secondary);
  }

  .text-teal-500 {
    color: var(--color-teal-500);
  }

  .text-teal-600 {
    color: var(--color-teal-600);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline\! {
    text-decoration-line: underline !important;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-50 {
    opacity: .5;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .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, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    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-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-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));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .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;
  }

  .will-change-transform {
    will-change: transform;
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:text-purple-800:is(:where(.group):hover *) {
      color: var(--color-purple-800);
    }
  }

  .marker\:text-gray-500 ::marker {
    color: var(--color-gray-500);
  }

  .marker\:text-gray-500::marker {
    color: var(--color-gray-500);
  }

  .first\:bg-green-100:first-child {
    background-color: var(--color-green-100);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:mb-0\!:last-child {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0\!:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .last\:bg-pink-100:last-child {
    background-color: var(--color-pink-100);
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .last\:pb-0\!:last-child {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }

  @media (hover: hover) {
    .hover\:text-blue-500\!:hover {
      color: var(--color-blue-500) !important;
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }

    .hover\:text-blue-800\!:hover {
      color: var(--color-blue-800) !important;
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:underline\!:hover {
      text-decoration-line: underline !important;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  .focus\:not-sr-only:focus {
    clip: auto;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus\:absolute:focus {
    position: absolute;
  }

  .focus\:z-50:focus {
    z-index: 50;
  }

  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .focus\:border-black:focus {
    border-color: var(--color-black);
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }

  .focus\:p-2:focus {
    padding: calc(var(--spacing) * 2);
  }

  .focus\:text-black:focus {
    color: var(--color-black);
  }

  @media (width >= 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sm\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sm\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .sm\:h-\[50svh\] {
      height: 50svh;
    }

    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:text-center {
      text-align: center;
    }
  }

  @media (width >= 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:w-75 {
      width: calc(var(--spacing) * 75);
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .md\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .md\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .md\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    :where(.md\:space-x-17 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 17) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 17) * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-13\! {
      padding-inline: calc(var(--spacing) * 13) !important;
    }

    .md\:py-section {
      padding-block: var(--spacing-section);
    }

    .md\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .md\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 67.5rem) {
    .lg\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .lg\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .lg\:left-1\/2 {
      left: 50%;
    }

    .lg\:order-last {
      order: 9999;
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .lg\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }

    .lg\:my-4 {
      margin-block: calc(var(--spacing) * 4);
    }

    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .lg\:mt-23 {
      margin-top: calc(var(--spacing) * 23);
    }

    .lg\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }

    .lg\:mt-33 {
      margin-top: calc(var(--spacing) * 33);
    }

    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .lg\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .lg\:mb-18 {
      margin-bottom: calc(var(--spacing) * 18);
    }

    .lg\:ml-12 {
      margin-left: calc(var(--spacing) * 12);
    }

    .lg\:block {
      display: block;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:h-screen {
      height: 100vh;
    }

    .lg\:max-h-64 {
      max-height: calc(var(--spacing) * 64);
    }

    .lg\:max-h-screen {
      max-height: 100vh;
    }

    .lg\:w-1\/2 {
      width: 50%;
    }

    .lg\:w-107 {
      width: calc(var(--spacing) * 107);
    }

    .lg\:w-\[55\%\] {
      width: 55%;
    }

    .lg\:max-w-2\/3 {
      max-width: 66.6667%;
    }

    .lg\:max-w-\[25ch\] {
      max-width: 25ch;
    }

    .lg\:max-w-\[50ch\] {
      max-width: 50ch;
    }

    .lg\:max-w-\[55\%\] {
      max-width: 55%;
    }

    .lg\:max-w-fit {
      max-width: fit-content;
    }

    .lg\:max-w-screen-xl {
      max-width: var(--breakpoint-xl);
    }

    .lg\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .lg\:transform {
      transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:justify-center {
      justify-content: center;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .lg\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }

    .lg\:self-stretch {
      align-self: stretch;
    }

    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .lg\:py-48 {
      padding-block: calc(var(--spacing) * 48);
    }

    .lg\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .lg\:pt-18 {
      padding-top: calc(var(--spacing) * 18);
    }

    .lg\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .lg\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .lg\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }

    .lg\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .lg\:pl-19 {
      padding-left: calc(var(--spacing) * 19);
    }

    .lg\:pl-56 {
      padding-left: calc(var(--spacing) * 56);
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .lg\:text-25px {
      font-size: var(--text-25px);
    }

    .lg\:text-balance {
      text-wrap: balance;
    }
  }

  @media (width >= 70rem) {
    .xl\:right-\[25\%\] {
      right: 25%;
    }

    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .xl\:w-auto {
      width: auto;
    }

    .xl\:max-w-1\/3 {
      max-width: 33.3333%;
    }

    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .xl\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }
  }

  @media (width >= 96rem) {
    .\32 xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .\32 xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .\32 xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .\32 xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .\32 xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .\32 xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .\32 xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .\32 xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .\32 xl\:max-w-screen-2xl {
      max-width: var(--breakpoint-2xl);
    }

    .\32 xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  .prose-p\:mb-4 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .prose-p\:text-14px :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-14px);
  }

  .prose-p\:text-balance :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-wrap: balance;
  }

  .prose-img\:rounded-2xl :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: var(--radius-2xl);
  }

  @media (hover: hover) {
    .hover\:prose-img\:origin-center:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      transform-origin: center;
    }

    .hover\:prose-img\:scale-110:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:prose-img\:duration-500:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-duration: .5s;
      transition-duration: .5s;
    }
  }
}

main#maincontent {
  background-color: var(--color-background);
  color: var(--color-text);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body.home {
  overflow-x: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding-inline: clamp(1.5rem, 5vw, 3rem);
}

.container p, .container ul, .container ol {
  max-width: 85ch;
}

.section {
  margin-block: calc(var(--spacing) * 0);
  padding-inline: var(--spacing-section);
  position: relative;
}

.section:first-child {
  margin-top: calc(var(--spacing) * 0);
}

.section:last-child, .section p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}

.section.has-background {
  padding-block: var(--spacing-section);
  background-repeat: no-repeat;
  background-size: cover;
}

.content-wrapper .alignfull, .content-wrapper .alignwide {
  max-width: 100%;
}

.content-wrapper .alignleft {
  float: none;
  margin-right: auto;
  margin-left: calc(var(--spacing) * 0);
}

.content-wrapper .alignright {
  float: none;
  margin-right: calc(var(--spacing) * 0);
  margin-left: auto;
}

.content-wrapper .aligncenter {
  margin-inline: auto;
}

.embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.embed iframe, .embed object, .embed embed, .embed video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body {
  color: #000;
  font-family: var(--font-sans);
  font-size: var(--text-18px);
  line-height: var(--line-height);
  background-color: #fff;
}

a, .link {
  color: var(--color-bodylinks);
  cursor: pointer;
  text-decoration: none;
  transition: color .2s;
}

:is(a, .link):hover {
  color: var(--color-primary-800);
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a {
  color: inherit;
  text-decoration: underline;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul:not(.menu-vdi__submenu) {
  margin-bottom: calc(var(--spacing) * 4);
  padding-left: calc(var(--spacing) * 12);
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li ul, li ol {
  margin: 0 1rem;
}

ol ol {
  list-style: lower-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

pre, code, samp, style {
  font-family: monospace;
}

pre {
  padding: 1.5rem;
  font-size: .875rem;
  overflow: auto;
}

pre code {
  background-color: inherit;
  color: inherit;
  border-radius: 0;
  padding: 0;
}

code {
  border-radius: var(--radius-sm);
  background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-black);
  padding-block: 2px;
  padding-inline: 3px;
}

hr {
  background-color: #000;
  border: none;
  width: 100%;
  height: 1px;
  margin: 1rem 0;
  display: block;
}

.skip-link {
  opacity: 1;
  text-align: center;
  z-index: 999;
  width: 15rem;
  max-width: 90vw;
  margin: 0 auto;
  padding: 1rem;
  font-size: larger;
  font-weight: 600;
  transition: transform .1875s ease-out;
  position: absolute;
  top: .5rem;
  left: 0;
  right: 0;
  color: #000 !important;
  background-color: #f6ff00 !important;
  border-color: #f6ff00 !important;
  outline-color: #f6ff00 !important;
}

.skip-link:not(:focus):not(:hover) {
  opacity: 0;
  transform: translateY(-4em);
}

a:not(.homepage-social-media-links, .social-icons, .shop-link).extLink:after {
  color: var(--color-bodylinks);
  content: url("data:image/svg+xml,<svg viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.6562 1.25V10C12.6562 10.7031 12.0703 11.25 11.4062 11.25C10.7031 11.25 10.1562 10.7031 10.1562 10V4.29688L2.26562 12.1484C1.79688 12.6562 0.976562 12.6562 0.507812 12.1484C0 11.6797 0 10.8594 0.507812 10.3906L8.35938 2.5H2.65625C1.95312 2.5 1.40625 1.95312 1.40625 1.25C1.40625 0.585938 1.95312 0 2.65625 0H11.4062C12.0703 0 12.6562 0.585938 12.6562 1.25Z\" fill=\"oklch(0.48 0.0789 211.58)\" /></svg>");
  width: .68rem;
  height: auto;
  margin-left: .5rem;
  display: inline-block;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: inherit;
  line-height: inherit;
  border-radius: .25rem;
}

:is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea):focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 3px;
  outline-width: 2px;
  outline-color: var(--color-primary);
  border-color: #0000;
}

.gform_wrapper {
  max-width: 100%;
  margin-inline: auto;
}

.gform_wrapper .gform_fields {
  color: var(--color-black);
}

.gform_wrapper fieldset.gfield {
  margin-bottom: calc(var(--spacing) * 6);
}

.gform_wrapper legend, .gform_wrapper label {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.gform_wrapper label.gform-field-label--type-sub {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.gform_wrapper .gfield_required {
  margin-left: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-danger);
}

.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea {
  background-color: var(--color-white);
  color: var(--color-black);
}

:is(.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea):focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 3px;
  outline-width: 2px;
  outline-color: var(--color-primary);
  border-color: #0000;
}

@media (width >= 40rem) {
  .gform_wrapper .ginput_complex {
    display: flex;
  }
}

.gform_wrapper .ginput_complex span {
  flex-grow: 1;
  display: block;
}

.gform_wrapper .ginput_complex span:not(:first-child) {
  margin-top: calc(var(--spacing) * 6);
}

@media (width >= 40rem) {
  .gform_wrapper .ginput_complex span:not(:first-child) {
    margin-top: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 4);
  }
}

.gform_wrapper .gform_footer {
  margin-top: calc(var(--spacing) * 8);
}

.gform_wrapper h2.gform_submission_error {
  margin-block: calc(var(--spacing) * 4);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-danger);
}

.gform_wrapper .validation_message {
  color: var(--color-danger);
  font-style: italic;
}

.gform_wrapper .hidden_label > label {
  display: none;
}

.contact-form .gform_wrapper {
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-purple-700);
  background-color: var(--color-blue-200);
  max-width: 100%;
  padding-inline: calc(var(--spacing) * 12);
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 10);
  margin-inline: auto;
}

.contact-form .gform_wrapper h2.gform_title {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-65px);
  color: var(--color-blue-600);
}

.contact-form .gform_wrapper .gform_body {
  margin-top: calc(var(--spacing) * 4);
}

.contact-form .gform_wrapper .gform_fields {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 6);
  color: var(--color-black);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 67.5rem) {
  .contact-form .gform_wrapper .gform_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.contact-form .gform_wrapper .gform_fields input, .contact-form .gform_wrapper .gform_fields textarea {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-purple-800);
  background-color: var(--color-white);
}

.contact-form .gform_wrapper .gform_fields .gfield--type-textarea {
  grid-column: span 1 / span 1;
}

@media (width >= 67.5rem) {
  .contact-form .gform_wrapper .gform_fields .gfield--type-textarea {
    grid-column: span 2 / span 2;
  }
}

.contact-form .gform_wrapper .gform_fields .gfield--type-textarea textarea {
  height: calc(var(--spacing) * 52);
}

.contact-form .gform_wrapper fieldset.gfield {
  margin-bottom: calc(var(--spacing) * 6);
}

.contact-form .gform_wrapper legend, .contact-form .gform_wrapper label {
  margin-bottom: calc(var(--spacing) * 4);
  margin-left: calc(var(--spacing) * 4);
  font-family: var(--font-kanit);
  font-size: var(--text-18px);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.contact-form .gform_wrapper label.gform-field-label--type-sub {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.contact-form .gform_wrapper .gfield_required {
  margin-left: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-danger);
}

.contact-form .gform_wrapper .gform_footer {
  margin-top: calc(var(--spacing) * 8);
}

.contact-form .gform_wrapper h2.gform_submission_error {
  margin-block: calc(var(--spacing) * 4);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-danger);
}

.contact-form .gform_wrapper .validation_message {
  color: var(--color-danger);
  font-style: italic;
}

.contact-form .gform_wrapper .hidden_label > label {
  display: none;
}

.global-search-form {
  background-color: #e9f0fb;
  border: 2px solid #8b94a8;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  padding: 3px;
  display: flex;
}

.global-search-form .search-field {
  width: 100%;
  font-size: var(--text-16px);
  appearance: none;
  color: #3b414c;
  background-color: #0000;
  border: 0;
  border-radius: 14px;
  min-width: 3rem;
  height: 44px;
  padding: 10px 16px;
  -webkit-text-decoration: unset !important;
  -webkit-text-decoration: unset !important;
  text-decoration: unset !important;
}

.global-search-form .search-field::placeholder {
  color: #6b7382;
}

.global-search-form .search-submit {
  cursor: pointer;
  background-color: #1f5fa8;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 44px;
  padding: 0;
  display: inline-flex;
}

.global-search-form .search-submit svg {
  fill: #fff;
  width: 18px;
  height: 18px;
}

.global-search-form .search-field:focus-visible, .global-search-form .search-submit:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #1f5fa8;
}

.menu-vdi {
  display: none;
}

.menu-vdi > li {
  list-style-type: none;
}

@media (hover: hover) {
  .menu-vdi > li > a:hover {
    text-decoration-line: underline;
  }
}

.menu-vdi > li > a:focus-visible, .menu-vdi > li a[aria-current="true"] {
  text-decoration-line: underline;
}

.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] svg {
  rotate: 180deg;
}

.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] + .menu-vdi__submenu {
  display: flex;
}

.menu-vdi .menu-vdi__submenu {
  z-index: 10;
  width: 100%;
  display: none;
}

@media (width >= 22.5rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 22.5rem;
  }
}

@media (width >= 29.6875rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 29.6875rem;
  }
}

@media (width >= 40rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 40rem;
  }
}

@media (width >= 48rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 48rem;
  }
}

@media (width >= 67.5rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 67.5rem;
  }
}

@media (width >= 70rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 70rem;
  }
}

@media (width >= 96rem) {
  .menu-vdi .menu-vdi__submenu {
    max-width: 96rem;
  }
}

.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a {
  text-decoration-line: none;
}

@media (hover: hover) {
  .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:hover {
    text-decoration-line: underline;
  }
}

.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:focus-visible {
  text-decoration-line: underline;
}

@media screen and (width <= 68rem) {
  .nav-main__toggle .nav-toggle-hamburger {
    display: inline-block !important;
  }

  .nav-main__toggle .nav-toggle-x, .nav-main__toggle[aria-expanded="true"] .nav-toggle-hamburger {
    display: none !important;
  }

  .nav-main__toggle[aria-expanded="true"] .nav-toggle-x {
    display: inline-block !important;
  }

  .nav-main .nav-main__toggle[aria-expanded="true"] + ul {
    display: flex;
  }

  .nav-main .menu-vdi {
    z-index: 10;
  }

  .nav-main .menu-vdi .menu-vdi__toggle {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .nav-aux .menu-vdi__submenu {
    list-style-type: none;
    position: absolute;
  }
}

@media screen and (width >= 68rem) {
  .nav-main__toggle {
    display: none;
  }

  .menu-vdi {
    list-style-type: none;
    display: flex;
  }

  .menu-vdi .menu-vdi__toggle {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .menu-vdi .menu-vdi__submenu {
    list-style-type: none;
    position: absolute;
  }
}

.nav-aux {
  margin: calc(var(--spacing) * 0);
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.nav-aux .menu-vdi {
  margin: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 4);
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.nav-aux .menu-vdi .menu-vdi__toggle {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  display: flex;
}

@media (hover: hover) {
  .nav-aux .menu-vdi .menu-vdi__toggle:hover {
    text-decoration-line: underline;
  }
}

.nav-aux .menu-vdi .menu-vdi__toggle:focus-visible {
  text-decoration-line: underline;
}

@media screen and (width >= 62.5rem) {
  .nav-aux {
    gap: calc(var(--spacing) * 4);
  }

  .nav-aux .menu-vdi {
    justify-content: flex-end;
  }

  .nav-aux .menu-vdi .menu-vdi__toggle {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }
}

@media screen and (width >= 67.5rem) {
  .nav-main .menu-vdi {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle {
    cursor: pointer;
    font-family: var(--font-kanit);
    font-size: var(--text-18px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-black);
    margin-inline: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 0);
    text-decoration-line: none;
  }

  @media (hover: hover) {
    :is(.nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle):hover {
      cursor: pointer;
      color: var(--color-black);
      text-decoration-line: underline;
    }
  }

  :is(.nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle)[aria-expanded="true"] svg {
    transition: transform .32s ease-in-out;
    transform: rotate(45deg);
  }

  .menu-vdi .menu-vdi__toggle {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .menu-vdi .menu-vdi__item--parent {
    position: relative;
  }

  .menu-vdi .shop {
    border-left: 2px solid var(--color-black-300);
    margin-left: .35rem;
    padding-left: .35rem;
  }

  .menu-vdi .menu-vdi__submenu {
    left: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 64);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    flex-direction: column;
    top: calc(100% + 1rem);
  }

  .menu-vdi .menu-vdi__submenu > li {
    width: 100%;
  }

  .menu-vdi .menu-vdi__submenu .menu-vdi__item {
    font-size: var(--text-18px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    width: 100%;
    text-decoration-line: none;
    display: block;
  }

  @media (hover: hover) {
    .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover {
      color: var(--color-light);
      background-color: var(--color-secondary-200);
    }
  }

  .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible {
    background-color: var(--color-secondary-200);
  }

  .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
    width: 100%;
    display: block;
  }

  .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
    padding: calc(var(--spacing) * 4);
  }
}

@media screen and (width <= 67.5rem) {
  :root {
    --nav-mobile-header-offset: 2rem;
    --nav-mobile-menu-height: calc(var(--visualViewportHeight, 100dvh)  - var(--hgtHeader)  - var(--nav-mobile-header-offset));
  }

  html {
    background-color: #fff;
    transition: background-color .22s;
  }

  html:has(.nav-main__toggle[aria-expanded="true"]) {
    background-color: var(--color-purple-100);
  }

  .site-header {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    width: auto;
    max-width: none;
    transition: background-color .22s, border-radius .32s, box-shadow .22s;
    left: 5%;
    right: 5%;
    overflow: visible;
    transform: none;
  }

  .site-header:before {
    content: "";
    inset-block: calc(var(--spacing) * 0);
    background-color: var(--color-purple-100);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    width: 100vw;
    transition: opacity .28s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  body:before {
    content: "";
    inset: calc(var(--spacing) * 0);
    background-color: var(--color-purple-100);
    z-index: 40;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s, visibility 0s linear .22s;
    position: fixed;
  }

  body:has(.nav-main__toggle[aria-expanded="true"]) {
    background-color: var(--color-purple-100);
    overflow: hidden;
  }

  body:has(.nav-main__toggle[aria-expanded="true"]):before {
    opacity: 1;
    visibility: visible;
    transition: opacity .28s, visibility linear;
  }

  body:has(.nav-main__toggle[aria-expanded="true"]) .site-header {
    background-color: var(--color-purple-100);
    border-radius: 0;
  }

  body:has(.nav-main__toggle[aria-expanded="true"]) .site-header:before {
    opacity: 1;
  }

  .nav-main .nav-main__toggle {
    padding: calc(var(--spacing) * 3);
    color: var(--color-white);
  }

  .nav-main .menu-vdi {
    background-color: var(--color-purple-100);
    z-index: 40;
    left: 50%;
    top: var(--hgtHeader);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    will-change: height, opacity, transform;
    flex-direction: column;
    width: 100vw;
    height: 0;
    min-height: 0;
    padding: 0 1.5rem;
    transition: height .28s, opacity .18s, transform .28s, padding-top .28s, padding-bottom .28s, visibility 0s linear .28s;
    display: flex;
    position: absolute;
    overflow: hidden;
    transform: translateX(-50%)translateY(-1rem);
  }

  .nav-main .menu-vdi .menu-vdi__item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-bottom-color: var(--color-purple-300);
    width: 100%;
    max-width: 90%;
    margin-inline: auto;
  }

  .nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button {
    text-align: center;
    font-size: var(--text-20px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    width: 100%;
    padding: calc(var(--spacing) * 4);
    text-decoration-line: none;
    display: block;
  }

  @media (hover: hover) {
    :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):hover {
      color: var(--color-light);
      background-color: var(--color-secondary-200);
    }
  }

  :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):focus-visible {
    background-color: var(--color-secondary-200);
  }

  .nav-main .menu-vdi .menu-vdi__item a {
    width: 100%;
    display: block;
  }

  .nav-main .menu-vdi .menu-vdi__item button {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .nav-main .menu-vdi .menu-vdi__item button[aria-expanded="true"] {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .nav-main .menu-vdi .menu-vdi__item.menu-vdi__item--contact-us a {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .nav-main .menu-vdi .menu-vdi__item.button-donate {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 12);
    border-bottom-color: var(--color-black);
    width: fit-content;
    padding-block: calc(var(--spacing) * 0);
  }

  .nav-main .menu-vdi .menu-vdi__item.button-donate a {
    padding-block: calc(var(--spacing) * 0);
  }

  .nav-main .menu-vdi .menu-vdi__submenu {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 3);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-main .menu-vdi .menu-vdi__submenu .menu-vdi__item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .nav-main .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
    text-align: left;
    font-size: var(--text-18px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
    width: 100%;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 2);
    text-decoration-line: none;
    display: block;
  }

  @media (hover: hover) {
    .nav-main .menu-vdi .menu-vdi__submenu .menu-vdi__item a:hover {
      color: var(--color-light);
    }
  }

  .nav-main .nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) {
    height: var(--nav-mobile-menu-height);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-top: 1.5rem;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
    transition: height .32s, opacity .2s, transform .32s, padding-top .32s, padding-bottom .32s, visibility linear;
    overflow-y: auto;
    transform: translateX(-50%)translateY(0);
  }

  .nav-main .nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) .menu-vdi__toggle[aria-expanded="true"] svg {
    transition: transform .32s ease-in-out;
    transform: rotate(45deg);
  }
}

@media screen and (width >= 62.5rem) {
  .nav-footer .menu-vdi {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .nav-footer .menu-vdi > li > a {
    font-size: var(--text-18px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-secondary);
    margin-inline: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    text-decoration-line: none;
  }
}

@media screen and (width <= 62.5rem) {
  .nav-footer .nav-footer__toggle {
    padding: calc(var(--spacing) * 3);
    color: var(--color-primary);
  }

  .nav-footer .menu-vdi {
    width: 95%;
    padding-block: calc(var(--spacing) * 6);
    flex-direction: column;
  }

  .nav-footer .menu-vdi .menu-vdi__submenu {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 2);
    flex-direction: column;
  }

  .nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    width: 100%;
    padding: calc(var(--spacing) * 4);
    display: block;
  }

  @media (hover: hover) {
    :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):hover {
      background-color: var(--color-secondary-200);
    }
  }

  :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):focus-visible {
    background-color: var(--color-secondary-200);
  }

  .nav-footer .menu-vdi .menu-vdi__item a {
    width: 100%;
    display: block;
  }

  .nav-footer .menu-vdi .menu-vdi__item button {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
}

@media screen and (width >= 62.5rem) {
  .nav-footer .menu-vdi .menu-vdi__toggle {
    margin-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-20px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: underline;
  }

  .nav-footer .menu-vdi .menu-vdi__toggle > svg {
    display: none;
  }

  .nav-footer .menu-vdi .menu-vdi__item--parent {
    position: static;
  }

  .nav-footer .menu-vdi .menu-vdi__submenu {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 2);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    display: block;
    position: static;
  }

  .nav-footer .menu-vdi .menu-vdi__submenu > li {
    margin: calc(var(--spacing) * 0);
    width: 100%;
    padding: calc(var(--spacing) * 0);
  }

  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item {
    font-size: var(--text-18px);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    width: 100%;
    display: block;
  }

  @media (hover: hover) {
    .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover {
      background-color: var(--color-secondary-200);
    }
  }

  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible {
    background-color: var(--color-secondary-200);
  }

  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
    width: 100%;
    display: block;
  }

  .nav-footer .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
    padding: calc(var(--spacing) * 0);
    color: var(--color-secondary);
  }
}

@font-face {
  font-family: Lineicons;
  src: url("../../styles/fonts/Lineicons.woff2") format("woff2"), url("../../styles/fonts/Lineicons.svg") format("svg");
}

[class^="lni-"], [class*=" lni-"], [class^="icon-"], [class*=" icon-"], [class^="lni-"]:before, [class*=" lni-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before {
  speak: never;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Lineicons, sans-serif;
  font-size: 120%;
  font-style: normal;
  display: inline-block;
}

.circular-icon {
  box-sizing: content-box;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-blue-800);
  color: var(--color-gray-800);
  --size: 3rem;
  height: var(--size);
  text-align: center;
  width: var(--size);
  border-radius: 3.40282e38px;
  display: inline-block;
}

.circular-icon i {
  height: var(--size);
  line-height: var(--size);
  text-align: center;
  vertical-align: middle;
  width: var(--size);
  display: inline-block;
}

i.circular-icon:before, .circular-icon span {
  line-height: var(--size) !important;
}

.lni-is-spinning {
  animation: 1s linear infinite lni-spin;
}

@keyframes lni-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lni-rotate-90 {
  transform: rotate(90deg);
}

.lni-rotate-180 {
  transform: rotate(180deg);
}

.lni-rotate-270 {
  transform: rotate(270deg);
}

.lni-flip-y {
  transform: scaleY(-1);
}

.lni-flip-x {
  transform: scaleX(-1);
}

.lni-500px:before, .icon-500px:before {
  content: "";
}

.lni-adobe:before, .icon-adobe:before {
  content: "";
}

.lni-adonis:before, .icon-adonis:before {
  content: "";
}

.lni-aeroplane-1:before, .icon-aeroplane-1:before {
  content: "";
}

.lni-agenda:before, .icon-agenda:before {
  content: "";
}

.lni-airbnb:before, .icon-airbnb:before {
  content: "";
}

.lni-airtable:before, .icon-airtable:before {
  content: "";
}

.lni-alarm-1:before, .icon-alarm-1:before {
  content: "";
}

.lni-align-text-center:before, .icon-align-text-center:before {
  content: "";
}

.lni-align-text-left:before, .icon-align-text-left:before {
  content: "";
}

.lni-align-text-right:before, .icon-align-text-right:before {
  content: "";
}

.lni-alpinejs:before, .icon-alpinejs:before {
  content: "";
}

.lni-amazon:before, .icon-amazon:before {
  content: "";
}

.lni-amazon-original:before, .icon-amazon-original:before {
  content: "";
}

.lni-amazon-pay:before, .icon-amazon-pay:before {
  content: "";
}

.lni-ambulance-1:before, .icon-ambulance-1:before {
  content: "";
}

.lni-amd:before, .icon-amd:before {
  content: "";
}

.lni-amex:before, .icon-amex:before {
  content: "";
}

.lni-anchor:before, .icon-anchor:before {
  content: "";
}

.lni-android:before, .icon-android:before {
  content: "";
}

.lni-android-old:before, .icon-android-old:before {
  content: "";
}

.lni-angellist:before, .icon-angellist:before {
  content: "";
}

.lni-angle-double-down:before, .icon-angle-double-down:before {
  content: "";
}

.lni-angle-double-left:before, .icon-angle-double-left:before {
  content: "";
}

.lni-angle-double-right:before, .icon-angle-double-right:before {
  content: "";
}

.lni-angle-double-up:before, .icon-angle-double-up:before {
  content: "";
}

.lni-angular:before, .icon-angular:before {
  content: "";
}

.lni-app-store:before, .icon-app-store:before {
  content: "";
}

.lni-apple-brand:before, .icon-apple-brand:before, .lni-apple:before, .icon-apple:before {
  content: "";
}

.lni-apple-music:before, .icon-apple-music:before {
  content: "";
}

.lni-apple-music-alt:before, .icon-apple-music-alt:before {
  content: "";
}

.lni-apple-pay:before, .icon-apple-pay:before {
  content: "";
}

.lni-arc-browser:before, .icon-arc-browser:before {
  content: "";
}

.lni-arrow-all-direction:before, .icon-arrow-all-direction:before {
  content: "";
}

.lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before {
  content: "";
}

.lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before {
  content: "";
}

.lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before {
  content: "";
}

.lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before {
  content: "";
}

.lni-arrow-downward:before, .icon-arrow-downward:before {
  content: "";
}

.lni-arrow-left:before, .icon-arrow-left:before {
  content: "";
}

.lni-arrow-left-circle:before, .icon-arrow-left-circle:before {
  content: "";
}

.lni-arrow-right:before, .icon-arrow-right:before {
  content: "";
}

.lni-arrow-right-circle:before, .icon-arrow-right-circle:before {
  content: "";
}

.lni-arrow-upward:before, .icon-arrow-upward:before {
  content: "";
}

.lni-asana:before, .icon-asana:before {
  content: "";
}

.lni-astro:before, .icon-astro:before {
  content: "";
}

.lni-atlassian:before, .icon-atlassian:before {
  content: "";
}

.lni-audi:before, .icon-audi:before {
  content: "";
}

.lni-audi-alt:before, .icon-audi-alt:before {
  content: "";
}

.lni-aws:before, .icon-aws:before {
  content: "";
}

.lni-azure:before, .icon-azure:before {
  content: "";
}

.lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before {
  content: "";
}

.lni-balloons:before, .icon-balloons:before {
  content: "";
}

.lni-ban-2:before, .icon-ban-2:before {
  content: "";
}

.lni-bar-chart-4:before, .icon-bar-chart-4:before {
  content: "";
}

.lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before {
  content: "";
}

.lni-basket-shopping-3:before, .icon-basket-shopping-3:before {
  content: "";
}

.lni-beat:before, .icon-beat:before {
  content: "";
}

.lni-behance:before, .icon-behance:before {
  content: "";
}

.lni-bell-1:before, .icon-bell-1:before {
  content: "";
}

.lni-bike:before, .icon-bike:before {
  content: "";
}

.lni-bing:before, .icon-bing:before {
  content: "";
}

.lni-bitbucket:before, .icon-bitbucket:before {
  content: "";
}

.lni-bitcoin:before, .icon-bitcoin:before {
  content: "";
}

.lni-bittorrent:before, .icon-bittorrent:before {
  content: "";
}

.lni-blogger:before, .icon-blogger:before {
  content: "";
}

.lni-blogger-alt:before, .icon-blogger-alt:before {
  content: "";
}

.lni-bluetooth:before, .icon-bluetooth:before {
  content: "";
}

.lni-bluetooth-logo:before, .icon-bluetooth-logo:before {
  content: "";
}

.lni-bmw:before, .icon-bmw:before {
  content: "";
}

.lni-board-writing-3:before, .icon-board-writing-3:before {
  content: "";
}

.lni-bold:before, .icon-bold:before {
  content: "";
}

.lni-bolt-2:before, .icon-bolt-2:before {
  content: "";
}

.lni-bolt-3:before, .icon-bolt-3:before {
  content: "";
}

.lni-book-1:before, .icon-book-1:before {
  content: "";
}

.lni-bookmark-1:before, .icon-bookmark-1:before {
  content: "";
}

.lni-bookmark-circle:before, .icon-bookmark-circle:before {
  content: "";
}

.lni-books-2:before, .icon-books-2:before {
  content: "";
}

.lni-bootstrap-5:before, .icon-bootstrap-5:before {
  content: "";
}

.lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before {
  content: "";
}

.lni-box-archive-1:before, .icon-box-archive-1:before {
  content: "";
}

.lni-box-closed:before, .icon-box-closed:before {
  content: "";
}

.lni-box-gift-1:before, .icon-box-gift-1:before {
  content: "";
}

.lni-brave:before, .icon-brave:before {
  content: "";
}

.lni-bricks:before, .icon-bricks:before {
  content: "";
}

.lni-bridge-3:before, .icon-bridge-3:before {
  content: "";
}

.lni-briefcase-1:before, .icon-briefcase-1:before {
  content: "";
}

.lni-briefcase-2:before, .icon-briefcase-2:before {
  content: "";
}

.lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before {
  content: "";
}

.lni-brush-1-rotated:before, .icon-brush-1-rotated:before {
  content: "";
}

.lni-brush-2:before, .icon-brush-2:before {
  content: "";
}

.lni-btc:before, .icon-btc:before {
  content: "";
}

.lni-bug-1:before, .icon-bug-1:before {
  content: "";
}

.lni-buildings-1:before, .icon-buildings-1:before {
  content: "";
}

.lni-bulb-2:before, .icon-bulb-2:before {
  content: "";
}

.lni-bulb-4:before, .icon-bulb-4:before {
  content: "";
}

.lni-burger-1:before, .icon-burger-1:before {
  content: "";
}

.lni-burger-drink:before, .icon-burger-drink:before {
  content: "";
}

.lni-bus-1:before, .icon-bus-1:before {
  content: "";
}

.lni-busket-ball:before, .icon-busket-ball:before {
  content: "";
}

.lni-cake-1:before, .icon-cake-1:before {
  content: "";
}

.lni-calculator-1:before, .icon-calculator-1:before {
  content: "";
}

.lni-calculator-2:before, .icon-calculator-2:before {
  content: "";
}

.lni-calendar-days:before, .icon-calendar-days:before {
  content: "";
}

.lni-camera-1:before, .icon-camera-1:before {
  content: "";
}

.lni-camera-movie-1:before, .icon-camera-movie-1:before {
  content: "";
}

.lni-candy-cane-2:before, .icon-candy-cane-2:before {
  content: "";
}

.lni-candy-round-1:before, .icon-candy-round-1:before {
  content: "";
}

.lni-canva:before, .icon-canva:before {
  content: "";
}

.lni-capsule-1:before, .icon-capsule-1:before {
  content: "";
}

.lni-car-2:before, .icon-car-2:before {
  content: "";
}

.lni-car-4:before, .icon-car-4:before {
  content: "";
}

.lni-car-6:before, .icon-car-6:before {
  content: "";
}

.lni-caravan-1:before, .icon-caravan-1:before {
  content: "";
}

.lni-cart-1:before, .icon-cart-1:before {
  content: "";
}

.lni-cart-2:before, .icon-cart-2:before {
  content: "";
}

.lni-cash-app:before, .icon-cash-app:before {
  content: "";
}

.lni-certificate-badge-1:before, .icon-certificate-badge-1:before {
  content: "";
}

.lni-chat-bubble-2:before, .icon-chat-bubble-2:before {
  content: "";
}

.lni-check:before, .icon-check:before {
  content: "";
}

.lni-check-circle-1:before, .icon-check-circle-1:before {
  content: "";
}

.lni-check-square-2:before, .icon-check-square-2:before {
  content: "";
}

.lni-chevron-down:before, .icon-chevron-down:before {
  content: "";
}

.lni-chevron-down-circle:before, .icon-chevron-down-circle:before {
  content: "";
}

.lni-chevron-left:before, .icon-chevron-left:before {
  content: "";
}

.lni-chevron-left-circle:before, .icon-chevron-left-circle:before {
  content: "";
}

.lni-chevron-right:before, .icon-chevron-right:before {
  content: "";
  transform: rotate(180deg);
}

.lni-chevron-right-circle:before, .icon-chevron-right-circle:before {
  content: "";
}

.lni-chevron-up:before, .icon-chevron-up:before {
  content: "";
}

.lni-chevron-up-circle:before, .icon-chevron-up-circle:before {
  content: "";
}

.lni-chrome:before, .icon-chrome:before {
  content: "";
}

.lni-chromecast:before, .icon-chromecast:before {
  content: "";
}

.lni-cisco:before, .icon-cisco:before {
  content: "";
}

.lni-claude:before, .icon-claude:before {
  content: "";
}

.lni-clickup:before, .icon-clickup:before {
  content: "";
}

.lni-clipboard:before, .icon-clipboard:before {
  content: "";
}

.lni-cloud-2:before, .icon-cloud-2:before {
  content: "";
}

.lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before {
  content: "";
}

.lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before {
  content: "";
}

.lni-cloud-check-circle:before, .icon-cloud-check-circle:before {
  content: "";
}

.lni-cloud-download:before, .icon-cloud-download:before {
  content: "";
}

.lni-cloud-iot-2:before, .icon-cloud-iot-2:before {
  content: "";
}

.lni-cloud-rain:before, .icon-cloud-rain:before {
  content: "";
}

.lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before {
  content: "";
}

.lni-cloud-sun:before, .icon-cloud-sun:before {
  content: "";
}

.lni-cloud-upload:before, .icon-cloud-upload:before {
  content: "";
}

.lni-cloudflare:before, .icon-cloudflare:before {
  content: "";
}

.lni-code-1:before, .icon-code-1:before {
  content: "";
}

.lni-code-s:before, .icon-code-s:before {
  content: "";
}

.lni-codepen:before, .icon-codepen:before {
  content: "";
}

.lni-coffee-cup-2:before, .icon-coffee-cup-2:before {
  content: "";
}

.lni-coinbase:before, .icon-coinbase:before {
  content: "";
}

.lni-colour-palette-3:before, .icon-colour-palette-3:before {
  content: "";
}

.lni-comment-1:before, .icon-comment-1:before {
  content: "";
}

.lni-comment-1-share:before, .icon-comment-1-share:before {
  content: "";
}

.lni-comment-1-text:before, .icon-comment-1-text:before {
  content: "";
}

.lni-compass-drafting-2:before, .icon-compass-drafting-2:before {
  content: "";
}

.lni-connectdevelop:before, .icon-connectdevelop:before {
  content: "";
}

.lni-copilot:before, .icon-copilot:before {
  content: "";
}

.lni-coral:before, .icon-coral:before {
  content: "";
}

.lni-cpanel:before, .icon-cpanel:before {
  content: "";
}

.lni-crane-4:before, .icon-crane-4:before {
  content: "";
}

.lni-creative-commons:before, .icon-creative-commons:before {
  content: "";
}

.lni-credit-card-multiple:before, .icon-credit-card-multiple:before {
  content: "";
}

.lni-crop-2:before, .icon-crop-2:before {
  content: "";
}

.lni-crown-3:before, .icon-crown-3:before {
  content: "";
}

.lni-css3:before, .icon-css3:before {
  content: "";
}

.lni-dashboard-square-1:before, .icon-dashboard-square-1:before {
  content: "";
}

.lni-database-2:before, .icon-database-2:before {
  content: "";
}

.lni-deno:before, .icon-deno:before {
  content: "";
}

.lni-dev:before, .icon-dev:before {
  content: "";
}

.lni-dialogflow:before, .icon-dialogflow:before {
  content: "";
}

.lni-diamonds-1:before, .icon-diamonds-1:before {
  content: "";
}

.lni-diamonds-2:before, .icon-diamonds-2:before {
  content: "";
}

.lni-digitalocean:before, .icon-digitalocean:before {
  content: "";
}

.lni-diners-club:before, .icon-diners-club:before {
  content: "";
}

.lni-direction-ltr:before, .icon-direction-ltr:before {
  content: "";
}

.lni-direction-rtl:before, .icon-direction-rtl:before {
  content: "";
}

.lni-discord:before, .icon-discord:before {
  content: "";
}

.lni-discord-chat:before, .icon-discord-chat:before {
  content: "";
}

.lni-discover:before, .icon-discover:before {
  content: "";
}

.lni-docker:before, .icon-docker:before {
  content: "";
}

.lni-dollar:before, .icon-dollar:before {
  content: "";
}

.lni-dollar-circle:before, .icon-dollar-circle:before {
  content: "";
}

.lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before {
  content: "";
}

.lni-download-1:before, .icon-download-1:before {
  content: "";
}

.lni-download-circle-1:before, .icon-download-circle-1:before {
  content: "";
}

.lni-dribbble:before, .icon-dribbble:before {
  content: "";
}

.lni-dribbble-symbol:before, .icon-dribbble-symbol:before {
  content: "";
}

.lni-drizzle:before, .icon-drizzle:before {
  content: "";
}

.lni-dropbox:before, .icon-dropbox:before {
  content: "";
}

.lni-drupal:before, .icon-drupal:before {
  content: "";
}

.lni-dumbbell-1:before, .icon-dumbbell-1:before {
  content: "";
}

.lni-edge:before, .icon-edge:before {
  content: "";
}

.lni-emoji-expressionless:before, .icon-emoji-expressionless:before {
  content: "";
}

.lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before {
  content: "";
}

.lni-emoji-grin:before, .icon-emoji-grin:before {
  content: "";
}

.lni-emoji-sad:before, .icon-emoji-sad:before {
  content: "";
}

.lni-emoji-smile:before, .icon-emoji-smile:before {
  content: "";
}

.lni-emoji-smile-side:before, .icon-emoji-smile-side:before {
  content: "";
}

.lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before {
  content: "";
}

.lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before {
  content: "";
}

.lni-enter:before, .icon-enter:before {
  content: "";
}

.lni-enter-down:before, .icon-enter-down:before {
  content: "";
}

.lni-envato:before, .icon-envato:before {
  content: "";
}

.lni-envelope-1:before, .icon-envelope-1:before {
  content: "";
}

.lni-eraser-1:before, .icon-eraser-1:before {
  content: "";
}

.lni-ethereum-logo:before, .icon-ethereum-logo:before {
  content: "";
}

.lni-euro:before, .icon-euro:before {
  content: "";
}

.lni-exit:before, .icon-exit:before {
  content: "";
}

.lni-exit-up:before, .icon-exit-up:before {
  content: "";
}

.lni-expand-arrow-1:before, .icon-expand-arrow-1:before {
  content: "";
}

.lni-expand-square-4:before, .icon-expand-square-4:before {
  content: "";
}

.lni-expressjs:before, .icon-expressjs:before {
  content: "";
}

.lni-eye:before, .icon-eye:before {
  content: "";
}

.lni-facebook:before, .icon-facebook:before {
  content: "";
}

.lni-facebook-messenger:before, .icon-facebook-messenger:before {
  content: "";
}

.lni-facebook-rounded:before, .icon-facebook-rounded:before {
  content: "";
}

.lni-facebook-square:before, .icon-facebook-square:before {
  content: "";
}

.lni-facetime:before, .icon-facetime:before {
  content: "";
}

.lni-figma:before, .icon-figma:before {
  content: "";
}

.lni-file-format-zip:before, .icon-file-format-zip:before {
  content: "";
}

.lni-file-multiple:before, .icon-file-multiple:before {
  content: "";
}

.lni-file-pencil:before, .icon-file-pencil:before {
  content: "";
}

.lni-file-plus-circle:before, .icon-file-plus-circle:before {
  content: "";
}

.lni-file-question:before, .icon-file-question:before {
  content: "";
}

.lni-file-xmark:before, .icon-file-xmark:before {
  content: "";
}

.lni-firebase:before, .icon-firebase:before {
  content: "";
}

.lni-firefox:before, .icon-firefox:before {
  content: "";
}

.lni-firework-rocket-4:before, .icon-firework-rocket-4:before {
  content: "";
}

.lni-fitbit:before, .icon-fitbit:before {
  content: "";
}

.lni-flag-1:before, .icon-flag-1:before {
  content: "";
}

.lni-flag-2:before, .icon-flag-2:before {
  content: "";
}

.lni-flickr:before, .icon-flickr:before {
  content: "";
}

.lni-floppy-disk-1:before, .icon-floppy-disk-1:before {
  content: "";
}

.lni-flower-2:before, .icon-flower-2:before {
  content: "";
}

.lni-flutter:before, .icon-flutter:before {
  content: "";
}

.lni-folder-1:before, .icon-folder-1:before {
  content: "";
}

.lni-ford:before, .icon-ford:before {
  content: "";
}

.lni-framer:before, .icon-framer:before {
  content: "";
}

.lni-funnel-1:before, .icon-funnel-1:before {
  content: "";
}

.lni-gallery:before, .icon-gallery:before {
  content: "";
}

.lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before {
  content: "";
}

.lni-gatsby:before, .icon-gatsby:before {
  content: "";
}

.lni-gauge-1:before, .icon-gauge-1:before {
  content: "";
}

.lni-gear-1:before, .icon-gear-1:before {
  content: "";
}

.lni-gears-3:before, .icon-gears-3:before {
  content: "";
}

.lni-gemini:before, .icon-gemini:before {
  content: "";
}

.lni-git:before, .icon-git:before {
  content: "";
}

.lni-github:before, .icon-github:before {
  content: "";
}

.lni-glass-juice-1:before, .icon-glass-juice-1:before {
  content: "";
}

.lni-globe-1:before, .icon-globe-1:before {
  content: "";
}

.lni-globe-stand:before, .icon-globe-stand:before {
  content: "";
}

.lni-go:before, .icon-go:before {
  content: "";
}

.lni-goodreads:before, .icon-goodreads:before {
  content: "";
}

.lni-google:before, .icon-google:before {
  content: "";
}

.lni-google-cloud:before, .icon-google-cloud:before {
  content: "";
}

.lni-google-drive:before, .icon-google-drive:before {
  content: "";
}

.lni-google-meet:before, .icon-google-meet:before {
  content: "";
}

.lni-google-pay:before, .icon-google-pay:before {
  content: "";
}

.lni-google-wallet:before, .icon-google-wallet:before {
  content: "";
}

.lni-graduation-cap-1:before, .icon-graduation-cap-1:before {
  content: "";
}

.lni-grammarly:before, .icon-grammarly:before {
  content: "";
}

.lni-hacker-news:before, .icon-hacker-news:before {
  content: "";
}

.lni-hammer-1:before, .icon-hammer-1:before {
  content: "";
}

.lni-hammer-2:before, .icon-hammer-2:before {
  content: "";
}

.lni-hand-mic:before, .icon-hand-mic:before {
  content: "";
}

.lni-hand-shake:before, .icon-hand-shake:before {
  content: "";
}

.lni-hand-stop:before, .icon-hand-stop:before {
  content: "";
}

.lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before {
  content: "";
}

.lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before {
  content: "";
}

.lni-hand-taking-user:before, .icon-hand-taking-user:before {
  content: "";
}

.lni-hashnode:before, .icon-hashnode:before {
  content: "";
}

.lni-hat-chef-3:before, .icon-hat-chef-3:before {
  content: "";
}

.lni-headphone-1:before, .icon-headphone-1:before {
  content: "";
}

.lni-heart:before, .icon-heart:before {
  content: "";
}

.lni-helicopter-2:before, .icon-helicopter-2:before {
  content: "";
}

.lni-helmet-safety-1:before, .icon-helmet-safety-1:before {
  content: "";
}

.lni-hierarchy-1:before, .icon-hierarchy-1:before {
  content: "";
}

.lni-highlighter-1:before, .icon-highlighter-1:before {
  content: "";
}

.lni-highlighter-2:before, .icon-highlighter-2:before {
  content: "";
}

.lni-home-2:before, .icon-home-2:before {
  content: "";
}

.lni-hospital-2:before, .icon-hospital-2:before {
  content: "";
}

.lni-hourglass:before, .icon-hourglass:before {
  content: "";
}

.lni-html5:before, .icon-html5:before {
  content: "";
}

.lni-ibm:before, .icon-ibm:before {
  content: "";
}

.lni-id-card:before, .icon-id-card:before {
  content: "";
}

.lni-imdb:before, .icon-imdb:before {
  content: "";
}

.lni-indent:before, .icon-indent:before {
  content: "";
}

.lni-info:before, .icon-info:before {
  content: "";
}

.lni-injection-1:before, .icon-injection-1:before {
  content: "";
}

.lni-instagram:before, .icon-instagram:before {
  content: "";
}

.lni-instagram-logotype:before, .icon-instagram-logotype:before {
  content: "";
}

.lni-intel:before, .icon-intel:before {
  content: "";
}

.lni-ios:before, .icon-ios:before {
  content: "";
}

.lni-island-2:before, .icon-island-2:before {
  content: "";
}

.lni-jaguar:before, .icon-jaguar:before {
  content: "";
}

.lni-jamstack:before, .icon-jamstack:before {
  content: "";
}

.lni-java:before, .icon-java:before {
  content: "";
}

.lni-javascript:before, .icon-javascript:before {
  content: "";
}

.lni-jcb:before, .icon-jcb:before {
  content: "";
}

.lni-joomla:before, .icon-joomla:before {
  content: "";
}

.lni-jsfiddle:before, .icon-jsfiddle:before {
  content: "";
}

.lni-key-1:before, .icon-key-1:before {
  content: "";
}

.lni-keyboard:before, .icon-keyboard:before {
  content: "";
}

.lni-knife-fork-1:before, .icon-knife-fork-1:before {
  content: "";
}

.lni-kubernetes:before, .icon-kubernetes:before {
  content: "";
}

.lni-label-dollar-2:before, .icon-label-dollar-2:before {
  content: "";
}

.lni-laptop-2:before, .icon-laptop-2:before {
  content: "";
}

.lni-laptop-phone:before, .icon-laptop-phone:before {
  content: "";
}

.lni-laravel:before, .icon-laravel:before {
  content: "";
}

.lni-layers-1:before, .icon-layers-1:before {
  content: "";
}

.lni-layout-26:before, .icon-layout-26:before {
  content: "";
}

.lni-layout-9:before, .icon-layout-9:before {
  content: "";
}

.lni-leaf-1:before, .icon-leaf-1:before {
  content: "";
}

.lni-leaf-6:before, .icon-leaf-6:before {
  content: "";
}

.lni-lemon-squeezy:before, .icon-lemon-squeezy:before {
  content: "";
}

.lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before {
  content: "";
}

.lni-line:before, .icon-line:before {
  content: "";
}

.lni-line-dashed:before, .icon-line-dashed:before {
  content: "";
}

.lni-line-dotted:before, .icon-line-dotted:before {
  content: "";
}

.lni-line-height:before, .icon-line-height:before {
  content: "";
}

.lni-lineicons:before, .icon-lineicons:before {
  content: "";
}

.lni-link-2-angular-right:before, .icon-link-2-angular-right:before {
  content: "";
}

.lni-linkedin:before, .icon-linkedin:before {
  content: "";
}

.lni-location-arrow-right:before, .icon-location-arrow-right:before {
  content: "";
}

.lni-locked-1:before, .icon-locked-1:before {
  content: "";
}

.lni-locked-2:before, .icon-locked-2:before {
  content: "";
}

.lni-loom:before, .icon-loom:before {
  content: "";
}

.lni-magento:before, .icon-magento:before {
  content: "";
}

.lni-magnet:before, .icon-magnet:before {
  content: "";
}

.lni-mailchimp:before, .icon-mailchimp:before {
  content: "";
}

.lni-map-marker-1:before, .icon-map-marker-1:before {
  content: "";
}

.lni-map-marker-5:before, .icon-map-marker-5:before {
  content: "";
}

.lni-map-pin-5:before, .icon-map-pin-5:before {
  content: "";
}

.lni-markdown:before, .icon-markdown:before {
  content: "";
}

.lni-mastercard:before, .icon-mastercard:before {
  content: "";
}

.lni-medium:before, .icon-medium:before {
  content: "";
}

.lni-medium-alt:before, .icon-medium-alt:before {
  content: "";
}

.lni-megaphone-1:before, .icon-megaphone-1:before {
  content: "";
}

.lni-menu-cheesburger:before, .icon-menu-cheesburger:before {
  content: "";
}

.lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before {
  content: "";
}

.lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before {
  content: "";
}

.lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before {
  content: "";
}

.lni-mercedes:before, .icon-mercedes:before {
  content: "";
}

.lni-message-2:before, .icon-message-2:before {
  content: "";
}

.lni-message-2-question:before, .icon-message-2-question:before {
  content: "";
}

.lni-message-3-text:before, .icon-message-3-text:before {
  content: "";
}

.lni-meta:before, .icon-meta:before {
  content: "";
}

.lni-meta-alt:before, .icon-meta-alt:before {
  content: "";
}

.lni-microphone-1:before, .icon-microphone-1:before {
  content: "";
}

.lni-microscope:before, .icon-microscope:before {
  content: "";
}

.lni-microsoft:before, .icon-microsoft:before {
  content: "";
}

.lni-microsoft-edge:before, .icon-microsoft-edge:before {
  content: "";
}

.lni-microsoft-teams:before, .icon-microsoft-teams:before {
  content: "";
}

.lni-minus:before, .icon-minus:before {
  content: "";
}

.lni-minus-circle:before, .icon-minus-circle:before {
  content: "";
}

.lni-mongodb:before, .icon-mongodb:before {
  content: "";
}

.lni-monitor:before, .icon-monitor:before {
  content: "";
}

.lni-monitor-code:before, .icon-monitor-code:before {
  content: "";
}

.lni-monitor-mac:before, .icon-monitor-mac:before {
  content: "";
}

.lni-moon-half-right-5:before, .icon-moon-half-right-5:before {
  content: "";
}

.lni-mountains-2:before, .icon-mountains-2:before {
  content: "";
}

.lni-mouse-2:before, .icon-mouse-2:before {
  content: "";
}

.lni-mushroom-1:before, .icon-mushroom-1:before {
  content: "";
}

.lni-mushroom-5:before, .icon-mushroom-5:before {
  content: "";
}

.lni-music:before, .icon-music:before {
  content: "";
}

.lni-mysql:before, .icon-mysql:before {
  content: "";
}

.lni-nasa:before, .icon-nasa:before {
  content: "";
}

.lni-netflix:before, .icon-netflix:before {
  content: "";
}

.lni-netlify:before, .icon-netlify:before {
  content: "";
}

.lni-next-step-2:before, .icon-next-step-2:before {
  content: "";
}

.lni-nextjs:before, .icon-nextjs:before {
  content: "";
}

.lni-nike:before, .icon-nike:before {
  content: "";
}

.lni-nissan:before, .icon-nissan:before {
  content: "";
}

.lni-nodejs:before, .icon-nodejs:before {
  content: "";
}

.lni-nodejs-alt:before, .icon-nodejs-alt:before {
  content: "";
}

.lni-notebook-1:before, .icon-notebook-1:before {
  content: "";
}

.lni-notion:before, .icon-notion:before {
  content: "";
}

.lni-npm:before, .icon-npm:before {
  content: "";
}

.lni-nuxt:before, .icon-nuxt:before {
  content: "";
}

.lni-nvidia:before, .icon-nvidia:before {
  content: "";
}

.lni-oculus:before, .icon-oculus:before {
  content: "";
}

.lni-open-ai:before, .icon-open-ai:before {
  content: "";
}

.lni-opera-mini:before, .icon-opera-mini:before {
  content: "";
}

.lni-oracle:before, .icon-oracle:before {
  content: "";
}

.lni-outdent:before, .icon-outdent:before {
  content: "";
}

.lni-paddle:before, .icon-paddle:before {
  content: "";
}

.lni-page-break-1:before, .icon-page-break-1:before {
  content: "";
}

.lni-pagination:before, .icon-pagination:before {
  content: "";
}

.lni-paint-bucket:before, .icon-paint-bucket:before {
  content: "";
}

.lni-paint-roller-1:before, .icon-paint-roller-1:before {
  content: "";
}

.lni-paperclip-1:before, .icon-paperclip-1:before {
  content: "";
}

.lni-party-flags:before, .icon-party-flags:before {
  content: "";
}

.lni-party-spray:before, .icon-party-spray:before {
  content: "";
}

.lni-patreon:before, .icon-patreon:before {
  content: "";
}

.lni-pause:before, .icon-pause:before {
  content: "";
}

.lni-payoneer:before, .icon-payoneer:before {
  content: "";
}

.lni-paypal:before, .icon-paypal:before {
  content: "";
}

.lni-pen-to-square:before, .icon-pen-to-square:before {
  content: "";
}

.lni-pencil-1:before, .icon-pencil-1:before {
  content: "";
}

.lni-pepsi:before, .icon-pepsi:before {
  content: "";
}

.lni-phone:before, .icon-phone:before {
  content: "";
}

.lni-photos:before, .icon-photos:before {
  content: "";
}

.lni-php:before, .icon-php:before {
  content: "";
}

.lni-pie-chart-2:before, .icon-pie-chart-2:before {
  content: "";
}

.lni-pilcrow:before, .icon-pilcrow:before {
  content: "";
}

.lni-pimjo-logo:before, .icon-pimjo-logo:before {
  content: "";
}

.lni-pimjo-symbol:before, .icon-pimjo-symbol:before {
  content: "";
}

.lni-pinterest:before, .icon-pinterest:before {
  content: "";
}

.lni-pizza-2:before, .icon-pizza-2:before {
  content: "";
}

.lni-placeholder-dollar:before, .icon-placeholder-dollar:before {
  content: "";
}

.lni-plantscale:before, .icon-plantscale:before {
  content: "";
}

.lni-play:before, .icon-play:before {
  content: "";
}

.lni-play-store:before, .icon-play-store:before {
  content: "";
}

.lni-playstation:before, .icon-playstation:before {
  content: "";
}

.lni-plug-1:before, .icon-plug-1:before {
  content: "";
}

.lni-plus:before, .icon-plus:before {
  content: "";
}

.lni-plus-circle:before, .icon-plus-circle:before {
  content: "";
}

.lni-pnpm:before, .icon-pnpm:before {
  content: "";
}

.lni-postgresql:before, .icon-postgresql:before {
  content: "";
}

.lni-postman:before, .icon-postman:before {
  content: "";
}

.lni-pound:before, .icon-pound:before {
  content: "";
}

.lni-power-button:before, .icon-power-button:before {
  content: "";
}

.lni-previous-step-2:before, .icon-previous-step-2:before {
  content: "";
}

.lni-printer:before, .icon-printer:before {
  content: "";
}

.lni-prisma:before, .icon-prisma:before {
  content: "";
}

.lni-producthunt:before, .icon-producthunt:before {
  content: "";
}

.lni-proton-mail-logo:before, .icon-proton-mail-logo:before {
  content: "";
}

.lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before {
  content: "";
}

.lni-python:before, .icon-python:before {
  content: "";
}

.lni-question-mark:before, .icon-question-mark:before {
  content: "";
}

.lni-question-mark-circle:before, .icon-question-mark-circle:before {
  content: "";
}

.lni-quora:before, .icon-quora:before {
  content: "";
}

.lni-radis:before, .icon-radis:before {
  content: "";
}

.lni-react:before, .icon-react:before {
  content: "";
}

.lni-reddit:before, .icon-reddit:before {
  content: "";
}

.lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before {
  content: "";
}

.lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before {
  content: "";
}

.lni-refresh-user-1:before, .icon-refresh-user-1:before {
  content: "";
}

.lni-remix-js:before, .icon-remix-js:before {
  content: "";
}

.lni-road-1:before, .icon-road-1:before {
  content: "";
}

.lni-rocket-5:before, .icon-rocket-5:before {
  content: "";
}

.lni-route-1:before, .icon-route-1:before {
  content: "";
}

.lni-rss-right:before, .icon-rss-right:before {
  content: "";
}

.lni-ruler-1:before, .icon-ruler-1:before {
  content: "";
}

.lni-ruler-pen:before, .icon-ruler-pen:before {
  content: "";
}

.lni-rupee:before, .icon-rupee:before {
  content: "";
}

.lni-safari:before, .icon-safari:before {
  content: "";
}

.lni-sanity:before, .icon-sanity:before {
  content: "";
}

.lni-school-bench-1:before, .icon-school-bench-1:before {
  content: "";
}

.lni-school-bench-2:before, .icon-school-bench-2:before {
  content: "";
}

.lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before {
  content: "";
}

.lni-scoter:before, .icon-scoter:before {
  content: "";
}

.lni-scroll-down-2:before, .icon-scroll-down-2:before {
  content: "";
}

.lni-search-1:before, .icon-search-1:before {
  content: "";
}

.lni-search-2:before, .icon-search-2:before {
  content: "";
}

.lni-search-minus:before, .icon-search-minus:before {
  content: "";
}

.lni-search-plus:before, .icon-search-plus:before {
  content: "";
}

.lni-search-text:before, .icon-search-text:before {
  content: "";
}

.lni-select-cursor-1:before, .icon-select-cursor-1:before {
  content: "";
}

.lni-seo-monitor:before, .icon-seo-monitor:before {
  content: "";
}

.lni-service-bell-1:before, .icon-service-bell-1:before {
  content: "";
}

.lni-share-1:before, .icon-share-1:before {
  content: "";
}

.lni-share-1-circle:before, .icon-share-1-circle:before {
  content: "";
}

.lni-share-2:before, .icon-share-2:before {
  content: "";
}

.lni-shield-2:before, .icon-shield-2:before {
  content: "";
}

.lni-shield-2-check:before, .icon-shield-2-check:before {
  content: "";
}

.lni-shield-dollar:before, .icon-shield-dollar:before {
  content: "";
}

.lni-shift-left:before, .icon-shift-left:before {
  content: "";
}

.lni-shift-right:before, .icon-shift-right:before {
  content: "";
}

.lni-ship-1:before, .icon-ship-1:before {
  content: "";
}

.lni-shirt-1:before, .icon-shirt-1:before {
  content: "";
}

.lni-shopify:before, .icon-shopify:before {
  content: "";
}

.lni-shovel:before, .icon-shovel:before {
  content: "";
}

.lni-shuffle:before, .icon-shuffle:before {
  content: "";
}

.lni-sign-post-left:before, .icon-sign-post-left:before {
  content: "";
}

.lni-signal-app:before, .icon-signal-app:before {
  content: "";
}

.lni-signs-post-2:before, .icon-signs-post-2:before {
  content: "";
}

.lni-sketch:before, .icon-sketch:before {
  content: "";
}

.lni-skype:before, .icon-skype:before {
  content: "";
}

.lni-slack:before, .icon-slack:before {
  content: "";
}

.lni-slice-2:before, .icon-slice-2:before {
  content: "";
}

.lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before {
  content: "";
}

.lni-slideshare:before, .icon-slideshare:before {
  content: "";
}

.lni-snapchat:before, .icon-snapchat:before {
  content: "";
}

.lni-sort-alphabetical:before, .icon-sort-alphabetical:before {
  content: "";
}

.lni-sort-high-to-low:before, .icon-sort-high-to-low:before {
  content: "";
}

.lni-soundcloud:before, .icon-soundcloud:before {
  content: "";
}

.lni-spacex:before, .icon-spacex:before {
  content: "";
}

.lni-spellcheck:before, .icon-spellcheck:before {
  content: "";
}

.lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before {
  content: "";
}

.lni-spinner-3:before, .icon-spinner-3:before {
  content: "";
}

.lni-sports:before, .icon-sports:before {
  content: "";
}

.lni-spotify:before, .icon-spotify:before {
  content: "";
}

.lni-spotify-alt:before, .icon-spotify-alt:before {
  content: "";
}

.lni-squarespace:before, .icon-squarespace:before {
  content: "";
}

.lni-stackoverflow:before, .icon-stackoverflow:before {
  content: "";
}

.lni-stamp:before, .icon-stamp:before {
  content: "";
}

.lni-star-fat:before, .icon-star-fat:before {
  content: "";
}

.lni-star-fat-half-2:before, .icon-star-fat-half-2:before {
  content: "";
}

.lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before {
  content: "";
}

.lni-statista:before, .icon-statista:before {
  content: "";
}

.lni-steam:before, .icon-steam:before {
  content: "";
}

.lni-stethoscope-1:before, .icon-stethoscope-1:before {
  content: "";
}

.lni-stopwatch:before, .icon-stopwatch:before {
  content: "";
}

.lni-storage-hdd-2:before, .icon-storage-hdd-2:before {
  content: "";
}

.lni-strikethrough-1:before, .icon-strikethrough-1:before {
  content: "";
}

.lni-stripe:before, .icon-stripe:before {
  content: "";
}

.lni-stumbleupon:before, .icon-stumbleupon:before {
  content: "";
}

.lni-sun-1:before, .icon-sun-1:before {
  content: "";
}

.lni-supabase:before, .icon-supabase:before {
  content: "";
}

.lni-surfboard-2:before, .icon-surfboard-2:before {
  content: "";
}

.lni-svelte:before, .icon-svelte:before {
  content: "";
}

.lni-swift:before, .icon-swift:before {
  content: "";
}

.lni-tab:before, .icon-tab:before {
  content: "";
}

.lni-tailwindcss:before, .icon-tailwindcss:before {
  content: "";
}

.lni-target-user:before, .icon-target-user:before {
  content: "";
}

.lni-telegram:before, .icon-telegram:before {
  content: "";
}

.lni-telephone-1:before, .icon-telephone-1:before {
  content: "";
}

.lni-telephone-3:before, .icon-telephone-3:before {
  content: "";
}

.lni-tesla:before, .icon-tesla:before {
  content: "";
}

.lni-text-format:before, .icon-text-format:before {
  content: "";
}

.lni-text-format-remove:before, .icon-text-format-remove:before {
  content: "";
}

.lni-text-paragraph:before, .icon-text-paragraph:before {
  content: "";
}

.lni-thumbs-down-3:before, .icon-thumbs-down-3:before {
  content: "";
}

.lni-thumbs-up-3:before, .icon-thumbs-up-3:before {
  content: "";
}

.lni-ticket-1:before, .icon-ticket-1:before {
  content: "";
}

.lni-tickets-3:before, .icon-tickets-3:before {
  content: "";
}

.lni-tiktok:before, .icon-tiktok:before {
  content: "";
}

.lni-tiktok-alt:before, .icon-tiktok-alt:before {
  content: "";
}

.lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before {
  content: "";
}

.lni-toyota:before, .icon-toyota:before {
  content: "";
}

.lni-train-1:before, .icon-train-1:before {
  content: "";
}

.lni-train-3:before, .icon-train-3:before {
  content: "";
}

.lni-trash-3:before, .icon-trash-3:before {
  content: "";
}

.lni-tree-2:before, .icon-tree-2:before {
  content: "";
}

.lni-trees-3:before, .icon-trees-3:before {
  content: "";
}

.lni-trello:before, .icon-trello:before {
  content: "";
}

.lni-trend-down-1:before, .icon-trend-down-1:before {
  content: "";
}

.lni-trend-up-1:before, .icon-trend-up-1:before {
  content: "";
}

.lni-trophy-1:before, .icon-trophy-1:before {
  content: "";
}

.lni-trowel-1:before, .icon-trowel-1:before {
  content: "";
}

.lni-truck-delivery-1:before, .icon-truck-delivery-1:before {
  content: "";
}

.lni-tumblr:before, .icon-tumblr:before {
  content: "";
}

.lni-turborepo:before, .icon-turborepo:before {
  content: "";
}

.lni-twitch:before, .icon-twitch:before {
  content: "";
}

.lni-twitter-old:before, .icon-twitter-old:before {
  content: "";
}

.lni-typescript:before, .icon-typescript:before {
  content: "";
}

.lni-uber:before, .icon-uber:before {
  content: "";
}

.lni-uber-symbol:before, .icon-uber-symbol:before {
  content: "";
}

.lni-ubuntu:before, .icon-ubuntu:before {
  content: "";
}

.lni-underline:before, .icon-underline:before {
  content: "";
}

.lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before {
  content: "";
}

.lni-unlocked-2:before, .icon-unlocked-2:before {
  content: "";
}

.lni-unsplash:before, .icon-unsplash:before {
  content: "";
}

.lni-upload-1:before, .icon-upload-1:before {
  content: "";
}

.lni-upload-circle-1:before, .icon-upload-circle-1:before {
  content: "";
}

.lni-user-4:before, .icon-user-4:before {
  content: "";
}

.lni-user-multiple-4:before, .icon-user-multiple-4:before {
  content: "";
}

.lni-vector-nodes-6:before, .icon-vector-nodes-6:before {
  content: "";
}

.lni-vector-nodes-7:before, .icon-vector-nodes-7:before {
  content: "";
}

.lni-vercel:before, .icon-vercel:before {
  content: "";
}

.lni-vimeo:before, .icon-vimeo:before {
  content: "";
}

.lni-visa:before, .icon-visa:before {
  content: "";
}

.lni-vite:before, .icon-vite:before {
  content: "";
}

.lni-vk:before, .icon-vk:before {
  content: "";
}

.lni-vmware:before, .icon-vmware:before {
  content: "";
}

.lni-volkswagen:before, .icon-volkswagen:before {
  content: "";
}

.lni-volume-1:before, .icon-volume-1:before {
  content: "";
}

.lni-volume-high:before, .icon-volume-high:before {
  content: "";
}

.lni-volume-low:before, .icon-volume-low:before {
  content: "";
}

.lni-volume-mute:before, .icon-volume-mute:before {
  content: "";
}

.lni-volume-off:before, .icon-volume-off:before {
  content: "";
}

.lni-vs-code:before, .icon-vs-code:before {
  content: "";
}

.lni-vuejs:before, .icon-vuejs:before {
  content: "";
}

.lni-wallet-1:before, .icon-wallet-1:before {
  content: "";
}

.lni-watch-beat-1:before, .icon-watch-beat-1:before {
  content: "";
}

.lni-water-drop-1:before, .icon-water-drop-1:before {
  content: "";
}

.lni-webflow:before, .icon-webflow:before {
  content: "";
}

.lni-webhooks:before, .icon-webhooks:before {
  content: "";
}

.lni-wechat:before, .icon-wechat:before {
  content: "";
}

.lni-weight-machine-1:before, .icon-weight-machine-1:before {
  content: "";
}

.lni-whatsapp:before, .icon-whatsapp:before {
  content: "";
}

.lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before {
  content: "";
}

.lni-wheelchair-1:before, .icon-wheelchair-1:before {
  content: "";
}

.lni-windows:before, .icon-windows:before {
  content: "";
}

.lni-wise:before, .icon-wise:before {
  content: "";
}

.lni-wordpress:before, .icon-wordpress:before {
  content: "";
}

.lni-www:before, .icon-www:before {
  content: "";
}

.lni-www-cursor:before, .icon-www-cursor:before {
  content: "";
}

.lni-x:before, .icon-x:before {
  content: "";
}

.lni-xampp:before, .icon-xampp:before {
  content: "";
}

.lni-xbox:before, .icon-xbox:before {
  content: "";
}

.lni-xmark:before, .icon-xmark:before {
  content: "";
}

.lni-xmark-circle:before, .icon-xmark-circle:before {
  content: "";
}

.lni-xrp:before, .icon-xrp:before {
  content: "";
}

.lni-yahoo:before, .icon-yahoo:before {
  content: "";
}

.lni-yarn:before, .icon-yarn:before {
  content: "";
}

.lni-ycombinator:before, .icon-ycombinator:before {
  content: "";
}

.lni-yen:before, .icon-yen:before {
  content: "";
}

.lni-youtube:before, .icon-youtube:before {
  content: "";
}

.lni-youtube-kids:before, .icon-youtube-kids:before {
  content: "";
}

.lni-youtube-music:before, .icon-youtube-music:before {
  content: "";
}

.lni-zapier:before, .icon-zapier:before {
  content: "";
}

.lni-zero-size:before, .icon-zero-size:before {
  content: "";
}

.lni-zoom:before, .icon-zoom:before {
  content: "";
}

.icon-chevron-right-after {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  line-height: 1;
  display: flex;
}

.icon-chevron-right-after:after {
  content: "";
  margin-top: .25rem;
  transform: rotate(180deg);
}

.site-header .nav-main .menu-vdi .button.button-donate {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 1);
  line-height: calc(var(--spacing) * 1);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.site-header .nav-aux__container a {
  color: var(--color-primary-600);
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.site-header .nav-aux__container a:hover {
  color: var(--color-primary-800);
}

.site-header .nav-aux__container #globalSearch {
  font-size: var(--text-14px);
  color: var(--color-light);
}

#breadcrumbs {
  margin-bottom: calc(var(--spacing) * 12);
  font-family: var(--font-kanit);
  font-size: var(--text-18px);
}

#breadcrumbs a {
  color: var(--color-blue-800);
  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));
  --tw-duration: .4s;
  text-decoration-line: underline;
  transition-duration: .4s;
}

#breadcrumbs a:hover {
  color: var(--color-blue-400);
}

.post-list__category {
  padding-block: .375rem;
}

.sidebar {
  gap: calc(var(--spacing) * 8);
  flex-direction: column;
  display: flex;
}

.sidebar .widget {
  margin: calc(var(--spacing) * 0);
  border-radius: var(--radius-2xl);
  padding: calc(var(--spacing) * 6);
  background-color: #eef1f7;
}

.sidebar .widget h2, .sidebar .widget h3 {
  margin: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-20px);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #2a2f38;
  border-bottom: 2px solid #8b94a8;
  padding-bottom: 8px;
}

.sidebar .widget ul {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  list-style-type: none;
}

.sidebar .widget ul li {
  text-wrap: balance;
  margin: 10px 0;
}

.sidebar .widget ul li a {
  color: #3b414c;
  text-decoration: none;
  transition: color .2s;
}

.sidebar .widget ul li a:hover {
  color: var(--color-primary-700);
}

.sidebar .widget_search .search-form {
  background-color: var(--color-blue-100);
  border: 2px solid #8b94a8;
  border-radius: 18px;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 3px;
  display: flex;
}

.sidebar .widget_search .search-field {
  width: 100%;
  font-size: var(--text-16px);
  color: #3b414c;
  background-color: #0000;
  border: 0;
  border-radius: 14px;
  height: 44px;
  padding: 10px 16px;
}

.sidebar .widget_search .search-field::placeholder {
  color: #6b7382;
}

.sidebar .widget_search .search-submit {
  color: #0000;
  text-indent: -9999px;
  background-color: #1f5fa8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border: 0;
  border-radius: 14px;
  width: 52px;
  height: 44px;
}

.sidebar .widget_search .search-submit:focus-visible, .sidebar .widget_search .search-field:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #2f5ea8;
}

.pagination .nav-links {
  margin-top: calc(var(--spacing) * 12);
  justify-content: center;
  align-items: center;
  display: none;
}

@media (width >= 48rem) {
  .pagination .nav-links {
    display: flex;
  }
}

.pagination .nav-links .page-numbers {
  height: calc(var(--spacing) * 10);
  stroke: var(--color-primary);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
  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));
  --tw-duration: .3s;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  transition-duration: .3s;
  display: none;
}

@media (hover: hover) {
  .pagination .nav-links .page-numbers:hover {
    background-color: var(--color-info);
    stroke: var(--color-info);
    color: var(--color-light);
  }
}

.pagination .nav-links .page-numbers:focus-visible {
  background-color: var(--color-info);
  stroke: var(--color-info);
  color: var(--color-light);
  --tw-outline-style: none;
  outline-style: none;
}

@media (width >= 48rem) {
  .pagination .nav-links .page-numbers {
    display: flex;
  }
}

.pagination .nav-links .page-numbers.current {
  background-color: var(--color-info);
  white-space: nowrap;
  color: var(--color-light);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

@media (hover: hover) {
  .pagination .nav-links .page-numbers.current:hover {
    background-color: var(--color-primary);
    stroke: var(--color-primary);
  }
}

.pagination .nav-links .page-numbers.current:focus-visible {
  background-color: var(--color-info);
}

.pagination .nav-links .prev, .pagination .nav-links .next {
  gap: calc(var(--spacing) * 4);
  display: flex;
}

.pagination a, .pagination span {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 5px;
  padding: .25rem .5rem;
  text-decoration: none;
  color: #3857bc !important;
}

.pagination .current, .pagination a:hover {
  padding: .25rem .5rem;
  color: #fff !important;
  background: #3857bc !important;
  border-color: #3857bc !important;
}

.site-footer {
  overflow-x: hidden;
}

.site-footer #footRight h3, .site-footer #footRight h4 {
  margin-bottom: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-22px);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
}

.site-footer #footRight a {
  color: var(--color-black);
  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));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  .site-footer #footRight a:hover {
    color: var(--color-secondary-500);
  }
}

.site-footer #footRight .widget ul {
  padding-left: calc(var(--spacing) * 0);
}

.site-footer #footRight .widget li {
  margin-block: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 4);
  padding-left: calc(var(--spacing) * 0);
  font-size: var(--text-16px);
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  list-style-type: none;
}

.site-footer #footRight .menu-footer-menu-container {
  flex-grow: 1;
}

.site-footer #footRight .footer-contact-info div {
  align-items: center;
  gap: calc(var(--spacing) * 4);
  display: flex;
}

.site-footer #footRight .footer-contact-info div a {
  color: var(--color-blue-800);
  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));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  .site-footer #footRight .footer-contact-info div a:hover {
    color: var(--color-blue-600);
  }
}

.site-footer #footRight .footer-contact-info div a.extLink:after {
  display: none;
}

:is(.site-footer .copyright, .site-footer .credits) p {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  --tw-leading: 1;
  line-height: 1;
}

:is(.site-footer .copyright, .site-footer .credits) a {
  color: var(--color-black);
  text-underline-offset: 2px;
  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));
  --tw-duration: .3s;
  text-decoration-line: underline;
  transition-duration: .3s;
}

@media (hover: hover) {
  :is(.site-footer .copyright, .site-footer .credits) a:hover {
    color: var(--color-primary-500);
  }
}

:is(.site-footer .copyright, .site-footer .credits) a.extLink:after {
  display: none;
}

.site-footer > div > .container > svg {
  max-width: 100%;
  height: auto;
}

.program-page-template, .program-page-template .entry-content {
  margin-top: 0;
}

.program-page-template .entry-content.section {
  padding-inline: calc(var(--spacing) * 0) !important;
}

.page-hero--program-child {
  position: relative;
}

.page-hero--program-child .content-wrapper {
  align-items: start;
  column-gap: clamp(1.5rem, 4vw, 4rem);
}

.page-hero--program-child h1 {
  max-width: 14ch;
}

.page-hero__program-image-wrap {
  position: relative;
}

.page-hero__program-image-wrap:before {
  content: "";
  background: var(--color-purple-200);
  clip-path: polygon(50% 0%, 65% 30%, 100% 20%, 78% 50%, 100% 80%, 65% 70%, 50% 100%, 35% 70%, 0% 80%, 22% 50%, 0% 20%, 35% 30%);
  opacity: .65;
  z-index: 0;
  width: 14rem;
  height: 14rem;
  position: absolute;
  top: -3rem;
  right: -2.5rem;
}

.page-hero__program-image-wrap img {
  z-index: 1;
  position: relative;
}

@media (width <= 67.49rem) {
  .page-hero--program-child .content-wrapper {
    gap: 1.5rem;
  }
}

@media (width <= 39.99rem) {
  .program-page__section-heading {
    line-height: 1.05;
  }
}

.btn, .button, .acf-block-preview .button {
  min-width: calc(var(--spacing) * 0);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 2);
  background: var(--button-bg);
  min-height: 44px;
  color: var(--button-color);
  cursor: pointer;
  border-width: var(--button-border-width);
  border-style: var(--button-border-style);
  border-color: var(--button-border-color);
  border-radius: var(--button-radius);
  font-weight: var(--button-font-weight, 600);
  font-size: var(--button-font-size, 1rem);
  line-height: 1.1;
  text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
  display: inline-block;
}

:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"] {
  --button-color: var(--button-outline-color, var(--button-bg));
  --button-hover-border-color: var(--button-hover-bg);
  --button-hover-color: var(--button-hover-bg);
  background: none;
}

:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"]:hover {
  background: none;
}

.btn:hover, .button:hover, .acf-block-preview .button:hover {
  background: var(--button-hover-bg);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
}

.btn:focus, .button:focus {
  outline-width: var(--button-outline-width, var(--button-border-width));
  outline-style: var(--button-outline-style, var(--button-border-style));
  outline-color: var(--button-outline-color, var(--button-border-color));
  outline-offset: calc(var(--button-border-width) * 2);
}

.btn:active, .button:active {
  background: var(--button-active-bg);
  transform: scale(.99);
}

#backToTopBtn {
  background: var(--color-primary-200);
  border: 1px solid var(--color-primary-400);
  color: #000;
  cursor: pointer;
  z-index: 1000;
  border-radius: 2em;
  padding: .75em 1.5em;
  font-size: 1.1rem;
  font-weight: bold;
  transition: opacity .2s;
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  box-shadow: 0 2px 8px #00000026;
}

.btn[data-button-size="small"], .button[data-button-size="small"] {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  min-height: unset;
}

@media (width >= 67.5rem) {
  :is(.btn[data-button-size="small"], .button[data-button-size="small"]) {
    padding-inline: calc(var(--spacing) * 4);
  }
}

.btn[data-button-size="medium"], .button[data-button-size="medium"] {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
}

@media (width >= 67.5rem) {
  :is(.btn[data-button-size="medium"], .button[data-button-size="medium"]) {
    padding-inline: calc(var(--spacing) * 8);
  }
}

.btn[data-button-size="large"], .button[data-button-size="large"] {
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 3);
}

@media (width >= 67.5rem) {
  :is(.btn[data-button-size="large"], .button[data-button-size="large"]) {
    padding-inline: calc(var(--spacing) * 12);
  }
}

.btn[data-button-width="auto"], .button[data-button-width="auto"] {
  min-width: calc(var(--spacing) * 0);
}

.btn[data-button-width="small"], .button[data-button-width="small"] {
  padding-inline: calc(var(--spacing) * 2);
}

@media (width >= 40rem) {
  :is(.btn[data-button-width="wide"], .button[data-button-width="wide"]) {
    min-width: 20rem;
  }
}

.button[data-button-width="full"], x-button:has(.button[data-button-width="full"]) {
  width: 100%;
}

.btn[data-button-color="secondary"], .button[data-button-color="secondary"], .button-secondary {
  --button-bg: var(--color-pink-500);
  --button-color: var(--color-black);
  --button-border-color: var(--color-black);
  --button-hover-bg: var(--color-pink-400);
  --button-hover-border-color: var(--color-black);
  --button-hover-color: var(--color-black);
  --button-active-bg: var(--color-purple-400);
}

.btn[data-button-color="tertiary"], .button[data-button-color="tertiary"], .button-tertiary {
  --button-bg: var(--color-yellow-400);
  --button-color: var(--color-black);
  --button-border-color: var(--color-black);
  --button-hover-bg: var(--color-yellow-300);
  --button-hover-border-color: var(--color-black);
  --button-hover-color: var(--color-black);
  --button-active-bg: var(--color-yellow-500);
}

.btn[data-button-color="donate"], .button[data-button-color="donate"], .button.button-donate {
  --button-bg: var(--color-orange-400);
  --button-color: var(--color-black);
  --button-border-color: var(--color-black);
  --button-hover-bg: var(--color-orange-300);
  --button-hover-border-color: var(--color-black);
  --button-hover-color: var(--color-black);
  --button-active-bg: var(--color-orange-600);
  min-height: fit-content !important;
  padding: .25rem 0 !important;
  text-decoration: none !important;
}

.btn[data-button-color="light"], .button[data-button-color="light"], .button-light {
  --button-bg: var(--color-white);
  --button-color: var(--color-dark);
  --button-border-color: var(--color-white);
  --button-hover-bg: var(--color-dark);
  --button-hover-border-color: var(--color-dark);
  --button-hover-color: var(--color-white);
}

.btn[data-button-color="white"], .button[data-button-color="white"], .button-white {
  --button-bg: var(--color-white);
  --button-color: var(--color-black);
  --button-border-color: var(--color-white);
  --button-hover-bg: var(--color-secondary-200);
  --button-hover-border-color: var(--color-secondary-200);
  --button-hover-color: var(--color-black);
}

.btn[data-button-color="black"], .button[data-button-color="black"], .button-black {
  --button-bg: var(--color-black);
  --button-color: var(--color-white);
  --button-border-color: var(--color-black);
  --button-hover-bg: var(--color-secondary);
  --button-hover-border-color: var(--color-secondary);
  --button-hover-color: var(--color-dark);
}

.back-to-top {
  background: var(--color-blue-700);
  color: #fff;
  cursor: pointer;
  opacity: .85;
  border: none;
  border-radius: 2em;
  padding: .75em 1.5em;
  font-size: 1.1rem;
  transition: opacity .2s, background .2s;
  box-shadow: 0 2px 8px #00000026;
}

.back-to-top:hover, .back-to-top:focus {
  background: var(--color-blue-900);
  opacity: 1;
  outline: 2px solid var(--color-blue-500);
}

.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  font-size: var(--text-14px) !important;
}

.wp-block-social-links.has-small-icon-size {
  font-size: var(--text-16px) !important;
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: var(--text-24px) !important;
}

.wp-block-social-links.has-large-icon-size {
  font-size: var(--text-35px) !important;
}

.wp-block-social-links.has-huge-icon-size {
  font-size: var(--text-48px) !important;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  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: 0;
}

@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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}