/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --color-red-50: rgb(254, 242, 242);

    --color-red-100: rgb(255, 226, 226);

    --color-red-200: rgb(255, 202, 202);

    --color-red-500: rgb(251, 44, 54);

    --color-red-600: rgb(228, 0, 20);

    --color-red-700: rgb(191, 0, 15);

    --color-red-800: rgb(159, 7, 18);

    --color-orange-50: rgb(255, 247, 237);

    --color-orange-300: rgb(255, 185, 109);

    --color-orange-400: rgb(255, 139, 26);

    --color-orange-700: rgb(197, 60, 0);

    --color-orange-900: rgb(126, 42, 12);

    --color-amber-50: rgb(255, 251, 235);

    --color-amber-100: rgb(254, 243, 198);

    --color-amber-200: rgb(254, 230, 133);

    --color-amber-400: rgb(252, 187, 0);

    --color-amber-500: rgb(249, 156, 0);

    --color-amber-600: rgb(221, 116, 0);

    --color-amber-700: rgb(183, 80, 0);

    --color-amber-800: rgb(149, 61, 0);

    --color-yellow-100: rgb(254, 249, 194);

    --color-yellow-400: rgb(250, 200, 0);

    --color-yellow-500: rgb(237, 178, 0);

    --color-yellow-600: rgb(205, 137, 0);

    --color-green-400: rgb(5, 223, 114);

    --color-green-500: rgb(0, 199, 88);

    --color-green-600: rgb(0, 165, 68);

    --color-green-700: rgb(0, 129, 56);

    --color-blue-50: rgb(239, 246, 255);

    --color-blue-100: rgb(219, 234, 254);

    --color-blue-300: rgb(144, 197, 255);

    --color-blue-400: rgb(84, 162, 255);

    --color-blue-500: rgb(48, 128, 255);

    --color-blue-600: rgb(21, 93, 252);

    --color-blue-700: rgb(20, 71, 230);

    --color-blue-800: rgb(25, 60, 184);

    --color-blue-900: rgb(28, 57, 142);

    --color-violet-700: rgb(112, 8, 231);

    --color-purple-700: rgb(130, 0, 218);

    --color-slate-50: rgb(248, 250, 252);

    --color-slate-100: rgb(241, 245, 249);

    --color-slate-200: rgb(226, 232, 240);

    --color-slate-300: rgb(202, 213, 226);

    --color-slate-400: rgb(144, 161, 185);

    --color-slate-500: rgb(98, 116, 142);

    --color-slate-600: rgb(69, 85, 108);

    --color-slate-700: rgb(49, 65, 88);

    --color-slate-800: rgb(29, 41, 61);

    --color-slate-900: rgb(15, 23, 43);

    --color-gray-50: rgb(249, 250, 251);

    --color-gray-100: rgb(243, 244, 246);

    --color-gray-200: rgb(229, 231, 235);

    --color-gray-300: rgb(209, 213, 220);

    --color-gray-400: rgb(153, 161, 175);

    --color-gray-500: rgb(106, 114, 130);

    --color-gray-600: rgb(74, 85, 101);

    --color-gray-700: rgb(54, 65, 83);

    --color-gray-800: rgb(30, 41, 57);

    --color-gray-900: rgb(16, 24, 40);

    --color-zinc-50: rgb(250, 250, 250);

    --color-zinc-100: rgb(244, 244, 245);

    --color-zinc-200: rgb(228, 228, 231);

    --color-zinc-600: rgb(82, 82, 92);

    --color-neutral-100: #F1F1F1;

    --color-neutral-200: #F9F9F9;

    --color-neutral-300: #E8E8E8;

    --color-neutral-400: #7F7F7F;

    --color-neutral-500: #6C6C6C;

    --color-neutral-600: #5F5F5F;

    --color-neutral-700: #414141;

    --color-neutral-800: #393939;

    --color-neutral-900: #000000;

    --color-black: #000;

    --color-white: #fff;

    --spacing: 0.25rem;

    --breakpoint-lg: 1024px;

    --breakpoint-xl: 1280px;

    --container-xs: 20rem;

    --container-sm: 24rem;

    --container-md: 28rem;

    --container-lg: 32rem;

    --container-xl: 36rem;

    --container-2xl: 42rem;

    --container-3xl: 48rem;

    --container-4xl: 56rem;

    --container-5xl: 64rem;

    --container-6xl: 72rem;

    --text-xs: 0.75rem;

    --text-xs--line-height: calc(1 / 0.75);

    --text-sm: 0.875rem;

    --text-sm--line-height: calc(1.25 / 0.875);

    --text-base: 1rem;

    --text-base--line-height: calc(1.5 / 1);

    --text-lg: 1.125rem;

    --text-lg--line-height: calc(1.75 / 1.125);

    --text-xl: 1.25rem;

    --text-xl--line-height: calc(1.75 / 1.25);

    --text-2xl: 1.5rem;

    --text-2xl--line-height: calc(2 / 1.5);

    --text-3xl: 1.875rem;

    --text-3xl--line-height: calc(2.25 / 1.875);

    --text-4xl: 2.25rem;

    --text-4xl--line-height: calc(2.5 / 2.25);

    --text-5xl: 3rem;

    --text-5xl--line-height: 1;

    --text-6xl: 3.75rem;

    --text-6xl--line-height: 1;

    --text-7xl: 4.5rem;

    --text-7xl--line-height: 1;

    --font-weight-thin: 100;

    --font-weight-light: 300;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --tracking-tight: -0.025em;

    --tracking-normal: 0em;

    --tracking-wide: 0.025em;

    --tracking-wider: 0.05em;

    --tracking-widest: 0.1em;

    --leading-tight: 1.25;

    --leading-snug: 1.375;

    --leading-normal: 1.5;

    --leading-relaxed: 1.625;

    --leading-loose: 2;

    --radius-xs: 0.125rem;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --radius-3xl: 1.5rem;

    --radius-4xl: 2rem;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-spin: spin 1s linear infinite;

    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --animate-bounce: bounce 1s infinite;

    --blur-xs: 4px;

    --blur-sm: 8px;

    --aspect-video: 16 / 9;

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --default-font-family: var(--font-sans);

    --default-mono-font-family: var(--font-mono);

    --font-sansbold: "Inter-ExtraBold", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    --font-titles: "Inter-SemiBold", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    --text-hero: 2.875rem;

    --text-hero--line-height: 3.25rem;

    --text-heroxl: 3.25rem;

    --text-heroxl--line-height: 4rem;

    --text-h1: 2.625rem;

    --text-h1--line-height: 3rem;

    --text-h1xl: 2.75rem;

    --text-h1xl--line-height: 3.25rem;

    --text-h2: 1.875rem;

    --text-h2--line-height: 2.75rem;

    --text-h2xl: 2.375rem;

    --text-h2xl--line-height: 3.25rem;

    --text-h3: 1.5rem;

    --text-h3--line-height: 2.25rem;

    --text-h3xl: 2rem;

    --text-h3xl--line-height: 2.75rem;

    --text-h4: 1.25rem;

    --text-h4--line-height: 2rem;

    --text-h4--letter-spacing: 0.3px;

    --text-h5: 1.125rem;

    --text-h5--line-height: 1.75rem;

    --text-h5--letter-spacing: 0.5px;

    --text-h6: 0.875rem;

    --text-h6--line-height: 1.125rem;

    --color-primary-lighter: #4D67E6;

    --color-primary: #6789B2;

    --color-primary-darker: #0B218C;

    --color-primary-100: #E6EBF2;

    --color-primary-200: #CCD8E5;

    --color-primary-300: #9AB1CB;

    --color-primary-400: #6789B2;

    --color-primary-500: #023B7E;

    --color-primary-600: #012958;

    --color-primary-700: #01234C;

    --color-primary-800: #011E3F;

    --color-primary-900: #011832;

    --color-secondary: #FDBD5E;

    --color-secondary-darker: #F96402;

    --color-secondary-300: #F9CF99;

    --color-secondary-500: #F18700;

    --color-secondary-600: #A95F00;

    --color-tertiary-100: #E6E9EE;

    --color-tertiary-400: #667B96;

    --color-tertiary-500: #002350;

    --color-tertiary-600: #001938;

    --color-neutral: #7F7F7F;

    --color-success-100: #E6F7E9;

    --color-success-400: #04B223;

    --color-alert-100: #FBE5E5;

    --color-alert-400: #D90000;

    --color-info-100: #E7EDF8;

    --color-info-400: #1049B8;

    --color-warning-100: #FFF8E6;

    --color-warning-400: #FFBC03;

    --color-container-lighter: #ffffff;

    --color-container: #fafafa;

    --color-container-darker: #f5f5f5;

    --color-form: #cbd5e1;

    --spacing-13: 3.5rem;

    --spacing-52: 3.25rem;

    --spacing-56: 3.5rem;

    --spacing-60: 3.75rem;

    --spacing-72: 4.5rem;

    --spacing-76: 4.75rem;

    --spacing-92: 5.75rem;

    --spacing-100: 6.25rem;

    --spacing-104: 6.5rem;

    --spacing-110: 6.875rem;

    --spacing-120: 7.5rem;

    --spacing-146: 9.125rem;

    --spacing-160: 10rem;

    --spacing-180: 11.25rem;
  }

@supports (color: color(display-p3 0 0 0)) {
:root, :host {

      --color-red-200: rgb(255, 202, 202);

      --color-red-600: rgb(228, 0, 20);

      --color-red-700: rgb(191, 0, 15);

      --color-orange-50: rgb(255, 247, 237);

      --color-orange-300: rgb(255, 185, 109);

      --color-orange-400: rgb(255, 139, 26);

      --color-orange-700: rgb(197, 60, 0);

      --color-amber-50: rgb(255, 251, 235);

      --color-amber-400: rgb(252, 187, 0);

      --color-amber-500: rgb(249, 156, 0);

      --color-amber-600: rgb(221, 116, 0);

      --color-amber-700: rgb(183, 80, 0);

      --color-amber-800: rgb(149, 61, 0);

      --color-yellow-400: rgb(250, 200, 0);

      --color-yellow-500: rgb(237, 178, 0);

      --color-yellow-600: rgb(205, 137, 0);

      --color-green-500: rgb(0, 199, 88);

      --color-green-600: rgb(0, 165, 68);

      --color-green-700: rgb(0, 129, 56);

      --color-blue-300: rgb(144, 197, 255);

      --color-blue-400: rgb(84, 162, 255);

      --color-blue-500: rgb(48, 128, 255);

      --color-purple-700: rgb(130, 0, 218);
    }

@media (color-gamut: p3) {
:root, :host {

        --color-red-200: color(display-p3 0.96956 0.79815 0.7943);

        --color-red-600: color(display-p3 0.83032 0.14038 0.1332);

        --color-red-700: color(display-p3 0.69274 0.11623 0.10468);

        --color-orange-50: color(display-p3 0.99533 0.97013 0.9335);

        --color-orange-300: color(display-p3 0.96801 0.73435 0.46416);

        --color-orange-400: color(display-p3 0.95019 0.56181 0.21102);

        --color-orange-700: color(display-p3 0.72984 0.25726 0.05111);

        --color-amber-50: color(display-p3 0.9978 0.98505 0.92631);

        --color-amber-400: color(display-p3 0.95919 0.73852 0.11827);

        --color-amber-500: color(display-p3 0.93994 0.62058 0.05854);

        --color-amber-600: color(display-p3 0.82714 0.46717 0.0336);

        --color-amber-700: color(display-p3 0.67989 0.32771 0.05205);

        --color-amber-800: color(display-p3 0.54753 0.25606 0.07283);

        --color-yellow-400: color(display-p3 0.95994 0.79017 0.05852);

        --color-yellow-500: color(display-p3 0.90365 0.70306 0.07454);

        --color-yellow-600: color(display-p3 0.77634 0.54249 0.04171);

        --color-green-500: color(display-p3 0.30873 0.77475 0.37431);

        --color-green-600: color(display-p3 0.24388 0.64082 0.29481);

        --color-green-700: color(display-p3 0.19836 0.5018 0.24533);

        --color-blue-300: color(display-p3 0.60256 0.76721 0.99394);

        --color-blue-400: color(display-p3 0.39744 0.62813 0.99212);

        --color-blue-500: color(display-p3 0.26642 0.49122 0.98862);

        --color-purple-700: color(display-p3 0.4653 0.06526 0.8244);
      }
}
}
}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

         tab-size: 4;

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-settings: var(--default-font-variation-settings, normal);

    -webkit-tap-highlight-color: transparent;
  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline;

    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-settings: var(--default-mono-font-variation-settings, normal);

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol, ul, menu {

    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

  :where(select:is([multiple], [size])) optgroup {

    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

    @supports (color: color-mix(in lab, red, red)) {

      ::-moz-placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {

    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {

    line-height: 1;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .\!btn-secondary {

    border-style: var(--tw-border-style) !important;

    border-width: 1px !important;

    border-color: var(--color-white) !important;

    background-color: var(--color-white) !important;

    color: var(--color-primary-500) !important;
  }

  .\!btn-secondary:hover {

    border-color: var(--color-primary-200) !important;

    background-color: var(--color-primary-200) !important;
  }

  .\!btn-secondary:focus {

    border-style: var(--tw-border-style) !important;

    border-width: 4px !important;

    border-color: var(--color-primary-200) !important;

    background-color: var(--color-primary-200) !important;
  }

  .\!btn-secondary:disabled {

    pointer-events: none !important;

    border-color: var(--color-neutral-600) !important;

    background-color: var(--color-neutral-600) !important;

    color: var(--color-neutral-800) !important;
  }

  .btn-secondary {

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: var(--color-white);

    background-color: var(--color-white);

    color: var(--color-primary-500);
  }

  .btn-secondary:hover {

    border-color: var(--color-primary-200);

    background-color: var(--color-primary-200);
  }

  .btn-secondary:focus {

    border-style: var(--tw-border-style);

    border-width: 4px;

    border-color: var(--color-primary-200);

    background-color: var(--color-primary-200);
  }

  .btn-secondary:disabled {

    pointer-events: none;

    border-color: var(--color-neutral-600);

    background-color: var(--color-neutral-600);

    color: var(--color-neutral-800);
  }

  .btn-ghost {

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: var(--color-primary-500);

    background-color: transparent;

    color: var(--color-primary-500);
  }

  .btn-ghost:hover {

    background-color: var(--color-primary-100);
  }

  .btn-ghost:focus {

    border-style: var(--tw-border-style);

    border-width: 4px;

    border-color: var(--color-primary-200);

    background-color: var(--color-primary-100);
  }

  .btn-ghost:disabled {

    pointer-events: none;

    border-color: var(--color-neutral-600);

    background-color: var(--color-neutral-400);

    color: var(--color-neutral-600);
  }

  .btn-primary {

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: var(--color-primary-500);

    background-color: var(--color-primary-500);

    color: var(--color-white);
  }

  .btn-primary:hover {

    border-color: var(--color-primary-700);

    background-color: var(--color-primary-700);
  }

  .btn-primary:focus {

    border-color: var(--color-primary-700);

    background-color: var(--color-primary-700);
  }

  .btn-primary:disabled {

    pointer-events: none;

    border-color: var(--color-neutral-400);

    background-color: var(--color-neutral-400);

    color: var(--color-neutral-600);
  }

  .pointer-events-auto {

    pointer-events: auto;
  }

  .pointer-events-none {

    pointer-events: none;
  }

  .\!visible {

    visibility: visible !important;
  }

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    -webkit-clip-path: inset(50%);

            clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    inset: 0;
  }

  .inset-x-0 {

    inset-inline: 0;
  }

  .inset-x-2 {

    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-4 {

    inset-inline: calc(var(--spacing) * 4);
  }

  .inset-y-0 {

    inset-block: 0;
  }

  .start-2 {

    inset-inline-start: calc(var(--spacing) * 2);
  }

  .end-2 {

    inset-inline-end: calc(var(--spacing) * 2);
  }

  .-top-1\.5 {

    top: calc(var(--spacing) * -1.5);
  }

  .-top-2 {

    top: calc(var(--spacing) * -2);
  }

  .-top-2\.5 {

    top: calc(var(--spacing) * -2.5);
  }

  .-top-3 {

    top: calc(var(--spacing) * -3);
  }

  .-top-10 {

    top: calc(var(--spacing) * -10);
  }

  .-top-16 {

    top: calc(var(--spacing) * -16);
  }

  .top-0 {

    top: 0;
  }

  .top-0\.5 {

    top: calc(var(--spacing) * 0.5);
  }

  .top-1 {

    top: var(--spacing);
  }

  .top-1\.5 {

    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {

    top: calc(1 / 2 * 100%);
  }

  .top-2 {

    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {

    top: calc(var(--spacing) * 2.5);
  }

  .top-4 {

    top: calc(var(--spacing) * 4);
  }

  .top-5 {

    top: calc(var(--spacing) * 5);
  }

  .top-8 {

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

  .top-10 {

    top: calc(var(--spacing) * 10);
  }

  .top-16 {

    top: calc(var(--spacing) * 16);
  }

  .top-\[-2px\] {

    top: -2px;
  }

  .top-\[-4px\] {

    top: -4px;
  }

  .top-\[1px\] {

    top: 1px;
  }

  .top-\[7px\] {

    top: 7px;
  }

  .top-\[18px\] {

    top: 18px;
  }

  .top-\[30px\] {

    top: 30px;
  }

  .top-\[54\%\] {

    top: 54%;
  }

  .top-full {

    top: 100%;
  }

  .top-px {

    top: 1px;
  }

  .-right-1\.5 {

    right: calc(var(--spacing) * -1.5);
  }

  .-right-2 {

    right: calc(var(--spacing) * -2);
  }

  .-right-2\.5 {

    right: calc(var(--spacing) * -2.5);
  }

  .-right-3 {

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

  .right-0 {

    right: 0;
  }

  .right-1 {

    right: var(--spacing);
  }

  .right-1\.5 {

    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {

    right: calc(var(--spacing) * 2);
  }

  .right-3 {

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

  .right-4 {

    right: calc(var(--spacing) * 4);
  }

  .right-5 {

    right: calc(var(--spacing) * 5);
  }

  .right-8 {

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

  .right-\[2rem\] {

    right: 2rem;
  }

  .right-px {

    right: 1px;
  }

  .bottom-0 {

    bottom: 0;
  }

  .bottom-2 {

    bottom: calc(var(--spacing) * 2);
  }

  .bottom-4 {

    bottom: calc(var(--spacing) * 4);
  }

  .bottom-8 {

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

  .bottom-11 {

    bottom: calc(var(--spacing) * 11);
  }

  .bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\] {

    bottom: calc(1.25rem / 2 - 2px);
  }

  .bottom-full {

    bottom: 100%;
  }

  .-left-1\.5 {

    left: calc(var(--spacing) * -1.5);
  }

  .-left-2 {

    left: calc(var(--spacing) * -2);
  }

  .-left-4 {

    left: calc(var(--spacing) * -4);
  }

  .-left-\[5px\] {

    left: calc(5px * -1);
  }

  .left-0 {

    left: 0;
  }

  .left-1\/2 {

    left: calc(1 / 2 * 100%);
  }

  .left-2 {

    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {

    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {

    left: calc(var(--spacing) * 3);
  }

  .left-4 {

    left: calc(var(--spacing) * 4);
  }

  .left-5 {

    left: calc(var(--spacing) * 5);
  }

  .left-8 {

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

  .left-\[-28px\] {

    left: -28px;
  }

  .left-\[16\.125rem\] {

    left: 16.125rem;
  }

  .left-\[18px\] {

    left: 18px;
  }

  .left-full {

    left: 100%;
  }

  .isolate {

    isolation: isolate;
  }

  .\!z-\[100\] {

    z-index: 100 !important;
  }

  .-z-10 {

    z-index: calc(10 * -1);
  }

  .z-0 {

    z-index: 0;
  }

  .z-1 {

    z-index: 1;
  }

  .z-10 {

    z-index: 10;
  }

  .z-20 {

    z-index: 20;
  }

  .z-30 {

    z-index: 30;
  }

  .z-40 {

    z-index: 40;
  }

  .z-50 {

    z-index: 50;
  }

  .z-99 {

    z-index: 99;
  }

  .z-\[-1\] {

    z-index: -1;
  }

  .z-\[1\] {

    z-index: 1;
  }

  .z-\[100\] {

    z-index: 100;
  }

  .z-\[200\] {

    z-index: 200;
  }

  .z-\[1000\] {

    z-index: 1000;
  }

  .-order-1 {

    order: calc(1 * -1);
  }

  .order-1 {

    order: 1;
  }

  .order-2 {

    order: 2;
  }

  .order-3 {

    order: 3;
  }

  .order-4 {

    order: 4;
  }

  .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-6 {

    grid-column: span 6 / span 6;
  }

  .col-span-12 {

    grid-column: span 12 / span 12;
  }

  .col-span-full {

    grid-column: 1 / -1;
  }

  .col-start-1 {

    grid-column-start: 1;
  }

  .row-span-2 {

    grid-row: span 2 / span 2;
  }

  .row-start-1 {

    grid-row-start: 1;
  }

  .float-end {

    float: right;
  }

  .float-left {

    float: left;
  }

  .float-right {

    float: right;
  }

  .clear-both {

    clear: both;
  }

  .clear-left {

    clear: left;
  }

  .container {

    width: 100%;
  }

  @media (min-width: 640px) {

    .container {

      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    .container {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .container {

      max-width: 1024px;
    }
  }

  @media (min-width: 1025px) {

    .container {

      max-width: 1025px;
    }
  }

  @media (min-width: 1280px) {

    .container {

      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {

    .container {

      max-width: 1536px;
    }
  }

  @media (min-width: 1800px) {

    .container {

      max-width: 1800px;
    }
  }

  .-m-2 {

    margin: calc(var(--spacing) * -2);
  }

  .-m-4 {

    margin: calc(var(--spacing) * -4);
  }

  .m-0 {

    margin: 0;
  }

  .m-1 {

    margin: var(--spacing);
  }

  .m-2 {

    margin: calc(var(--spacing) * 2);
  }

  .m-4 {

    margin: calc(var(--spacing) * 4);
  }

  .m-6 {

    margin: calc(var(--spacing) * 6);
  }

  .m-\[1px\] {

    margin: 1px;
  }

  .m-auto {

    margin: auto;
  }

  .container {

    margin-inline: auto;

    align-self: center;

    padding-inline: calc(var(--spacing) * 5);
  }

  @media (min-width: 1280px) {

    .container {

      max-width: calc(var(--spacing) * 312);
    }
  }

  @media (min-width: 1536px) {

    .container {

      max-width: calc(var(--spacing) * 360);
    }
  }

  @media (min-width: 1800px) {

    .container {

      max-width: 1600px;
    }
  }

  .-mx-1 {

    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-3 {

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

  .-mx-4 {

    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-0 {

    margin-inline: 0;
  }

  .mx-1 {

    margin-inline: var(--spacing);
  }

  .mx-2 {

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

  .mx-4 {

    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-6 {

    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-\[10px\] {

    margin-inline: 10px;
  }

  .mx-auto {

    margin-inline: auto;
  }

  .-my-1\.5 {

    margin-block: calc(var(--spacing) * -1.5);
  }

  .my-0 {

    margin-block: 0;
  }

  .my-1 {

    margin-block: var(--spacing);
  }

  .my-2 {

    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {

    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {

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

  .my-6 {

    margin-block: calc(var(--spacing) * 6);
  }

  .my-8 {

    margin-block: calc(var(--spacing) * 8);
  }

  .my-12 {

    margin-block: calc(var(--spacing) * 12);
  }

  .my-52 {

    margin-block: var(--spacing-52);
  }

  .my-auto {

    margin-block: auto;
  }

  .ms-0 {

    margin-inline-start: 0;
  }

  .ms-1 {

    margin-inline-start: var(--spacing);
  }

  .ms-2 {

    margin-inline-start: calc(var(--spacing) * 2);
  }

  .ms-6 {

    margin-inline-start: calc(var(--spacing) * 6);
  }

  .ms-7 {

    margin-inline-start: calc(var(--spacing) * 7);
  }

  .ms-8 {

    margin-inline-start: calc(var(--spacing) * 8);
  }

  .ms-auto {

    margin-inline-start: auto;
  }

  .-me-4 {

    margin-inline-end: calc(var(--spacing) * -4);
  }

  .me-0 {

    margin-inline-end: 0;
  }

  .me-1 {

    margin-inline-end: var(--spacing);
  }

  .me-auto {

    margin-inline-end: auto;
  }

  .prose {

    color: var(--tw-prose-body);

    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 1.25em;

    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-lead);

    font-size: 1.25em;

    line-height: 1.6;

    margin-top: 1.2em;

    margin-bottom: 1.2em;
  }

  .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-links);

    -webkit-text-decoration: underline;

    text-decoration: underline;

    font-weight: 500;
  }

  .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-bold);

    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: decimal;

    margin-top: 1.25em;

    margin-bottom: 1.25em;

    padding-left: 1.625em;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    list-style-type: disc;

    margin-top: 1.25em;

    margin-bottom: 1.25em;

    padding-left: 1.625em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {

    font-weight: 400;

    color: var(--tw-prose-counters);
  }

  .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {

    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    margin-top: 1.25em;
  }

  .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    border-color: var(--tw-prose-hr);

    border-top-width: 1;

    margin-top: 3em;

    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 500;

    font-style: italic;

    color: var(--tw-prose-quotes);

    border-left-width: 0.25rem;

    border-left-color: var(--tw-prose-quote-borders);

    quotes: "\201C""\201D""\2018""\2019";

    margin-top: 1.6em;

    margin-bottom: 1.6em;

    padding-left: 1em;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 800;

    font-size: 2.25em;

    margin-top: 0;

    margin-bottom: 0.8888889em;

    line-height: 1.1111111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 900;

    color: inherit;
  }

  .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 700;

    font-size: 1.5em;

    margin-top: 2em;

    margin-bottom: 1em;

    line-height: 1.3333333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 800;

    color: inherit;
  }

  .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    font-size: 1.25em;

    margin-top: 1.6em;

    margin-bottom: 0.6em;

    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 700;

    color: inherit;
  }

  .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    margin-top: 1.5em;

    margin-bottom: 0.5em;

    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 700;

    color: inherit;
  }

  .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    display: block;

    margin-top: 2em;

    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    font-weight: 500;

    font-family: inherit;

    color: var(--tw-prose-kbd);

    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);

    font-size: 0.875em;

    border-radius: 0.3125rem;

    padding-top: 0.1875em;

    padding-right: 0.375em;

    padding-bottom: 0.1875em;

    padding-left: 0.375em;
  }

  .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-code);

    font-weight: 600;

    font-size: 0.875em;
  }

  .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

    content: "`";
  }

  .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;

    font-size: 0.875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;

    font-size: 0.9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-pre-code);

    background-color: var(--tw-prose-pre-bg);

    overflow-x: auto;

    font-weight: 400;

    font-size: 0.875em;

    line-height: 1.7142857;

    margin-top: 1.7142857em;

    margin-bottom: 1.7142857em;

    border-radius: 0.375rem;

    padding-top: 0.8571429em;

    padding-right: 1.1428571em;

    padding-bottom: 0.8571429em;

    padding-left: 1.1428571em;
  }

  .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    background-color: transparent;

    border-width: 0;

    border-radius: 0;

    padding: 0;

    font-weight: inherit;

    color: inherit;

    font-size: inherit;

    font-family: inherit;

    line-height: inherit;
  }

  .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

    content: none;
  }

  .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    width: 100%;

    table-layout: auto;

    text-align: left;

    margin-top: 2em;

    margin-bottom: 2em;

    font-size: 0.875em;

    line-height: 1.7142857;
  }

  .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    border-bottom-width: 1px;

    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    vertical-align: bottom;

    padding-right: 0.5714286em;

    padding-bottom: 0.5714286em;

    padding-left: 0.5714286em;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    border-bottom-width: 1px;

    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    border-top-width: 1px;

    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    vertical-align: top;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;

    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    color: var(--tw-prose-captions);

    font-size: 0.875em;

    line-height: 1.4285714;

    margin-top: 0.8571429em;
  }

  .prose {

    --tw-prose-body: rgb(54, 65, 83);

    --tw-prose-headings: rgb(16, 24, 40);

    --tw-prose-lead: rgb(74, 85, 101);

    --tw-prose-links: rgb(16, 24, 40);

    --tw-prose-bold: rgb(16, 24, 40);

    --tw-prose-counters: rgb(106, 114, 130);

    --tw-prose-bullets: rgb(209, 213, 220);

    --tw-prose-hr: rgb(229, 231, 235);

    --tw-prose-quotes: rgb(16, 24, 40);

    --tw-prose-quote-borders: rgb(229, 231, 235);

    --tw-prose-captions: rgb(106, 114, 130);

    --tw-prose-kbd: rgb(16, 24, 40);

    --tw-prose-kbd-shadows: NaN NaN NaN;

    --tw-prose-code: rgb(16, 24, 40);

    --tw-prose-pre-code: rgb(229, 231, 235);

    --tw-prose-pre-bg: rgb(30, 41, 57);

    --tw-prose-th-borders: rgb(209, 213, 220);

    --tw-prose-td-borders: rgb(229, 231, 235);

    --tw-prose-invert-body: rgb(209, 213, 220);

    --tw-prose-invert-headings: #fff;

    --tw-prose-invert-lead: rgb(153, 161, 175);

    --tw-prose-invert-links: #fff;

    --tw-prose-invert-bold: #fff;

    --tw-prose-invert-counters: rgb(153, 161, 175);

    --tw-prose-invert-bullets: rgb(74, 85, 101);

    --tw-prose-invert-hr: rgb(54, 65, 83);

    --tw-prose-invert-quotes: rgb(243, 244, 246);

    --tw-prose-invert-quote-borders: rgb(54, 65, 83);

    --tw-prose-invert-captions: rgb(153, 161, 175);

    --tw-prose-invert-kbd: #fff;

    --tw-prose-invert-kbd-shadows: 255 255 255;

    --tw-prose-invert-code: #fff;

    --tw-prose-invert-pre-code: rgb(209, 213, 220);

    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);

    --tw-prose-invert-th-borders: rgb(74, 85, 101);

    --tw-prose-invert-td-borders: rgb(54, 65, 83);

    font-size: 1rem;

    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;

    margin-bottom: 0;
  }

  .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;
  }

  .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0.5em;

    margin-bottom: 0.5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-left: 0.375em;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-left: 0.375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0.75em;

    margin-bottom: 0.75em;
  }

  .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-bottom: 1.25em;
  }

  .prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0.75em;

    margin-bottom: 0.75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 1.25em;

    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0.5em;

    padding-left: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;
  }

  .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;
  }

  .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;
  }

  .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-left: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-right: 0;
  }

  .prose :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-top: 0.5714286em;

    padding-right: 0.5714286em;

    padding-bottom: 0.5714286em;

    padding-left: 0.5714286em;
  }

  .prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-left: 0;
  }

  .prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    padding-right: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

    margin-bottom: 0;
  }

  .\!mt-0 {

    margin-top: 0 !important;
  }

  .\!mt-5 {

    margin-top: calc(var(--spacing) * 5) !important;
  }

  .-mt-1 {

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

  .-mt-2 {

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

  .-mt-6 {

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

  .-mt-10 {

    margin-top: calc(var(--spacing) * -10);
  }

  .-mt-\[4\.75rem\] {

    margin-top: calc(4.75rem * -1);
  }

  .-mt-\[15px\] {

    margin-top: calc(15px * -1);
  }

  .-mt-px {

    margin-top: -1px;
  }

  .mt-0 {

    margin-top: 0;
  }

  .mt-0\! {

    margin-top: 0 !important;
  }

  .mt-0\.5 {

    margin-top: calc(var(--spacing) * 0.5);
  }

  .mt-1 {

    margin-top: var(--spacing);
  }

  .mt-1\.5 {

    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {

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

  .mt-2\.5 {

    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {

    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {

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

  .mt-5 {

    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {

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

  .mt-7 {

    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {

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

  .mt-10 {

    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {

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

  .mt-16 {

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

  .mt-20 {

    margin-top: calc(var(--spacing) * 20);
  }

  .mt-52 {

    margin-top: var(--spacing-52);
  }

  .mt-72 {

    margin-top: var(--spacing-72);
  }

  .mt-\[1\.875rem\] {

    margin-top: 1.875rem;
  }

  .mt-\[2px\] {

    margin-top: 2px;
  }

  .mt-\[4px\] {

    margin-top: 4px;
  }

  .mt-\[35px\] {

    margin-top: 35px;
  }

  .mt-auto {

    margin-top: auto;
  }

  .mt-px {

    margin-top: 1px;
  }

  .-mr-1 {

    margin-right: calc(var(--spacing) * -1);
  }

  .-mr-5 {

    margin-right: calc(var(--spacing) * -5);
  }

  .mr-0 {

    margin-right: 0;
  }

  .mr-1 {

    margin-right: var(--spacing);
  }

  .mr-2 {

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

  .mr-3 {

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

  .mr-4 {

    margin-right: calc(var(--spacing) * 4);
  }

  .mr-8 {

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

  .mr-10 {

    margin-right: calc(var(--spacing) * 10);
  }

  .mr-auto {

    margin-right: auto;
  }

  .\!mb-2 {

    margin-bottom: calc(var(--spacing) * 2) !important;
  }

  .-mb-px {

    margin-bottom: -1px;
  }

  .mb-0 {

    margin-bottom: 0;
  }

  .mb-0\! {

    margin-bottom: 0 !important;
  }

  .mb-0\.5 {

    margin-bottom: calc(var(--spacing) * 0.5);
  }

  .mb-1 {

    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {

    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .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-7 {

    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {

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

  .mb-9 {

    margin-bottom: calc(var(--spacing) * 9);
  }

  .mb-10 {

    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {

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

  .mb-16 {

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

  .mb-20 {

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

  .mb-24 {

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

  .mb-52 {

    margin-bottom: var(--spacing-52);
  }

  .mb-120 {

    margin-bottom: var(--spacing-120);
  }

  .mb-160 {

    margin-bottom: var(--spacing-160);
  }

  .mb-\[1\.25rem\] {

    margin-bottom: 1.25rem;
  }

  .mb-\[3\.25rem\] {

    margin-bottom: 3.25rem;
  }

  .mb-\[7\.5rem\] {

    margin-bottom: 7.5rem;
  }

  .mb-\[18px\] {

    margin-bottom: 18px;
  }

  .\!ml-0 {

    margin-left: 0 !important;
  }

  .-ml-5 {

    margin-left: calc(var(--spacing) * -5);
  }

  .-ml-6 {

    margin-left: calc(var(--spacing) * -6);
  }

  .-ml-px {

    margin-left: -1px;
  }

  .ml-1 {

    margin-left: var(--spacing);
  }

  .ml-2 {

    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {

    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {

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

  .ml-5 {

    margin-left: calc(var(--spacing) * 5);
  }

  .ml-8 {

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

  .ml-9 {

    margin-left: calc(var(--spacing) * 9);
  }

  .ml-10 {

    margin-left: calc(var(--spacing) * 10);
  }

  .ml-\[2px\] {

    margin-left: 2px;
  }

  .ml-auto {

    margin-left: auto;
  }

  .box-border {

    box-sizing: border-box;
  }

  .box-content {

    box-sizing: content-box;
  }

  .form-checkbox {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    padding: 0;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: rgb(21, 93, 252);

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    --tw-shadow: 0 0 #0000;

    border-radius: 0px;
  }

  .form-checkbox:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 2px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .form-checkbox:checked {

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
  }

  .form-checkbox:checked {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {

    .form-checkbox:checked {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  .form-checkbox:checked:hover {

    border-color: transparent;

    background-color: currentColor;
  }

  .form-checkbox:checked:focus {

    border-color: transparent;

    background-color: currentColor;
  }

  .form-checkbox:indeterminate {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
  }

  @media (forced-colors: active) {

    .form-checkbox:indeterminate {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  .form-checkbox:indeterminate:hover {

    border-color: transparent;

    background-color: currentColor;
  }

  .form-checkbox:indeterminate:focus {

    border-color: transparent;

    background-color: currentColor;
  }

  .form-radio {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    padding: 0;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: rgb(21, 93, 252);

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    --tw-shadow: 0 0 #0000;

    border-radius: 100%;
  }

  .form-radio:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 2px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .form-radio:checked {

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
  }

  .form-radio:checked {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {

    .form-radio:checked {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  .form-radio:checked:hover {

    border-color: transparent;

    background-color: currentColor;
  }

  .form-radio:checked:focus {

    border-color: transparent;

    background-color: currentColor;
  }

  .btn {

    display: flex;

    height: calc(var(--spacing) * 9);

    align-items: center;

    justify-content: center;

    border-radius: var(--radius-lg);

    padding-inline: calc(var(--spacing) * 5);

    font-family: var(--font-titles);

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    transition-property: all;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .btn svg {

    display: inline-flex;
  }

  .btn span {

    vertical-align: middle;

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .btn:focus {

    border-color: transparent;

    --tw-outline-style: none;

    outline-style: none;
  }

  @media (forced-colors: active) {

    .btn:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;
    }
  }

  .form-input {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;
  }

  .form-input:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    border-color: rgb(21, 93, 252);
  }

  .form-input::-moz-placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  .form-input::placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  .form-input::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  .form-input::-webkit-date-and-time-value {

    min-height: 1.5em;
  }

  .form-input::-webkit-date-and-time-value {

    text-align: inherit;
  }

  .form-input::-webkit-datetime-edit {

    display: inline-flex;
  }

  .form-input::-webkit-datetime-edit {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-year-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-month-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-day-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-hour-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-minute-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-second-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-millisecond-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-meridiem-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  .line-clamp-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }

  .block {

    display: block;
  }

  .block\! {

    display: block !important;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .flow-root {

    display: flow-root;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .inline-grid {

    display: inline-grid;
  }

  .table {

    display: table;
  }

  .table-caption {

    display: table-caption;
  }

  .table-cell {

    display: table-cell;
  }

  .table-row {

    display: table-row;
  }

  .aspect-\(--gallery-ratio\) {

    aspect-ratio: var(--gallery-ratio);
  }

  .aspect-\(--thumb-ratio\) {

    aspect-ratio: var(--thumb-ratio);
  }

  .aspect-\[2\.8\/2\] {

    aspect-ratio: 2.8/2;
  }

  .aspect-\[3\.2\/2\] {

    aspect-ratio: 3.2/2;
  }

  .aspect-\[4\/3\] {

    aspect-ratio: 4/3;
  }

  .aspect-square {

    aspect-ratio: 1 / 1;
  }

  .aspect-video {

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

  .size-1\.5 {

    width: calc(var(--spacing) * 1.5);

    height: calc(var(--spacing) * 1.5);
  }

  .size-3 {

    width: calc(var(--spacing) * 3);

    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {

    width: calc(var(--spacing) * 3.5);

    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {

    width: calc(var(--spacing) * 4);

    height: calc(var(--spacing) * 4);
  }

  .size-5 {

    width: calc(var(--spacing) * 5);

    height: calc(var(--spacing) * 5);
  }

  .size-6 {

    width: calc(var(--spacing) * 6);

    height: calc(var(--spacing) * 6);
  }

  .size-7 {

    width: calc(var(--spacing) * 7);

    height: calc(var(--spacing) * 7);
  }

  .size-8 {

    width: calc(var(--spacing) * 8);

    height: calc(var(--spacing) * 8);
  }

  .size-9 {

    width: calc(var(--spacing) * 9);

    height: calc(var(--spacing) * 9);
  }

  .size-10 {

    width: calc(var(--spacing) * 10);

    height: calc(var(--spacing) * 10);
  }

  .size-11 {

    width: calc(var(--spacing) * 11);

    height: calc(var(--spacing) * 11);
  }

  .size-12 {

    width: calc(var(--spacing) * 12);

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

  .size-14 {

    width: calc(var(--spacing) * 14);

    height: calc(var(--spacing) * 14);
  }

  .size-16 {

    width: calc(var(--spacing) * 16);

    height: calc(var(--spacing) * 16);
  }

  .size-28 {

    width: calc(var(--spacing) * 28);

    height: calc(var(--spacing) * 28);
  }

  .size-36 {

    width: calc(var(--spacing) * 36);

    height: calc(var(--spacing) * 36);
  }

  .size-full {

    width: 100%;

    height: 100%;
  }

  .btn-size-dual {

    height: calc(var(--spacing) * 11);

    padding-inline: calc(var(--spacing) * 8);

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));

    --tw-tracking: 0.6px;

    letter-spacing: 0.6px;
  }

  @media (min-width: 1024px) {

    .btn-size-dual {

      height: 3.25rem;
    }
  }

  .btn-size-dual span {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\!h-7 {

    height: calc(var(--spacing) * 7) !important;
  }

  .\!h-9 {

    height: calc(var(--spacing) * 9) !important;
  }

  .\!h-10 {

    height: calc(var(--spacing) * 10) !important;
  }

  .h-0\.5 {

    height: calc(var(--spacing) * 0.5);
  }

  .h-1 {

    height: var(--spacing);
  }

  .h-2 {

    height: calc(var(--spacing) * 2);
  }

  .h-3 {

    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {

    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {

    height: calc(var(--spacing) * 4);
  }

  .h-5 {

    height: calc(var(--spacing) * 5);
  }

  .h-6 {

    height: calc(var(--spacing) * 6);
  }

  .h-7 {

    height: calc(var(--spacing) * 7);
  }

  .h-7\! {

    height: calc(var(--spacing) * 7) !important;
  }

  .h-8 {

    height: calc(var(--spacing) * 8);
  }

  .h-9 {

    height: calc(var(--spacing) * 9);
  }

  .h-10 {

    height: calc(var(--spacing) * 10);
  }

  .h-11 {

    height: calc(var(--spacing) * 11);
  }

  .h-12 {

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

  .h-14 {

    height: calc(var(--spacing) * 14);
  }

  .h-15 {

    height: calc(var(--spacing) * 15);
  }

  .h-16 {

    height: calc(var(--spacing) * 16);
  }

  .h-18 {

    height: calc(var(--spacing) * 18);
  }

  .h-20 {

    height: calc(var(--spacing) * 20);
  }

  .h-28 {

    height: calc(var(--spacing) * 28);
  }

  .h-40 {

    height: calc(var(--spacing) * 40);
  }

  .h-48 {

    height: calc(var(--spacing) * 48);
  }

  .h-60 {

    height: var(--spacing-60);
  }

  .h-64 {

    height: calc(var(--spacing) * 64);
  }

  .h-96 {

    height: calc(var(--spacing) * 96);
  }

  .h-\[1\.125rem\] {

    height: 1.125rem;
  }

  .h-\[1\.875rem\] {

    height: 1.875rem;
  }

  .h-\[2\.625rem\] {

    height: 2.625rem;
  }

  .h-\[3\.25rem\] {

    height: 3.25rem;
  }

  .h-\[4px\] {

    height: 4px;
  }

  .h-\[13px\] {

    height: 13px;
  }

  .h-\[17px\] {

    height: 17px;
  }

  .h-\[21px\] {

    height: 21px;
  }

  .h-\[22px\] {

    height: 22px;
  }

  .h-\[25px\] {

    height: 25px;
  }

  .h-\[28px\] {

    height: 28px;
  }

  .h-\[30px\] {

    height: 30px;
  }

  .h-\[37\.5rem\] {

    height: 37.5rem;
  }

  .h-\[38px\] {

    height: 38px;
  }

  .h-\[50px\] {

    height: 50px;
  }

  .h-\[52px\] {

    height: 52px;
  }

  .h-\[70px\] {

    height: 70px;
  }

  .h-\[72px\] {

    height: 72px;
  }

  .h-\[90vh\] {

    height: 90vh;
  }

  .h-\[100vh\] {

    height: 100vh;
  }

  .h-\[250px\] {

    height: 250px;
  }

  .h-\[335px\] {

    height: 335px;
  }

  .h-\[380px\] {

    height: 380px;
  }

  .h-\[450px\] {

    height: 450px;
  }

  .h-\[467px\] {

    height: 467px;
  }

  .h-\[640px\] {

    height: 640px;
  }

  .h-\[calc\(50vh-20px\)\] {

    height: calc(50vh - 20px);
  }

  .h-\[calc\(100vh-65px\)\] {

    height: calc(100vh - 65px);
  }

  .h-\[calc\(100vh-104px\)\] {

    height: calc(100vh - 104px);
  }

  .h-\[calc\(100vh-105px\)\] {

    height: calc(100vh - 105px);
  }

  .h-auto {

    height: auto;
  }

  .h-fit {

    height: -moz-fit-content;

    height: fit-content;
  }

  .h-full {

    height: 100%;
  }

  .h-max {

    height: -moz-max-content;

    height: max-content;
  }

  .h-px {

    height: 1px;
  }

  .h-screen {

    height: 100vh;
  }

  .max-h-8 {

    max-height: calc(var(--spacing) * 8);
  }

  .max-h-16 {

    max-height: calc(var(--spacing) * 16);
  }

  .max-h-32 {

    max-height: calc(var(--spacing) * 32);
  }

  .max-h-48 {

    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {

    max-height: var(--spacing-52);
  }

  .max-h-60 {

    max-height: var(--spacing-60);
  }

  .max-h-64 {

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

  .max-h-80 {

    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {

    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[90svh\] {

    max-height: 90svh;
  }

  .max-h-\[90vh\] {

    max-height: 90vh;
  }

  .max-h-\[480px\] {

    max-height: 480px;
  }

  .max-h-\[calc\(100\%-24px\)\] {

    max-height: calc(100% - 24px);
  }

  .max-h-\[calc\(100vh-145px\)\] {

    max-height: calc(100vh - 145px);
  }

  .max-h-full {

    max-height: 100%;
  }

  .max-h-screen {

    max-height: 100vh;
  }

  .\!min-h-10 {

    min-height: calc(var(--spacing) * 10) !important;
  }

  .min-h-0 {

    min-height: 0;
  }

  .min-h-9 {

    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {

    min-height: calc(var(--spacing) * 10);
  }

  .min-h-14 {

    min-height: calc(var(--spacing) * 14);
  }

  .min-h-28 {

    min-height: calc(var(--spacing) * 28);
  }

  .min-h-40 {

    min-height: calc(var(--spacing) * 40);
  }

  .min-h-64 {

    min-height: calc(var(--spacing) * 64);
  }

  .min-h-80 {

    min-height: calc(var(--spacing) * 80);
  }

  .min-h-\[20px\] {

    min-height: 20px;
  }

  .min-h-\[28rem\] {

    min-height: 28rem;
  }

  .min-h-\[80px\] {

    min-height: 80px;
  }

  .min-h-\[120px\] {

    min-height: 120px;
  }

  .min-h-\[312px\] {

    min-height: 312px;
  }

  .min-h-\[600px\] {

    min-height: 600px;
  }

  .\!w-9 {

    width: calc(var(--spacing) * 9) !important;
  }

  .w-0 {

    width: 0;
  }

  .w-1 {

    width: var(--spacing);
  }

  .w-1\/2 {

    width: calc(1 / 2 * 100%);
  }

  .w-1\/3 {

    width: calc(1 / 3 * 100%);
  }

  .w-1\/4 {

    width: calc(1 / 4 * 100%);
  }

  .w-2 {

    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {

    width: calc(2 / 3 * 100%);
  }

  .w-2\/5 {

    width: calc(2 / 5 * 100%);
  }

  .w-3 {

    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {

    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {

    width: calc(3 / 4 * 100%);
  }

  .w-3\/5 {

    width: calc(3 / 5 * 100%);
  }

  .w-4 {

    width: calc(var(--spacing) * 4);
  }

  .w-4\/12 {

    width: calc(4 / 12 * 100%);
  }

  .w-5 {

    width: calc(var(--spacing) * 5);
  }

  .w-5\/12 {

    width: calc(5 / 12 * 100%);
  }

  .w-6 {

    width: calc(var(--spacing) * 6);
  }

  .w-7 {

    width: calc(var(--spacing) * 7);
  }

  .w-7\/12 {

    width: calc(7 / 12 * 100%);
  }

  .w-8 {

    width: calc(var(--spacing) * 8);
  }

  .w-8\/12 {

    width: calc(8 / 12 * 100%);
  }

  .w-9 {

    width: calc(var(--spacing) * 9);
  }

  .w-10 {

    width: calc(var(--spacing) * 10);
  }

  .w-10\! {

    width: calc(var(--spacing) * 10) !important;
  }

  .w-11 {

    width: calc(var(--spacing) * 11);
  }

  .w-12 {

    width: calc(var(--spacing) * 12);
  }

  .w-13 {

    width: var(--spacing-13);
  }

  .w-14 {

    width: calc(var(--spacing) * 14);
  }

  .w-16 {

    width: calc(var(--spacing) * 16);
  }

  .w-17 {

    width: calc(var(--spacing) * 17);
  }

  .w-20 {

    width: calc(var(--spacing) * 20);
  }

  .w-24 {

    width: calc(var(--spacing) * 24);
  }

  .w-32 {

    width: calc(var(--spacing) * 32);
  }

  .w-40 {

    width: calc(var(--spacing) * 40);
  }

  .w-44 {

    width: calc(var(--spacing) * 44);
  }

  .w-50 {

    width: calc(var(--spacing) * 50);
  }

  .w-52 {

    width: var(--spacing-52);
  }

  .w-56 {

    width: var(--spacing-56);
  }

  .w-60 {

    width: var(--spacing-60);
  }

  .w-64 {

    width: calc(var(--spacing) * 64);
  }

  .w-72 {

    width: var(--spacing-72);
  }

  .w-75 {

    width: calc(var(--spacing) * 75);
  }

  .w-80 {

    width: calc(var(--spacing) * 80);
  }

  .w-120 {

    width: var(--spacing-120);
  }

  .w-\[1\.125rem\] {

    width: 1.125rem;
  }

  .w-\[13px\] {

    width: 13px;
  }

  .w-\[13rem\] {

    width: 13rem;
  }

  .w-\[25px\] {

    width: 25px;
  }

  .w-\[28px\] {

    width: 28px;
  }

  .w-\[30px\] {

    width: 30px;
  }

  .w-\[38px\] {

    width: 38px;
  }

  .w-\[48px\] {

    width: 48px;
  }

  .w-\[49px\] {

    width: 49px;
  }

  .w-\[52px\] {

    width: 52px;
  }

  .w-\[60\%\] {

    width: 60%;
  }

  .w-\[60px\] {

    width: 60px;
  }

  .w-\[70\%\] {

    width: 70%;
  }

  .w-\[74rem\] {

    width: 74rem;
  }

  .w-\[85\%\] {

    width: 85%;
  }

  .w-\[90\%\] {

    width: 90%;
  }

  .w-\[90px\] {

    width: 90px;
  }

  .w-\[96px\] {

    width: 96px;
  }

  .w-\[98rem\] {

    width: 98rem;
  }

  .w-\[115px\] {

    width: 115px;
  }

  .w-\[200\%\] {

    width: 200%;
  }

  .w-\[480px\] {

    width: 480px;
  }

  .w-\[max-content\] {

    width: -moz-max-content;

    width: max-content;
  }

  .w-auto {

    width: auto;
  }

  .w-fit {

    width: -moz-fit-content;

    width: fit-content;
  }

  .w-full {

    width: 100%;
  }

  .w-max {

    width: -moz-max-content;

    width: max-content;
  }

  .w-px {

    width: 1px;
  }

  .w-screen {

    width: 100vw;
  }

  .w-xl {

    width: var(--container-xl);
  }

  .max-w-1\/2 {

    max-width: calc(1 / 2 * 100%);
  }

  .max-w-2\/3 {

    max-width: calc(2 / 3 * 100%);
  }

  .max-w-2xl {

    max-width: var(--container-2xl);
  }

  .max-w-3xl {

    max-width: var(--container-3xl);
  }

  .max-w-4xl {

    max-width: var(--container-4xl);
  }

  .max-w-5xl {

    max-width: var(--container-5xl);
  }

  .max-w-6xl {

    max-width: var(--container-6xl);
  }

  .max-w-44 {

    max-width: calc(var(--spacing) * 44);
  }

  .max-w-55 {

    max-width: calc(var(--spacing) * 55);
  }

  .max-w-96 {

    max-width: calc(var(--spacing) * 96);
  }

  .max-w-115 {

    max-width: calc(var(--spacing) * 115);
  }

  .max-w-130 {

    max-width: calc(var(--spacing) * 130);
  }

  .max-w-156 {

    max-width: calc(var(--spacing) * 156);
  }

  .max-w-161\.5 {

    max-width: calc(var(--spacing) * 161.5);
  }

  .max-w-230 {

    max-width: calc(var(--spacing) * 230);
  }

  .max-w-480 {

    max-width: calc(var(--spacing) * 480);
  }

  .max-w-\[1\.875rem\] {

    max-width: 1.875rem;
  }

  .max-w-\[12\.5rem\] {

    max-width: 12.5rem;
  }

  .max-w-\[25\%\] {

    max-width: 25%;
  }

  .max-w-\[30\.5rem\] {

    max-width: 30.5rem;
  }

  .max-w-\[30\.25rem\] {

    max-width: 30.25rem;
  }

  .max-w-\[55\%\] {

    max-width: 55%;
  }

  .max-w-\[63rem\] {

    max-width: 63rem;
  }

  .max-w-\[67\%\] {

    max-width: 67%;
  }

  .max-w-\[68\.75rem\] {

    max-width: 68.75rem;
  }

  .max-w-\[96px\] {

    max-width: 96px;
  }

  .max-w-\[140px\] {

    max-width: 140px;
  }

  .max-w-\[384px\] {

    max-width: 384px;
  }

  .max-w-\[440px\] {

    max-width: 440px;
  }

  .max-w-\[600px\] {

    max-width: 600px;
  }

  .max-w-fit {

    max-width: -moz-fit-content;

    max-width: fit-content;
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-lg {

    max-width: var(--container-lg);
  }

  .max-w-md {

    max-width: var(--container-md);
  }

  .max-w-min {

    max-width: -moz-min-content;

    max-width: min-content;
  }

  .max-w-prose {

    max-width: 65ch;
  }

  .max-w-screen-lg {

    max-width: var(--breakpoint-lg);
  }

  .max-w-screen-xl {

    max-width: var(--breakpoint-xl);
  }

  .max-w-sm {

    max-width: var(--container-sm);
  }

  .max-w-xl {

    max-width: var(--container-xl);
  }

  .max-w-xs {

    max-width: var(--container-xs);
  }

  .\!min-w-\[100px\] {

    min-width: 100px !important;
  }

  .min-w-0 {

    min-width: 0;
  }

  .min-w-4 {

    min-width: calc(var(--spacing) * 4);
  }

  .min-w-6 {

    min-width: calc(var(--spacing) * 6);
  }

  .min-w-8 {

    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9\.5 {

    min-width: calc(var(--spacing) * 9.5);
  }

  .min-w-14 {

    min-width: calc(var(--spacing) * 14);
  }

  .min-w-16 {

    min-width: calc(var(--spacing) * 16);
  }

  .min-w-20 {

    min-width: calc(var(--spacing) * 20);
  }

  .min-w-40 {

    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {

    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {

    min-width: calc(var(--spacing) * 48);
  }

  .min-w-52 {

    min-width: var(--spacing-52);
  }

  .min-w-56 {

    min-width: var(--spacing-56);
  }

  .min-w-80 {

    min-width: calc(var(--spacing) * 80);
  }

  .min-w-\[1\.1rem\] {

    min-width: 1.1rem;
  }

  .min-w-\[1\.875rem\] {

    min-width: 1.875rem;
  }

  .min-w-\[22px\] {

    min-width: 22px;
  }

  .min-w-\[90px\] {

    min-width: 90px;
  }

  .min-w-full {

    min-width: 100%;
  }

  .flex-1 {

    flex: 1;
  }

  .flex-none {

    flex: none;
  }

  .flex-shrink {

    flex-shrink: 1;
  }

  .flex-shrink-0 {

    flex-shrink: 0;
  }

  .shrink {

    flex-shrink: 1;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .flex-grow {

    flex-grow: 1;
  }

  .flex-grow-0 {

    flex-grow: 0;
  }

  .grow {

    flex-grow: 1;
  }

  .grow-0 {

    flex-grow: 0;
  }

  .grow-1 {

    flex-grow: 1;
  }

  .table-auto {

    table-layout: auto;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .origin-bottom-left {

    transform-origin: 0 100%;
  }

  .origin-top-left {

    transform-origin: 0 0;
  }

  .-translate-x-1 {

    --tw-translate-x: calc(var(--spacing) * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {

    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/3 {

    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {

    --tw-translate-x: -100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {

    --tw-translate-x: 0;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-8 {

    --tw-translate-x: calc(var(--spacing) * 8);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-72 {

    --tw-translate-x: var(--spacing-72);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {

    --tw-translate-x: 100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {

    --tw-translate-y: calc(var(--spacing) * -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);
  }

  .-translate-y-8 {

    --tw-translate-y: calc(var(--spacing) * -8);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {

    --tw-translate-y: -100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {

    --tw-translate-y: 0;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1\/2 {

    --tw-translate-y: calc(1 / 2 * 100%);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {

    --tw-translate-y: calc(var(--spacing) * 2);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-12 {

    --tw-translate-y: calc(var(--spacing) * 12);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {

    --tw-translate-y: 100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-0 {

    --tw-scale-x: 0%;

    --tw-scale-y: 0%;

    --tw-scale-z: 0%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-80 {

    --tw-scale-x: 80%;

    --tw-scale-y: 80%;

    --tw-scale-z: 80%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-95 {

    --tw-scale-x: 95%;

    --tw-scale-y: 95%;

    --tw-scale-z: 95%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {

    rotate: calc(90deg * -1);
  }

  .rotate-45 {

    rotate: 45deg;
  }

  .rotate-90 {

    rotate: 90deg;
  }

  .rotate-180 {

    rotate: 180deg;
  }

  .transform {

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

  .transform-gpu {

    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }

  .animate-bounce {

    animation: var(--animate-bounce);
  }

  .animate-ping {

    animation: var(--animate-ping);
  }

  .animate-pulse {

    animation: var(--animate-pulse);
  }

  .animate-spin {

    animation: var(--animate-spin);
  }

  .cursor-col-resize {

    cursor: col-resize;
  }

  .cursor-context-menu {

    cursor: context-menu;
  }

  .cursor-default {

    cursor: default;
  }

  .cursor-grab {

    cursor: grab;
  }

  .cursor-move {

    cursor: move;
  }

  .cursor-not-allowed {

    cursor: not-allowed;
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .cursor-progress {

    cursor: progress;
  }

  .cursor-zoom-in {

    cursor: zoom-in;
  }

  .resize {

    resize: both;
  }

  .resize-none {

    resize: none;
  }

  .resize-y {

    resize: vertical;
  }

  .snap-x {

    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {

    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-start {

    scroll-snap-align: start;
  }

  .scrollbar-none {

    scrollbar-width: none;
  }

  .list-inside {

    list-style-position: inside;
  }

  .list-disc {

    list-style-type: disc;
  }

  .list-none {

    list-style-type: none;
  }

  .form-select {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;
  }

  .form-select:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    border-color: rgb(21, 93, 252);
  }

  .form-select {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

    background-position: right 0.5rem center;

    background-repeat: no-repeat;

    background-size: 1.5em 1.5em;

    padding-right: 2.5rem;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;
  }

  .form-select:where([size]:not([size="1"])) {

    background-image: initial;

    background-position: initial;

    background-repeat: unset;

    background-size: initial;

    padding-right: 0.75rem;

    -webkit-print-color-adjust: unset;

            print-color-adjust: unset;
  }

  .form-textarea {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;
  }

  .form-textarea:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    border-color: rgb(21, 93, 252);
  }

  .form-textarea::-moz-placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  .form-textarea::placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  .form-multiselect {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;
  }

  .form-multiselect:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    border-color: rgb(21, 93, 252);
  }

  .appearance-none {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
  }

  .columns-1 {

    -moz-columns: 1;

         columns: 1;
  }

  .columns-2 {

    -moz-columns: 2;

         columns: 2;
  }

  .columns-xs {

    -moz-columns: var(--container-xs);

         columns: var(--container-xs);
  }

  .break-inside-avoid {

    page-break-inside: avoid;

    -moz-column-break-inside: avoid;

         break-inside: avoid;
  }

  .auto-cols-\[100\%\] {

    grid-auto-columns: 100%;
  }

  .grid-flow-col {

    grid-auto-flow: column;
  }

  .grid-flow-row {

    grid-auto-flow: row;
  }

  .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-12 {

    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-cols-\[1\.5fr_1fr\] {

    grid-template-columns: 1.5fr 1fr;
  }

  .grid-cols-\[1fr_260px\] {

    grid-template-columns: 1fr 260px;
  }

  .grid-cols-\[1fr_420px\] {

    grid-template-columns: 1fr 420px;
  }

  .grid-cols-\[24px_1fr\] {

    grid-template-columns: 24px 1fr;
  }

  .grid-cols-\[52px_auto\] {

    grid-template-columns: 52px auto;
  }

  .grid-cols-\[180px_minmax\(0\,1fr\)\] {

    grid-template-columns: 180px minmax(0,1fr);
  }

  .grid-cols-\[auto_1fr\] {

    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_32px\] {

    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 32px;
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-col-reverse {

    flex-direction: column-reverse;
  }

  .flex-row {

    flex-direction: row;
  }

  .flex-row-reverse {

    flex-direction: row-reverse;
  }

  .flex-nowrap {

    flex-wrap: nowrap;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .place-content-center {

    place-content: center;
  }

  .place-items-center {

    place-items: center;
  }

  .content-center {

    align-content: center;
  }

  .items-baseline {

    align-items: baseline;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .justify-around {

    justify-content: space-around;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-evenly {

    justify-content: space-evenly;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .justify-stretch {

    justify-content: stretch;
  }

  .gap-0 {

    gap: 0;
  }

  .gap-0\.5 {

    gap: calc(var(--spacing) * 0.5);
  }

  .gap-1 {

    gap: var(--spacing);
  }

  .gap-1\.5 {

    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {

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

  .gap-2\.5 {

    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {

    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {

    gap: calc(var(--spacing) * 3.5);
  }

  .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-10 {

    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {

    gap: calc(var(--spacing) * 12);
  }

  .gap-\[10px\] {

    gap: 10px;
  }

  :where(.space-y-1 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));

    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-0 {

    -moz-column-gap: 0;

         column-gap: 0;
  }

  .gap-x-1 {

    -moz-column-gap: var(--spacing);

         column-gap: var(--spacing);
  }

  .gap-x-1\.5 {

    -moz-column-gap: calc(var(--spacing) * 1.5);

         column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {

    -moz-column-gap: calc(var(--spacing) * 2);

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

  .gap-x-2\.5 {

    -moz-column-gap: calc(var(--spacing) * 2.5);

         column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {

    -moz-column-gap: calc(var(--spacing) * 3);

         column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {

    -moz-column-gap: calc(var(--spacing) * 4);

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

  .gap-x-5 {

    -moz-column-gap: calc(var(--spacing) * 5);

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

  .gap-x-6 {

    -moz-column-gap: calc(var(--spacing) * 6);

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

  .gap-x-7 {

    -moz-column-gap: calc(var(--spacing) * 7);

         column-gap: calc(var(--spacing) * 7);
  }

  .gap-x-8 {

    -moz-column-gap: calc(var(--spacing) * 8);

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

  .gap-x-12 {

    -moz-column-gap: calc(var(--spacing) * 12);

         column-gap: calc(var(--spacing) * 12);
  }

  :where(.space-x-0\.5 > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));

    margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));

    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0 {

    row-gap: 0;
  }

  .gap-y-1 {

    row-gap: var(--spacing);
  }

  .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-14 {

    row-gap: calc(var(--spacing) * 14);
  }

  .gap-y-16 {

    row-gap: calc(var(--spacing) * 16);
  }

  :where(.divide-y > :not(:last-child)) {

    --tw-divide-y-reverse: 0;

    border-bottom-style: var(--tw-border-style);

    border-top-style: var(--tw-border-style);

    border-top-width: calc(1px * var(--tw-divide-y-reverse));

    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .self-center {

    align-self: center;
  }

  .self-end {

    align-self: flex-end;
  }

  .self-start {

    align-self: flex-start;
  }

  .self-stretch {

    align-self: stretch;
  }

  .justify-self-center {

    justify-self: center;
  }

  .justify-self-end {

    justify-self: flex-end;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-auto {

    overflow: auto;
  }

  .overflow-clip {

    overflow: clip;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-visible {

    overflow: visible;
  }

  .overflow-x-auto {

    overflow-x: auto;
  }

  .overflow-x-clip {

    overflow-x: clip;
  }

  .overflow-x-hidden {

    overflow-x: hidden;
  }

  .overflow-x-scroll {

    overflow-x: scroll;
  }

  .overflow-y-auto {

    overflow-y: auto;
  }

  .overflow-y-clip {

    overflow-y: clip;
  }

  .overflow-y-hidden {

    overflow-y: hidden;
  }

  .overscroll-x-contain {

    overscroll-behavior-x: contain;
  }

  .overscroll-y-contain {

    overscroll-behavior-y: contain;
  }

  .\!rounded {

    border-radius: 0.25rem !important;
  }

  .btn-radius-xl {

    border-radius: var(--radius-3xl);
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded\! {

    border-radius: 0.25rem !important;
  }

  .rounded-2xl {

    border-radius: var(--radius-2xl);
  }

  .rounded-2xl\! {

    border-radius: var(--radius-2xl) !important;
  }

  .rounded-3xl {

    border-radius: var(--radius-3xl);
  }

  .rounded-4xl\! {

    border-radius: var(--radius-4xl) !important;
  }

  .rounded-\[20px\] {

    border-radius: 20px;
  }

  .rounded-\[28px\] {

    border-radius: 28px;
  }

  .rounded-\[30px\] {

    border-radius: 30px;
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: var(--radius-md);
  }

  .rounded-none {

    border-radius: 0;
  }

  .rounded-sm {

    border-radius: var(--radius-sm);
  }

  .rounded-xl {

    border-radius: var(--radius-xl);
  }

  .rounded-s-none {

    border-start-start-radius: 0;

    border-end-start-radius: 0;
  }

  .rounded-e-none {

    border-start-end-radius: 0;

    border-end-end-radius: 0;
  }

  .rounded-t-md {

    border-top-left-radius: var(--radius-md);

    border-top-right-radius: var(--radius-md);
  }

  .rounded-l {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;
  }

  .rounded-l-md {

    border-top-left-radius: var(--radius-md);

    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-l-none {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;
  }

  .rounded-l-none\! {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;
  }

  .rounded-tl-none {

    border-top-left-radius: 0;
  }

  .rounded-r {

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;
  }

  .rounded-r-\[2rem\] {

    border-top-right-radius: 2rem;

    border-bottom-right-radius: 2rem;
  }

  .rounded-r-md {

    border-top-right-radius: var(--radius-md);

    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-r-none {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;
  }

  .rounded-r-none\! {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important;
  }

  .rounded-b-md {

    border-bottom-right-radius: var(--radius-md);

    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-bl-none {

    border-bottom-left-radius: 0;
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-0 {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .border-0\! {

    border-style: var(--tw-border-style) !important;

    border-width: 0px !important;
  }

  .border-1 {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-4 {

    border-style: var(--tw-border-style);

    border-width: 4px;
  }

  .border-\[0\.5px\] {

    border-style: var(--tw-border-style);

    border-width: 0.5px;
  }

  .border-\[1px\] {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-y {

    border-block-style: var(--tw-border-style);

    border-block-width: 1px;
  }

  .border-e-0 {

    border-inline-end-style: var(--tw-border-style);

    border-inline-end-width: 0px;
  }

  .border-bs {

    border-block-start-style: var(--tw-border-style);

    border-block-start-width: 1px;
  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-t-0 {

    border-top-style: var(--tw-border-style);

    border-top-width: 0px;
  }

  .border-t-2 {

    border-top-style: var(--tw-border-style);

    border-top-width: 2px;
  }

  .border-t-\[0\.5px\] {

    border-top-style: var(--tw-border-style);

    border-top-width: 0.5px;
  }

  .border-t-\[3px\] {

    border-top-style: var(--tw-border-style);

    border-top-width: 3px;
  }

  .border-r {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  .border-r-0 {

    border-right-style: var(--tw-border-style);

    border-right-width: 0px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-0 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 0px;
  }

  .border-b-2 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 2px;
  }

  .border-b-\[3px\] {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 3px;
  }

  .border-l {

    border-left-style: var(--tw-border-style);

    border-left-width: 1px;
  }

  .border-l-0 {

    border-left-style: var(--tw-border-style);

    border-left-width: 0px;
  }

  .border-l-2 {

    border-left-style: var(--tw-border-style);

    border-left-width: 2px;
  }

  .border-l-4 {

    border-left-style: var(--tw-border-style);

    border-left-width: 4px;
  }

  .border-dashed {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .border-solid {

    --tw-border-style: solid;

    border-style: solid;
  }

  .\!border-container {

    border-color: var(--color-container) !important;
  }

  .\!border-primary {

    border-color: var(--color-primary) !important;
  }

  .\!border-red-500 {

    border-color: var(--color-red-500) !important;
  }

  .border-\[\#1B53FE\] {

    border-color: #1B53FE;
  }

  .border-\[\#006B3D\] {

    border-color: #006B3D;
  }

  .border-amber-200 {

    border-color: var(--color-amber-200);
  }

  .border-amber-400 {

    border-color: var(--color-amber-400);
  }

  .border-blue-500 {

    border-color: var(--color-blue-500);
  }

  .border-container {

    border-color: var(--color-container);
  }

  .border-container-darker {

    border-color: var(--color-container-darker);
  }

  .border-container-lighter {

    border-color: var(--color-container-lighter);
  }

  .border-current {

    border-color: currentcolor;
  }

  .border-form {

    border-color: var(--color-form);
  }

  .border-gray-100 {

    border-color: var(--color-gray-100);
  }

  .border-gray-200 {

    border-color: var(--color-gray-200);
  }

  .border-gray-300 {

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

  .border-gray-400 {

    border-color: var(--color-gray-400);
  }

  .border-gray-600 {

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

  .border-green-400 {

    border-color: var(--color-green-400);
  }

  .border-neutral-200 {

    border-color: var(--color-neutral-200);
  }

  .border-neutral-300 {

    border-color: var(--color-neutral-300);
  }

  .border-neutral-500 {

    border-color: var(--color-neutral-500);
  }

  .border-neutral-800 {

    border-color: var(--color-neutral-800);
  }

  .border-orange-300 {

    border-color: var(--color-orange-300);
  }

  .border-primary {

    border-color: var(--color-primary);
  }

  .border-primary-100 {

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

  .border-primary-200 {

    border-color: var(--color-primary-200);
  }

  .border-primary-500 {

    border-color: var(--color-primary-500);
  }

  .border-primary-darker {

    border-color: var(--color-primary-darker);
  }

  .border-red-100 {

    border-color: var(--color-red-100);
  }

  .border-red-200 {

    border-color: var(--color-red-200);
  }

  .border-red-500 {

    border-color: var(--color-red-500);
  }

  .border-red-600 {

    border-color: var(--color-red-600);
  }

  .border-red-700 {

    border-color: var(--color-red-700);
  }

  .border-secondary-300 {

    border-color: var(--color-secondary-300);
  }

  .border-slate-100 {

    border-color: var(--color-slate-100);
  }

  .border-slate-200 {

    border-color: var(--color-slate-200);
  }

  .border-slate-300 {

    border-color: var(--color-slate-300);
  }

  .border-slate-400 {

    border-color: var(--color-slate-400);
  }

  .border-tertiary-500 {

    border-color: var(--color-tertiary-500);
  }

  .border-tertiary-600 {

    border-color: var(--color-tertiary-600);
  }

  .border-transparent {

    border-color: transparent;
  }

  .border-white {

    border-color: var(--color-white);
  }

  .border-yellow-400 {

    border-color: var(--color-yellow-400);
  }

  .border-zinc-200 {

    border-color: var(--color-zinc-200);
  }

  .\!bg-white {

    background-color: var(--color-white) !important;
  }

  .bg-\[\#00B86D14\] {

    background-color: #00B86D14;
  }

  .bg-\[\#008A50\] {

    background-color: #008A50;
  }

  .bg-\[\#25D366\] {

    background-color: #25D366;
  }

  .bg-\[\#AFB1BB\]\/80 {

    background-color: rgba(175, 177, 187, 0.8);
  }

  .bg-\[\#EBF6FF\] {

    background-color: #EBF6FF;
  }

  .bg-\[var\(--play-btn-bg\)\] {

    background-color: var(--play-btn-bg);
  }

  .bg-amber-50 {

    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {

    background-color: var(--color-amber-100);
  }

  .bg-amber-500 {

    background-color: var(--color-amber-500);
  }

  .bg-black {

    background-color: var(--color-black);
  }

  .bg-black\/20 {

    background-color: rgba(0, 0, 0, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/20 {

      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/30 {

    background-color: rgba(0, 0, 0, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/30 {

      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/50 {

    background-color: rgba(0, 0, 0, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/50 {

      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-50 {

    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {

    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {

    background-color: var(--color-blue-500);
  }

  .bg-blue-600 {

    background-color: var(--color-blue-600);
  }

  .bg-container {

    background-color: var(--color-container);
  }

  .bg-container-darker {

    background-color: var(--color-container-darker);
  }

  .bg-container-lighter {

    background-color: var(--color-container-lighter);
  }

  .bg-container-lighter\/95 {

    background-color: rgba(255, 255, 255, 0.95);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-container-lighter\/95 {

      background-color: color-mix(in oklab, var(--color-container-lighter) 95%, transparent);
    }
  }

  .bg-gray-50 {

    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {

    background-color: var(--color-gray-100);
  }

  .bg-gray-100\/80 {

    background-color: rgba(243, 244, 246, 0.8);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-gray-100\/80 {

      background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
    }
  }

  .bg-gray-200 {

    background-color: var(--color-gray-200);
  }

  .bg-gray-200\/60 {

    background-color: rgba(229, 231, 235, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-gray-200\/60 {

      background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent);
    }
  }

  .bg-gray-800 {

    background-color: var(--color-gray-800);
  }

  .bg-gray-900 {

    background-color: var(--color-gray-900);
  }

  .bg-green-500 {

    background-color: var(--color-green-500);
  }

  .bg-inherit {

    background-color: inherit;
  }

  .bg-neutral-100 {

    background-color: var(--color-neutral-100);
  }

  .bg-neutral-200 {

    background-color: var(--color-neutral-200);
  }

  .bg-orange-50 {

    background-color: var(--color-orange-50);
  }

  .bg-primary {

    background-color: var(--color-primary);
  }

  .bg-primary-100 {

    background-color: var(--color-primary-100);
  }

  .bg-primary-200 {

    background-color: var(--color-primary-200);
  }

  .bg-primary-500 {

    background-color: var(--color-primary-500);
  }

  .bg-primary\/10 {

    background-color: rgba(103, 137, 178, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-primary\/10 {

      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }

  .bg-red-50 {

    background-color: var(--color-red-50);
  }

  .bg-red-100 {

    background-color: var(--color-red-100);
  }

  .bg-red-500 {

    background-color: var(--color-red-500);
  }

  .bg-secondary-500 {

    background-color: var(--color-secondary-500);
  }

  .bg-slate-50 {

    background-color: var(--color-slate-50);
  }

  .bg-slate-100 {

    background-color: var(--color-slate-100);
  }

  .bg-slate-200 {

    background-color: var(--color-slate-200);
  }

  .bg-slate-400 {

    background-color: var(--color-slate-400);
  }

  .bg-tertiary-500 {

    background-color: var(--color-tertiary-500);
  }

  .bg-tertiary-600 {

    background-color: var(--color-tertiary-600);
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-violet-700 {

    background-color: var(--color-violet-700);
  }

  .bg-white {

    background-color: var(--color-white);
  }

  .bg-white\/25 {

    background-color: rgba(255, 255, 255, 0.25);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/25 {

      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/50 {

    background-color: rgba(255, 255, 255, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/50 {

      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-white\/60 {

    background-color: rgba(255, 255, 255, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/60 {

      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/70 {

    background-color: rgba(255, 255, 255, 0.7);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/70 {

      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/75 {

    background-color: rgba(255, 255, 255, 0.75);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/75 {

      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .bg-white\/80 {

    background-color: rgba(255, 255, 255, 0.8);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/80 {

      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/90 {

    background-color: rgba(255, 255, 255, 0.9);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/90 {

      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/95 {

    background-color: rgba(255, 255, 255, 0.95);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/95 {

      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow-100 {

    background-color: var(--color-yellow-100);
  }

  .bg-yellow-500 {

    background-color: var(--color-yellow-500);
  }

  .bg-zinc-50 {

    background-color: var(--color-zinc-50);
  }

  .bg-zinc-100 {

    background-color: var(--color-zinc-100);
  }

  .bg-gradient-to-b {

    --tw-gradient-position: to bottom in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {

    --tw-gradient-position: to left in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {

    --tw-gradient-position: to right in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {

    --tw-gradient-position: to top in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-gray-800\/75 {

    --tw-gradient-from: rgba(30, 41, 57, 0.75);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .from-gray-800\/75 {

      --tw-gradient-from: color-mix(in oklab, var(--color-gray-800) 75%, transparent);
    }
  }

  .from-gray-800\/75 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {

    --tw-gradient-from: var(--color-white);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-300 {

    --tw-gradient-to: var(--color-gray-300);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {

    --tw-gradient-to: var(--color-white);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .mask-x-from-90\% {

    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);

            mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);

    -webkit-mask-composite: source-in, xor;

            mask-composite: intersect;

    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);

    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));

    --tw-mask-right-from-position: 90%;

    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));

    --tw-mask-left-from-position: 90%;
  }

  .mask-b-from-80\% {

    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);

            mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);

    -webkit-mask-composite: source-in, xor;

            mask-composite: intersect;

    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);

    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));

    --tw-mask-bottom-from-position: 80%;
  }

  .bg-cover {

    background-size: cover;
  }

  .bg-center {

    background-position: center;
  }

  .bg-no-repeat {

    background-repeat: no-repeat;
  }

  .fill-black\/20 {

    fill: rgba(0, 0, 0, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .fill-black\/20 {

      fill: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .fill-current {

    fill: currentcolor;
  }

  .stroke-current {

    stroke: currentcolor;
  }

  .stroke-white\/75 {

    stroke: rgba(255, 255, 255, 0.75);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .stroke-white\/75 {

      stroke: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .stroke-1 {

    stroke-width: 1;
  }

  .stroke-2 {

    stroke-width: 2;
  }

  .object-contain {

    object-fit: contain;
  }

  .object-cover {

    object-fit: cover;
  }

  .object-scale-down {

    object-fit: scale-down;
  }

  .object-center {

    object-position: center;
  }

  .object-top {

    object-position: top;
  }

  .p-0 {

    padding: 0;
  }

  .p-0\.5 {

    padding: calc(var(--spacing) * 0.5);
  }

  .p-1 {

    padding: var(--spacing);
  }

  .p-1\.5 {

    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {

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

  .p-2\.5 {

    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

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

  .p-5 {

    padding: calc(var(--spacing) * 5);
  }

  .p-6 {

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

  .p-8 {

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

  .p-10 {

    padding: calc(var(--spacing) * 10);
  }

  .\!px-3 {

    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .\!px-10 {

    padding-inline: calc(var(--spacing) * 10) !important;
  }

  .px-0 {

    padding-inline: 0;
  }

  .px-0\.5 {

    padding-inline: calc(var(--spacing) * 0.5);
  }

  .px-1 {

    padding-inline: var(--spacing);
  }

  .px-1\.5 {

    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {

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

  .px-2\.5 {

    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {

    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {

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

  .px-5 {

    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {

    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {

    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {

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

  .px-10 {

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

  .px-12 {

    padding-inline: calc(var(--spacing) * 12);
  }

  .px-14 {

    padding-inline: calc(var(--spacing) * 14);
  }

  .px-\[20px\] {

    padding-inline: 20px;
  }

  .py-0 {

    padding-block: 0;
  }

  .py-0\.5 {

    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {

    padding-block: var(--spacing);
  }

  .py-1\.5 {

    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {

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

  .py-2\.5 {

    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {

    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {

    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {

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

  .py-5 {

    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {

    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {

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

  .py-9 {

    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {

    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {

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

  .py-16 {

    padding-block: calc(var(--spacing) * 16);
  }

  .py-52 {

    padding-block: var(--spacing-52);
  }

  .py-\[3px\] {

    padding-block: 3px;
  }

  .py-\[9px\] {

    padding-block: 9px;
  }

  .py-\[14px\] {

    padding-block: 14px;
  }

  .py-px {

    padding-block: 1px;
  }

  .ps-2 {

    padding-inline-start: calc(var(--spacing) * 2);
  }

  .pe-2 {

    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-4 {

    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pt-0 {

    padding-top: 0;
  }

  .pt-1 {

    padding-top: var(--spacing);
  }

  .pt-1\.5 {

    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {

    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {

    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {

    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {

    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {

    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {

    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {

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

  .pt-10 {

    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {

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

  .pt-16 {

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

  .pt-24 {

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

  .pt-28 {

    padding-top: calc(var(--spacing) * 28);
  }

  .pt-52 {

    padding-top: var(--spacing-52);
  }

  .pt-60 {

    padding-top: var(--spacing-60);
  }

  .pt-\[5rem\] {

    padding-top: 5rem;
  }

  .pr-0 {

    padding-right: 0;
  }

  .pr-0\! {

    padding-right: 0 !important;
  }

  .pr-1 {

    padding-right: var(--spacing);
  }

  .pr-1\.5 {

    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {

    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {

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

  .pr-4 {

    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {

    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {

    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {

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

  .pr-9 {

    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {

    padding-right: calc(var(--spacing) * 10);
  }

  .\!pb-8 {

    padding-bottom: calc(var(--spacing) * 8) !important;
  }

  .pb-0 {

    padding-bottom: 0;
  }

  .pb-0\.5 {

    padding-bottom: calc(var(--spacing) * 0.5);
  }

  .pb-1 {

    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {

    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {

    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {

    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {

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

  .pb-5 {

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

  .pb-6 {

    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {

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

  .pb-10 {

    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {

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

  .pb-16 {

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

  .pb-20 {

    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-52 {

    padding-bottom: var(--spacing-52);
  }

  .pb-72 {

    padding-bottom: var(--spacing-72);
  }

  .pb-120 {

    padding-bottom: var(--spacing-120);
  }

  .pb-\[3\.375rem\] {

    padding-bottom: 3.375rem;
  }

  .pb-\[4\.125rem\] {

    padding-bottom: 4.125rem;
  }

  .pb-\[7rem\] {

    padding-bottom: 7rem;
  }

  .pb-\[10px\] {

    padding-bottom: 10px;
  }

  .pl-0 {

    padding-left: 0;
  }

  .pl-1 {

    padding-left: var(--spacing);
  }

  .pl-1\.5 {

    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {

    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {

    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {

    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {

    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {

    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {

    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {

    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {

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

  .pl-9 {

    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {

    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {

    padding-left: calc(var(--spacing) * 11);
  }

  .pl-\[6\.25rem\] {

    padding-left: 6.25rem;
  }

  .pl-\[70px\] {

    padding-left: 70px;
  }

  .pl-\[124px\] {

    padding-left: 124px;
  }

  .\!text-center {

    text-align: center !important;
  }

  .text-center {

    text-align: center;
  }

  .text-end {

    text-align: end;
  }

  .text-left {

    text-align: left;
  }

  .text-right {

    text-align: right;
  }

  .text-start {

    text-align: start;
  }

  .align-bottom {

    vertical-align: bottom;
  }

  .align-middle {

    vertical-align: middle;
  }

  .align-top {

    vertical-align: top;
  }

  .\!font-titles {

    font-family: var(--font-titles) !important;
  }

  .font-mono {

    font-family: var(--font-mono);
  }

  .font-sans {

    font-family: var(--font-sans);
  }

  .font-sansbold {

    font-family: var(--font-sansbold);
  }

  .font-titles {

    font-family: var(--font-titles);
  }

  .\!text-base {

    font-size: var(--text-base) !important;

    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .\!text-h2 {

    font-size: var(--text-h2) !important;

    line-height: var(--tw-leading, var(--text-h2--line-height)) !important;
  }

  .\!text-sm {

    font-size: var(--text-sm) !important;

    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .\!text-xl {

    font-size: var(--text-xl) !important;

    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }

  .text-2xl {

    font-size: var(--text-2xl);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {

    font-size: var(--text-3xl);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {

    font-size: var(--text-4xl);

    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {

    font-size: var(--text-5xl);

    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-h1 {

    font-size: var(--text-h1);

    line-height: var(--tw-leading, var(--text-h1--line-height));
  }

  .text-h2 {

    font-size: var(--text-h2);

    line-height: var(--tw-leading, var(--text-h2--line-height));
  }

  .text-h3 {

    font-size: var(--text-h3);

    line-height: var(--tw-leading, var(--text-h3--line-height));
  }

  .text-h3xl {

    font-size: var(--text-h3xl);

    line-height: var(--tw-leading, var(--text-h3xl--line-height));
  }

  .text-hero {

    font-size: var(--text-hero);

    line-height: var(--tw-leading, var(--text-hero--line-height));
  }

  .text-lg {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {

    font-size: var(--text-xl);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {

    font-size: var(--text-xs);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-xs\! {

    font-size: var(--text-xs) !important;

    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-\[1\.75rem\] {

    font-size: 1.75rem;
  }

  .text-\[10px\] {

    font-size: 10px;
  }

  .text-\[11px\] {

    font-size: 11px;
  }

  .text-\[12px\] {

    font-size: 12px;
  }

  .text-\[14px\] {

    font-size: 14px;
  }

  .text-\[24px\] {

    font-size: 24px;
  }

  .\!leading-5 {

    --tw-leading: calc(var(--spacing) * 5) !important;

    line-height: calc(var(--spacing) * 5) !important;
  }

  .leading-1 {

    --tw-leading: var(--spacing);

    line-height: var(--spacing);
  }

  .leading-4 {

    --tw-leading: calc(var(--spacing) * 4);

    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {

    --tw-leading: calc(var(--spacing) * 5);

    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {

    --tw-leading: calc(var(--spacing) * 6);

    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {

    --tw-leading: calc(var(--spacing) * 7);

    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {

    --tw-leading: calc(var(--spacing) * 8);

    line-height: calc(var(--spacing) * 8);
  }

  .leading-9 {

    --tw-leading: calc(var(--spacing) * 9);

    line-height: calc(var(--spacing) * 9);
  }

  .leading-10 {

    --tw-leading: calc(var(--spacing) * 10);

    line-height: calc(var(--spacing) * 10);
  }

  .leading-\[1\.875rem\] {

    --tw-leading: 1.875rem;

    line-height: 1.875rem;
  }

  .leading-\[18px\] {

    --tw-leading: 18px;

    line-height: 18px;
  }

  .leading-\[36px\] {

    --tw-leading: 36px;

    line-height: 36px;
  }

  .leading-loose {

    --tw-leading: var(--leading-loose);

    line-height: var(--leading-loose);
  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;
  }

  .leading-normal {

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);
  }

  .leading-relaxed {

    --tw-leading: var(--leading-relaxed);

    line-height: var(--leading-relaxed);
  }

  .leading-snug {

    --tw-leading: var(--leading-snug);

    line-height: var(--leading-snug);
  }

  .leading-tight {

    --tw-leading: var(--leading-tight);

    line-height: var(--leading-tight);
  }

  .font-\[600\] {

    --tw-font-weight: 600;

    font-weight: 600;
  }

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

  .font-thin {

    --tw-font-weight: var(--font-weight-thin);

    font-weight: var(--font-weight-thin);
  }

  .tracking-\[0\.3px\] {

    --tw-tracking: 0.3px;

    letter-spacing: 0.3px;
  }

  .tracking-\[0\.5px\] {

    --tw-tracking: 0.5px;

    letter-spacing: 0.5px;
  }

  .tracking-\[0\.6px\] {

    --tw-tracking: 0.6px;

    letter-spacing: 0.6px;
  }

  .tracking-wide {

    --tw-tracking: var(--tracking-wide);

    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {

    --tw-tracking: var(--tracking-wider);

    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {

    --tw-tracking: var(--tracking-widest);

    letter-spacing: var(--tracking-widest);
  }

  .text-balance {

    text-wrap: balance;
  }

  .text-nowrap {

    text-wrap: nowrap;
  }

  .text-pretty {

    text-wrap: pretty;
  }

  .break-words {

    overflow-wrap: break-word;
  }

  .wrap-break-word {

    overflow-wrap: break-word;
  }

  .break-all {

    word-break: break-all;
  }

  .text-ellipsis {

    text-overflow: ellipsis;
  }

  .hyphens-auto {

    -webkit-hyphens: auto;

    hyphens: auto;
  }

  .whitespace-nowrap {

    white-space: nowrap;
  }

  .whitespace-pre-line {

    white-space: pre-line;
  }

  .whitespace-pre-wrap {

    white-space: pre-wrap;
  }

  .\!text-primary {

    color: var(--color-primary) !important;
  }

  .\!text-white {

    color: var(--color-white) !important;
  }

  .text-\[\#1B53FE\] {

    color: #1B53FE;
  }

  .text-\[var\(--play-btn-fg\)\] {

    color: var(--play-btn-fg);
  }

  .text-amber-400 {

    color: var(--color-amber-400);
  }

  .text-amber-600 {

    color: var(--color-amber-600);
  }

  .text-amber-700 {

    color: var(--color-amber-700);
  }

  .text-amber-800 {

    color: var(--color-amber-800);
  }

  .text-black {

    color: var(--color-black);
  }

  .text-blue-500 {

    color: var(--color-blue-500);
  }

  .text-blue-600 {

    color: var(--color-blue-600);
  }

  .text-blue-700 {

    color: var(--color-blue-700);
  }

  .text-blue-800 {

    color: var(--color-blue-800);
  }

  .text-blue-900 {

    color: var(--color-blue-900);
  }

  .text-current {

    color: currentcolor;
  }

  .text-gray-200 {

    color: var(--color-gray-200);
  }

  .text-gray-300 {

    color: var(--color-gray-300);
  }

  .text-gray-400 {

    color: var(--color-gray-400);
  }

  .text-gray-500 {

    color: var(--color-gray-500);
  }

  .text-gray-600 {

    color: var(--color-gray-600);
  }

  .text-gray-700 {

    color: var(--color-gray-700);
  }

  .text-gray-800 {

    color: var(--color-gray-800);
  }

  .text-gray-900 {

    color: var(--color-gray-900);
  }

  .text-green-500 {

    color: var(--color-green-500);
  }

  .text-green-600 {

    color: var(--color-green-600);
  }

  .text-green-700 {

    color: var(--color-green-700);
  }

  .text-inherit {

    color: inherit;
  }

  .text-neutral {

    color: var(--color-neutral);
  }

  .text-neutral-400 {

    color: var(--color-neutral-400);
  }

  .text-neutral-500 {

    color: var(--color-neutral-500);
  }

  .text-neutral-600 {

    color: var(--color-neutral-600);
  }

  .text-neutral-700 {

    color: var(--color-neutral-700);
  }

  .text-neutral-800 {

    color: var(--color-neutral-800);
  }

  .text-neutral-900 {

    color: var(--color-neutral-900);
  }

  .text-orange-400 {

    color: var(--color-orange-400);
  }

  .text-orange-900 {

    color: var(--color-orange-900);
  }

  .text-primary {

    color: var(--color-primary);
  }

  .text-primary-500 {

    color: var(--color-primary-500);
  }

  .text-primary-900 {

    color: var(--color-primary-900);
  }

  .text-primary-darker {

    color: var(--color-primary-darker);
  }

  .text-primary-lighter {

    color: var(--color-primary-lighter);
  }

  .text-purple-700 {

    color: var(--color-purple-700);
  }

  .text-red-500 {

    color: var(--color-red-500);
  }

  .text-red-600 {

    color: var(--color-red-600);
  }

  .text-red-700 {

    color: var(--color-red-700);
  }

  .text-red-800 {

    color: var(--color-red-800);
  }

  .text-secondary {

    color: var(--color-secondary);
  }

  .text-secondary-500 {

    color: var(--color-secondary-500);
  }

  .text-slate-300 {

    color: var(--color-slate-300);
  }

  .text-slate-400 {

    color: var(--color-slate-400);
  }

  .text-slate-500 {

    color: var(--color-slate-500);
  }

  .text-slate-600 {

    color: var(--color-slate-600);
  }

  .text-slate-700 {

    color: var(--color-slate-700);
  }

  .text-slate-800 {

    color: var(--color-slate-800);
  }

  .text-slate-900 {

    color: var(--color-slate-900);
  }

  .text-tertiary-400 {

    color: var(--color-tertiary-400);
  }

  .text-tertiary-500 {

    color: var(--color-tertiary-500);
  }

  .text-white {

    color: var(--color-white);
  }

  .text-yellow-400 {

    color: var(--color-yellow-400);
  }

  .text-yellow-600 {

    color: var(--color-yellow-600);
  }

  .text-zinc-600 {

    color: var(--color-zinc-600);
  }

  .capitalize {

    text-transform: capitalize;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .not-italic {

    font-style: normal;
  }

  .tabular-nums {

    --tw-numeric-spacing: tabular-nums;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .\!no-underline {

    text-decoration-line: none !important;
  }

  .line-through {

    text-decoration-line: line-through;
  }

  .no-underline {

    text-decoration-line: none;
  }

  .underline {

    text-decoration-line: underline;
  }

  .decoration-1 {

    text-decoration-thickness: 1px;
  }

  .underline-offset-2 {

    text-underline-offset: 2px;
  }

  .antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  .placeholder-gray-400::-moz-placeholder {

    color: var(--color-gray-400);
  }

  .placeholder-gray-400::placeholder {

    color: var(--color-gray-400);
  }

  .caret-white {

    caret-color: var(--color-white);
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-25 {

    opacity: 25%;
  }

  .opacity-40 {

    opacity: 40%;
  }

  .opacity-50 {

    opacity: 50%;
  }

  .opacity-60 {

    opacity: 60%;
  }

  .opacity-70 {

    opacity: 70%;
  }

  .opacity-75 {

    opacity: 75%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {

    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-accountmenu {

    --tw-shadow: 0px 8px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.13));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-card {

    --tw-shadow: 0px 0px 25px 0px var(--tw-shadow-color, rgba(188, 189, 190, 0.30));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-mobile {

    --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.20));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {

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

  .shadow-sm {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {

    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {

    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-blue-500\/50 {

    --tw-ring-color: rgba(48, 128, 255, 0.5);
  }

@supports (color: color(display-p3 0 0 0)) {
.ring-blue-500\/50 {

      --tw-ring-color: rgba(48, 128, 255, 0.5);
    }

@media (color-gamut: p3) {
.ring-blue-500\/50 {

        --tw-ring-color: color(display-p3 0.26642 0.49122 0.98862 / 0.5);
      }
}
}

  @supports (color: color-mix(in lab, red, red)) {

    .ring-blue-500\/50 {

      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }

  .ring-current {

    --tw-ring-color: currentcolor;
  }

  .ring-primary {

    --tw-ring-color: var(--color-primary);
  }

  .ring-primary\/50 {

    --tw-ring-color: rgba(103, 137, 178, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .ring-primary\/50 {

      --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }

  .ring-primary\/75 {

    --tw-ring-color: rgba(103, 137, 178, 0.75);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .ring-primary\/75 {

      --tw-ring-color: color-mix(in oklab, var(--color-primary) 75%, transparent);
    }
  }

  .ring-transparent {

    --tw-ring-color: transparent;
  }

  .inset-ring-primary {

    --tw-inset-ring-color: var(--color-primary);
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .outline-1 {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .outline-2 {

    outline-style: var(--tw-outline-style);

    outline-width: 2px;
  }

  .-outline-offset-1 {

    outline-offset: calc(1px * -1);
  }

  .-outline-offset-2 {

    outline-offset: calc(2px * -1);
  }

  .outline-offset-0 {

    outline-offset: 0px;
  }

  .outline-offset-2 {

    outline-offset: 2px;
  }

  .\!outline-red-500 {

    outline-color: var(--color-red-500) !important;
  }

  .outline-primary {

    outline-color: var(--color-primary);
  }

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

  .invert {

    --tw-invert: invert(100%);

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

  .filter {

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

  .backdrop-blur-\[1px\] {

    --tw-backdrop-blur: blur(1px);

    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop-blur-sm {

    --tw-backdrop-blur: blur(var(--blur-sm));

    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .transition {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[outline-offset\] {

    transition-property: outline-offset;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {

    transition-property: all;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {

    transition-property: none;
  }

  .duration-75 {

    --tw-duration: 75ms;

    transition-duration: 75ms;
  }

  .duration-100 {

    --tw-duration: 100ms;

    transition-duration: 100ms;
  }

  .duration-150 {

    --tw-duration: 150ms;

    transition-duration: 150ms;
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-220 {

    --tw-duration: 220ms;

    transition-duration: 220ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .duration-500 {

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .duration-600 {

    --tw-duration: 600ms;

    transition-duration: 600ms;
  }

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: var(--ease-out);
  }

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;
  }

  .select-none {

    -webkit-user-select: none;

    -moz-user-select: none;

         user-select: none;
  }

  .\[--line-after\:theme\(colors\.primary\.DEFAULT\)\] {

    --line-after: #6789B2;
  }

  .\[--line-before\:\#0000\] {

    --line-before: #0000;
  }

  .\[--line-before\:theme\(colors\.primary\.DEFAULT\)\] {

    --line-before: #6789B2;
  }

  .\[column-span\:all\] {

    -moz-column-span: all;

         column-span: all;
  }

  .\[wire\:auto-save\] {

    wire: auto-save;
  }

  .\[wire\:model\.defer\] {

    wire: model.defer;
  }

  .\[wire\:model\] {

    wire: model;
  }

  .\[wire\:select\] {

    wire: select;
  }

  .backface-hidden {

    backface-visibility: hidden;
  }

  :is(.\*\:col-start-1 > *) {

    grid-column-start: 1;
  }

  :is(.\*\:row-start-1 > *) {

    grid-row-start: 1;
  }

  .group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *) {

    rotate: 180deg;
  }

  @media (hover: hover) {

    .group-hover\:right-8:is(:where(.group):hover *) {

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

  @media (hover: hover) {

    .group-hover\:w-auto:is(:where(.group):hover *) {

      width: auto;
    }
  }

  @media (hover: hover) {

    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {

      --tw-translate-x: calc(var(--spacing) * -0.5);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {

    .group-hover\:scale-110:is(:where(.group):hover *) {

      --tw-scale-x: 110%;

      --tw-scale-y: 110%;

      --tw-scale-z: 110%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {

    .group-hover\:scale-125:is(:where(.group):hover *) {

      --tw-scale-x: 125%;

      --tw-scale-y: 125%;

      --tw-scale-z: 125%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {

      scale: 1.02;
    }
  }

  @media (hover: hover) {

    .group-hover\:bg-gray-300:is(:where(.group):hover *) {

      background-color: var(--color-gray-300);
    }
  }

  @media (hover: hover) {

    .group-hover\:bg-tertiary-600:is(:where(.group):hover *) {

      background-color: var(--color-tertiary-600);
    }
  }

  @media (hover: hover) {

    .group-hover\:fill-amber-500:is(:where(.group):hover *) {

      fill: var(--color-amber-500);
    }
  }

  @media (hover: hover) {

    .group-hover\:text-gray-600:is(:where(.group):hover *) {

      color: var(--color-gray-600);
    }
  }

  @media (hover: hover) {

    .group-hover\:opacity-70:is(:where(.group):hover *) {

      opacity: 70%;
    }
  }

  @media (hover: hover) {

    .group-hover\:opacity-100:is(:where(.group):hover *) {

      opacity: 100%;
    }
  }

  .group-disabled\:invisible:is(:where(.group):disabled *) {

    visibility: hidden;
  }

  .group-disabled\:flex:is(:where(.group):disabled *) {

    display: flex;
  }

  .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) {

    rotate: 180deg;
  }

  .group-data-\[error\]\:border-red-500:is(:where(.group)[data-error] *) {

    border-color: var(--color-red-500);
  }

  .group-data-\[error\]\:text-red-500:is(:where(.group)[data-error] *) {

    color: var(--color-red-500);
  }

  .peer-focus\:ring-2:is(:where(.peer):focus ~ *) {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .file\:mr-4::file-selector-button {

    margin-right: calc(var(--spacing) * 4);
  }

  .file\:rounded-md::file-selector-button {

    border-radius: var(--radius-md);
  }

  .file\:border-0::file-selector-button {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .file\:px-4::file-selector-button {

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

  .file\:py-2::file-selector-button {

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

  .file\:text-sm::file-selector-button {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  .placeholder\:text-neutral-600::-moz-placeholder {

    color: var(--color-neutral-600);
  }

  .placeholder\:text-neutral-600::placeholder {

    color: var(--color-neutral-600);
  }

  .backdrop\:bg-black\/50::backdrop {

    background-color: rgba(0, 0, 0, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .backdrop\:bg-black\/50::backdrop {

      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .backdrop\:backdrop-blur-sm::backdrop {

    --tw-backdrop-blur: blur(var(--blur-sm));

    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop\:backdrop-blur-xs::backdrop {

    --tw-backdrop-blur: blur(var(--blur-xs));

    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .before\:absolute::before {

    content: var(--tw-content);

    position: absolute;
  }

  .before\:inset-0::before {

    content: var(--tw-content);

    inset: 0;
  }

  .before\:top-\[17px\]::before {

    content: var(--tw-content);

    top: 17px;
  }

  .before\:right-\[51\%\]::before {

    content: var(--tw-content);

    right: 51%;
  }

  .before\:-z-\[1\]::before {

    content: var(--tw-content);

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

  .before\:-mx-\[50\%\]::before {

    content: var(--tw-content);

    margin-inline: calc(50% * -1);
  }

  .before\:block::before {

    content: var(--tw-content);

    display: block;
  }

  .before\:h-3::before {

    content: var(--tw-content);

    height: calc(var(--spacing) * 3);
  }

  .before\:h-\[4px\]::before {

    content: var(--tw-content);

    height: 4px;
  }

  .before\:w-3::before {

    content: var(--tw-content);

    width: calc(var(--spacing) * 3);
  }

  .before\:w-\[200vw\]::before {

    content: var(--tw-content);

    width: 200vw;
  }

  .before\:w-full::before {

    content: var(--tw-content);

    width: 100%;
  }

  .before\:shrink-0::before {

    content: var(--tw-content);

    flex-shrink: 0;
  }

  .before\:rounded-full::before {

    content: var(--tw-content);

    border-radius: calc(infinity * 1px);
  }

  .before\:border-r-\[5px\]::before {

    content: var(--tw-content);

    border-right-style: var(--tw-border-style);

    border-right-width: 5px;
  }

  .before\:border-b-\[7\.5px\]::before {

    content: var(--tw-content);

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 7.5px;
  }

  .before\:border-l-\[5px\]::before {

    content: var(--tw-content);

    border-left-style: var(--tw-border-style);

    border-left-width: 5px;
  }

  .before\:border-r-transparent::before {

    content: var(--tw-content);

    border-right-color: transparent;
  }

  .before\:border-b-white::before {

    content: var(--tw-content);

    border-bottom-color: var(--color-white);
  }

  .before\:border-l-transparent::before {

    content: var(--tw-content);

    border-left-color: transparent;
  }

  .before\:bg-\[var\(--banner-bg\)\]::before {

    content: var(--tw-content);

    background-color: var(--banner-bg);
  }

  .before\:bg-blue-400::before {

    content: var(--tw-content);

    background-color: var(--color-blue-400);
  }

  .before\:bg-current::before {

    content: var(--tw-content);

    background-color: currentcolor;
  }

  .before\:bg-gray-400::before {

    content: var(--tw-content);

    background-color: var(--color-gray-400);
  }

  .before\:bg-green-500::before {

    content: var(--tw-content);

    background-color: var(--color-green-500);
  }

  .before\:bg-primary-500::before {

    content: var(--tw-content);

    background-color: var(--color-primary-500);
  }

  .before\:bg-red-500::before {

    content: var(--tw-content);

    background-color: var(--color-red-500);
  }

  .before\:bg-yellow-400::before {

    content: var(--tw-content);

    background-color: var(--color-yellow-400);
  }

  .before\:opacity-0::before {

    content: var(--tw-content);

    opacity: 0%;
  }

  .before\:opacity-40::before {

    content: var(--tw-content);

    opacity: 40%;
  }

  .before\:transition-opacity::before {

    content: var(--tw-content);

    transition-property: opacity;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-500::before {

    content: var(--tw-content);

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .before\:content-\[\'\'\]::before {

    --tw-content: '';

    content: var(--tw-content);
  }

  .after\:absolute::after {

    content: var(--tw-content);

    position: absolute;
  }

  .after\:top-\[17px\]::after {

    content: var(--tw-content);

    top: 17px;
  }

  .after\:right-auto::after {

    content: var(--tw-content);

    right: auto;
  }

  .after\:left-1\/2::after {

    content: var(--tw-content);

    left: calc(1 / 2 * 100%);
  }

  .after\:ml-0\.5::after {

    content: var(--tw-content);

    margin-left: calc(var(--spacing) * 0.5);
  }

  .after\:block::after {

    content: var(--tw-content);

    display: block;
  }

  .after\:h-\[4px\]::after {

    content: var(--tw-content);

    height: 4px;
  }

  .after\:w-full::after {

    content: var(--tw-content);

    width: 100%;
  }

  .after\:bg-gray-200::after {

    content: var(--tw-content);

    background-color: var(--color-gray-200);
  }

  .after\:text-red-600::after {

    content: var(--tw-content);

    color: var(--color-red-600);
  }

  .after\:content-\[\'\*\'\]::after {

    --tw-content: '*';

    content: var(--tw-content);
  }

  .first\:mt-0:first-child {

    margin-top: 0;
  }

  .first\:border-t-0:first-child {

    border-top-style: var(--tw-border-style);

    border-top-width: 0px;
  }

  .first\:pt-0:first-child {

    padding-top: 0;
  }

  .first\:\[--line-before\:\#0000\]:first-child {

    --line-before: #0000;
  }

  .first\:before\:hidden:first-child::before {

    content: var(--tw-content);

    display: none;
  }

  .last\:mr-0:last-child {

    margin-right: 0;
  }

  .last\:mb-0:last-child {

    margin-bottom: 0;
  }

  .last\:mb-6:last-child {

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

  .last\:border-0:last-child {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .last\:border-b:last-child {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .last\:border-b-0:last-child {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 0px;
  }

  .last\:border-transparent:last-child {

    border-color: transparent;
  }

  .last\:pb-0:last-child {

    padding-bottom: 0;
  }

  .last\:\[--line-after\:\#0000\]:last-child {

    --line-after: #0000;
  }

  .last\:after\:hidden:last-child::after {

    content: var(--tw-content);

    display: none;
  }

  .even\:bg-container:nth-child(even) {

    background-color: var(--color-container);
  }

  .even\:bg-container-darker:nth-child(even) {

    background-color: var(--color-container-darker);
  }

  .even\:bg-gray-50:nth-child(even) {

    background-color: var(--color-gray-50);
  }

  .even\:bg-gray-100:nth-child(even) {

    background-color: var(--color-gray-100);
  }

  .open\:flex:is([open],:popover-open,:open) {

    display: flex;
  }

  .open\:duration-500:is([open],:popover-open,:open) {

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .invalid\:border-red-500:invalid {

    border-color: var(--color-red-500);
  }

  .invalid\:ring-2:invalid {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .invalid\:ring-red-500:invalid {

    --tw-ring-color: var(--color-red-500);
  }

  .read-only\:cursor-not-allowed:-moz-read-only {

    cursor: not-allowed;
  }

  .read-only\:cursor-not-allowed:read-only {

    cursor: not-allowed;
  }

  .read-only\:bg-gray-100:-moz-read-only {

    background-color: var(--color-gray-100);
  }

  .read-only\:bg-gray-100:read-only {

    background-color: var(--color-gray-100);
  }

  .read-only\:opacity-75:-moz-read-only {

    opacity: 75%;
  }

  .read-only\:opacity-75:read-only {

    opacity: 75%;
  }

  .empty\:hidden:empty {

    display: none;
  }

  .focus-within\:border-primary:focus-within {

    border-color: var(--color-primary);
  }

  .focus-within\:ring:focus-within {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-1:focus-within {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-4:focus-within {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:outline:focus-within {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .focus-within\:outline-2:focus-within {

    outline-style: var(--tw-outline-style);

    outline-width: 2px;
  }

  .focus-within\:outline-offset-4:focus-within {

    outline-offset: 4px;
  }

  .focus-within\:outline-primary:focus-within {

    outline-color: var(--color-primary);
  }

  @media (hover: hover) {

    .hover\:cursor-pointer:hover {

      cursor: pointer;
    }
  }

  @media (hover: hover) {

    .hover\:border-primary:hover {

      border-color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:border-primary-900:hover {

      border-color: var(--color-primary-900);
    }
  }

  @media (hover: hover) {

    .hover\:border-transparent:hover {

      border-color: transparent;
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[\#1C9C4B\]:hover {

      background-color: #1C9C4B;
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[\#006B3D\]:hover {

      background-color: #006B3D;
    }
  }

  @media (hover: hover) {

    .hover\:bg-amber-100:hover {

      background-color: var(--color-amber-100);
    }
  }

  @media (hover: hover) {

    .hover\:bg-blue-600:hover {

      background-color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {

    .hover\:bg-container-darker:hover {

      background-color: var(--color-container-darker);
    }
  }

  @media (hover: hover) {

    .hover\:bg-gray-50:hover {

      background-color: var(--color-gray-50);
    }
  }

  @media (hover: hover) {

    .hover\:bg-gray-100:hover {

      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {

    .hover\:bg-gray-200:hover {

      background-color: var(--color-gray-200);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary:hover {

      background-color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary-200:hover {

      background-color: var(--color-primary-200);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary-300:hover {

      background-color: var(--color-primary-300);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary-500:hover {

      background-color: var(--color-primary-500);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary-800:hover {

      background-color: var(--color-primary-800);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary\/30:hover {

      background-color: rgba(103, 137, 178, 0.3);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-primary\/30:hover {

        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {

    .hover\:bg-slate-50:hover {

      background-color: var(--color-slate-50);
    }
  }

  @media (hover: hover) {

    .hover\:bg-slate-100:hover {

      background-color: var(--color-slate-100);
    }
  }

  @media (hover: hover) {

    .hover\:bg-success-400:hover {

      background-color: var(--color-success-400);
    }
  }

  @media (hover: hover) {

    .hover\:bg-white:hover {

      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {

    .hover\:bg-white\/70:hover {

      background-color: rgba(255, 255, 255, 0.7);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-white\/70:hover {

        background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {

    .hover\:text-amber-500:hover {

      color: var(--color-amber-500);
    }
  }

  @media (hover: hover) {

    .hover\:text-black:hover {

      color: var(--color-black);
    }
  }

  @media (hover: hover) {

    .hover\:text-blue-500:hover {

      color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {

    .hover\:text-blue-600:hover {

      color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {

    .hover\:text-gray-400:hover {

      color: var(--color-gray-400);
    }
  }

  @media (hover: hover) {

    .hover\:text-gray-500:hover {

      color: var(--color-gray-500);
    }
  }

  @media (hover: hover) {

    .hover\:text-gray-600:hover {

      color: var(--color-gray-600);
    }
  }

  @media (hover: hover) {

    .hover\:text-green-700:hover {

      color: var(--color-green-700);
    }
  }

  @media (hover: hover) {

    .hover\:text-orange-700:hover {

      color: var(--color-orange-700);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary:hover {

      color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-400:hover {

      color: var(--color-primary-400);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-500:hover {

      color: var(--color-primary-500);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-600:hover {

      color: var(--color-primary-600);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-700:hover {

      color: var(--color-primary-700);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-900:hover {

      color: var(--color-primary-900);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary-darker:hover {

      color: var(--color-primary-darker);
    }
  }

  @media (hover: hover) {

    .hover\:text-red-500:hover {

      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {

    .hover\:text-red-600:hover {

      color: var(--color-red-600);
    }
  }

  @media (hover: hover) {

    .hover\:text-secondary:hover {

      color: var(--color-secondary);
    }
  }

  @media (hover: hover) {

    .hover\:text-secondary-darker:hover {

      color: var(--color-secondary-darker);
    }
  }

  @media (hover: hover) {

    .hover\:text-slate-700:hover {

      color: var(--color-slate-700);
    }
  }

  @media (hover: hover) {

    .hover\:text-slate-800:hover {

      color: var(--color-slate-800);
    }
  }

  @media (hover: hover) {

    .hover\:text-white:hover {

      color: var(--color-white);
    }
  }

  @media (hover: hover) {

    .hover\:text-white\!:hover {

      color: var(--color-white) !important;
    }
  }

  @media (hover: hover) {

    .hover\:text-yellow-500:hover {

      color: var(--color-yellow-500);
    }
  }

  @media (hover: hover) {

    .hover\:\!no-underline:hover {

      text-decoration-line: none !important;
    }
  }

  @media (hover: hover) {

    .hover\:no-underline:hover {

      text-decoration-line: none;
    }
  }

  @media (hover: hover) {

    .hover\:underline:hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    .hover\:opacity-100:hover {

      opacity: 100%;
    }
  }

  @media (hover: hover) {

    .hover\:shadow:hover {

      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {

    .hover\:shadow-md:hover {

      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {

    .hover\:shadow-none:hover {

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

  @media (hover: hover) {

    .hover\:shadow-sm:hover {

      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {

    .hover\:shadow-primary\/30:hover {

      --tw-shadow-color: rgba(103, 137, 178, 0.3);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:shadow-primary\/30:hover {

        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (hover: hover) {

    .hover\:before\:opacity-10:hover::before {

      content: var(--tw-content);

      opacity: 10%;
    }
  }

  .focus\:not-sr-only:focus {

    position: static;

    width: auto;

    height: auto;

    padding: 0;

    margin: 0;

    overflow: visible;

    -webkit-clip-path: none;

            clip-path: none;

    white-space: normal;
  }

  .focus\:absolute:focus {

    position: absolute;
  }

  .focus\:z-10:focus {

    z-index: 10;
  }

  .focus\:z-30:focus {

    z-index: 30;
  }

  .focus\:z-40:focus {

    z-index: 40;
  }

  .focus\:border-0:focus {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .focus\:border-blue-300:focus {

    border-color: var(--color-blue-300);
  }

  .focus\:border-gray-500:focus {

    border-color: var(--color-gray-500);
  }

  .focus\:border-primary:focus {

    border-color: var(--color-primary);
  }

  .focus\:border-primary-lighter:focus {

    border-color: var(--color-primary-lighter);
  }

  .focus\:border-red-500:focus {

    border-color: var(--color-red-500);
  }

  .focus\:border-transparent:focus {

    border-color: transparent;
  }

  .focus\:bg-\[\#25D366\]:focus {

    background-color: #25D366;
  }

  .focus\:bg-slate-100:focus {

    background-color: var(--color-slate-100);
  }

  .focus\:bg-white:focus {

    background-color: var(--color-white);
  }

  .focus\:p-2:focus {

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

  .focus\:text-gray-600:focus {

    color: var(--color-gray-600);
  }

  .focus\:shadow-none:focus {

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

  .focus\:ring-0:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:shadow-primary\/30:focus {

    --tw-shadow-color: rgba(103, 137, 178, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .focus\:shadow-primary\/30:focus {

      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .focus\:ring-green-500:focus {

    --tw-ring-color: var(--color-green-500);
  }

  .focus\:ring-primary:focus {

    --tw-ring-color: var(--color-primary);
  }

  .focus\:ring-red-500:focus {

    --tw-ring-color: var(--color-red-500);
  }

  .focus\:ring-offset-1:focus {

    --tw-ring-offset-width: 1px;

    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:ring-offset-2:focus {

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

  .focus\:outline-none:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .active\:cursor-grabbing:active {

    cursor: grabbing;
  }

  .active\:bg-gray-100:active {

    background-color: var(--color-gray-100);
  }

  .active\:bg-primary:active {

    background-color: var(--color-primary);
  }

  .active\:text-gray-500:active {

    color: var(--color-gray-500);
  }

  .active\:text-gray-700:active {

    color: var(--color-gray-700);
  }

  .active\:text-white:active {

    color: var(--color-white);
  }

  .active\:ring-0:active {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {

    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {

    cursor: not-allowed;
  }

  .disabled\:bg-gray-100:disabled {

    background-color: var(--color-gray-100);
  }

  .disabled\:text-transparent:disabled {

    color: transparent;
  }

  .disabled\:opacity-30:disabled {

    opacity: 30%;
  }

  .disabled\:opacity-50:disabled {

    opacity: 50%;
  }

  .disabled\:opacity-60:disabled {

    opacity: 60%;
  }

  .disabled\:opacity-75:disabled {

    opacity: 75%;
  }

  .has-\[\:checked\]\:outline:has(*:is(:checked)) {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .has-\[\:focus-visible\]\:outline-2:has(*:is(:focus-visible)) {

    outline-style: var(--tw-outline-style);

    outline-width: 2px;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {

    pointer-events: none;
  }

  .aria-expanded\:border-primary[aria-expanded="true"] {

    border-color: var(--color-primary);
  }

  .aria-expanded\:border-transparent[aria-expanded="true"] {

    border-color: transparent;
  }

  .aria-expanded\:bg-blue-50[aria-expanded="true"] {

    background-color: var(--color-blue-50);
  }

  .aria-expanded\:text-blue-800[aria-expanded="true"] {

    color: var(--color-blue-800);
  }

  .aria-expanded\:text-primary[aria-expanded="true"] {

    color: var(--color-primary);
  }

  .aria-\[current\=page\]\:border-slate-400[aria-current="page"] {

    border-color: var(--color-slate-400);
  }

  .aria-\[current\=page\]\:font-bold[aria-current="page"] {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);
  }

  .aria-\[current\=page\]\:font-medium[aria-current="page"] {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  .aria-\[current\=page\]\:text-primary[aria-current="page"] {

    color: var(--color-primary);
  }

  .aria-\[current\=page\]\:text-primary-darker[aria-current="page"] {

    color: var(--color-primary-darker);
  }

  .aria-\[current\=page\]\:underline[aria-current="page"] {

    text-decoration-line: underline;
  }

  @media (hover: hover) {

    .aria-\[current\=page\]\:hover\:border-primary[aria-current="page"]:hover {

      border-color: var(--color-primary);
    }
  }

  .aria-\[current\=step\]\:font-bold[aria-current="step"] {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);
  }

  .aria-\[current\=true\]\:bg-blue-600[aria-current="true"] {

    background-color: var(--color-blue-600);
  }

  .aria-\[current\=true\]\:bg-slate-700[aria-current="true"] {

    background-color: var(--color-slate-700);
  }

  .aria-\[current\=true\]\:ring-white[aria-current="true"] {

    --tw-ring-color: var(--color-white);
  }

  .data-\[active\]\:border-primary[data-active] {

    border-color: var(--color-primary);
  }

  .data-\[active\]\:text-primary-300[data-active] {

    color: var(--color-primary-300);
  }

  .data-\[active\]\:text-primary-500[data-active] {

    color: var(--color-primary-500);
  }

  .data-\[expanded\=true\]\:mb-3[data-expanded="true"] {

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

  .data-\[expanded\=true\]\:h-auto[data-expanded="true"] {

    height: auto;
  }

  .data-\[expanded\=true\]\:mask-none[data-expanded="true"] {

    -webkit-mask-image: none;

            mask-image: none;
  }

  .data-\[has-current\]\:border-slate-400[data-has-current] {

    border-color: var(--color-slate-400);
  }

  .data-\[has-current\]\:font-medium[data-has-current] {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  @media (hover: hover) {

    .data-\[has-current\]\:hover\:border-primary[data-has-current]:hover {

      border-color: var(--color-primary);
    }
  }

  .data-\[has-current\]\:aria-expanded\:border-primary[data-has-current][aria-expanded="true"] {

    border-color: var(--color-primary);
  }

  .data-\[open\=true\]\:block[data-open="true"] {

    display: block;
  }

  @media (prefers-reduced-motion: no-preference) {

    .motion-safe\:scroll-smooth {

      scroll-behavior: smooth;
    }
  }

  @media (prefers-reduced-motion: reduce) {

    .motion-reduce\:duration-0 {

      --tw-duration: 0ms;

      transition-duration: 0ms;
    }
  }

  @media (min-width: 640px) {

    .sm\:absolute {

      position: absolute;
    }
  }

  @media (min-width: 640px) {

    .sm\:static {

      position: static;
    }
  }

  @media (min-width: 640px) {

    .sm\:top-1\/2 {

      top: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 640px) {

    .sm\:right-4 {

      right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 640px) {

    .sm\:left-4 {

      left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 640px) {

    .sm\:z-10 {

      z-index: 10;
    }
  }

  @media (min-width: 640px) {

    .sm\:order-1 {

      order: 1;
    }
  }

  @media (min-width: 640px) {

    .sm\:order-2 {

      order: 2;
    }
  }

  @media (min-width: 640px) {

    .sm\:order-3 {

      order: 3;
    }
  }

  @media (min-width: 640px) {

    .sm\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 640px) {

    .sm\:col-span-6 {

      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 640px) {

    .sm\:mt-0 {

      margin-top: 0;
    }
  }

  @media (min-width: 640px) {

    .sm\:mr-8 {

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

  @media (min-width: 640px) {

    .sm\:mb-0 {

      margin-bottom: 0;
    }
  }

  @media (min-width: 640px) {

    .sm\:ml-2 {

      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 640px) {

    .sm\:ml-3 {

      margin-left: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 640px) {

    .sm\:ml-6 {

      margin-left: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 640px) {

    .sm\:block {

      display: block;
    }
  }

  @media (min-width: 640px) {

    .sm\:flex {

      display: flex;
    }
  }

  @media (min-width: 640px) {

    .sm\:grid {

      display: grid;
    }
  }

  @media (min-width: 640px) {

    .sm\:h-\[320px\] {

      height: 320px;
    }
  }

  @media (min-width: 640px) {

    .sm\:h-\[640px\] {

      height: 640px;
    }
  }

  @media (min-width: 640px) {

    .sm\:h-\[720px\] {

      height: 720px;
    }
  }

  @media (min-width: 640px) {

    .sm\:w-1\/2 {

      width: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-1\/3 {

      width: calc(1 / 3 * 100%);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-2\/3 {

      width: calc(2 / 3 * 100%);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-20 {

      width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-48 {

      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-96 {

      width: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 640px) {

    .sm\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 640px) {

    .sm\:shrink-0 {

      flex-shrink: 0;
    }
  }

  @media (min-width: 640px) {

    .sm\:table-fixed {

      table-layout: fixed;
    }
  }

  @media (min-width: 640px) {

    .sm\:-translate-y-1\/2 {

      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 640px) {

    .sm\:grid-cols-2 {

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

  @media (min-width: 640px) {

    .sm\:grid-cols-3 {

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

  @media (min-width: 640px) {

    .sm\:grid-cols-8 {

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

  @media (min-width: 640px) {

    .sm\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 640px) {

    .sm\:flex-nowrap {

      flex-wrap: nowrap;
    }
  }

  @media (min-width: 640px) {

    .sm\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 640px) {

    .sm\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 640px) {

    .sm\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 640px) {

    .sm\:justify-end {

      justify-content: flex-end;
    }
  }

  @media (min-width: 640px) {

    .sm\:gap-2 {

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

  @media (min-width: 640px) {

    .sm\:gap-8 {

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

  @media (min-width: 640px) {

    .sm\:p-8 {

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

  @media (min-width: 640px) {

    .sm\:p-16 {

      padding: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 640px) {

    .sm\:px-0 {

      padding-inline: 0;
    }
  }

  @media (min-width: 640px) {

    .sm\:px-3 {

      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 640px) {

    .sm\:px-6 {

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 640px) {

    .sm\:px-12 {

      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 640px) {

    .sm\:py-1 {

      padding-block: var(--spacing);
    }
  }

  @media (min-width: 640px) {

    .sm\:pb-0 {

      padding-bottom: 0;
    }
  }

  @media (min-width: 640px) {

    .sm\:text-right {

      text-align: right;
    }
  }

  @media (min-width: 640px) {

    .sm\:text-2xl {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 640px) {

    .sm\:text-6xl {

      font-size: var(--text-6xl);

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 640px) {

    .sm\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 640px) {

    .sm\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 640px) {

    .sm\:leading-5 {

      --tw-leading: calc(var(--spacing) * 5);

      line-height: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 640px) {

    .sm\:leading-none {

      --tw-leading: 1;

      line-height: 1;
    }
  }

  @media (min-width: 640px) {

    .sm\:duration-700 {

      --tw-duration: 700ms;

      transition-duration: 700ms;
    }
  }

  @media (min-width: 640px) {

    .sm\:\[--snap-cols\:2\] {

      --snap-cols: 2;
    }
  }

  @media (min-width: 768px) {

    .md\:visible {

      visibility: visible;
    }
  }

  @media (min-width: 768px) {

    .md\:relative {

      position: relative;
    }
  }

  @media (min-width: 768px) {

    .md\:-top-8 {

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

  @media (min-width: 768px) {

    .md\:-right-8 {

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

  @media (min-width: 768px) {

    .md\:right-4 {

      right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:right-5 {

      right: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:left-4 {

      left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:order-3 {

      order: 3;
    }
  }

  @media (min-width: 768px) {

    .md\:col-span-1 {

      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 768px) {

    .md\:col-span-3 {

      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 768px) {

    .md\:col-span-6 {

      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 768px) {

    .md\:col-span-9 {

      grid-column: span 9 / span 9;
    }
  }

  @media (min-width: 768px) {

    .md\:col-span-12 {

      grid-column: span 12 / span 12;
    }
  }

  @media (min-width: 768px) {

    .md\:col-start-1 {

      grid-column-start: 1;
    }
  }

  @media (min-width: 768px) {

    .md\:row-span-2 {

      grid-row: span 2 / span 2;
    }
  }

  @media (min-width: 768px) {

    .md\:row-start-1 {

      grid-row-start: 1;
    }
  }

  @media (min-width: 768px) {

    .md\:mx-0 {

      margin-inline: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:mx-auto {

      margin-inline: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:my-0 {

      margin-block: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:-mt-1 {

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

  @media (min-width: 768px) {

    .md\:mt-0 {

      margin-top: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-4 {

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

  @media (min-width: 768px) {

    .md\:mt-5 {

      margin-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:-mr-1 {

      margin-right: calc(var(--spacing) * -1);
    }
  }

  @media (min-width: 768px) {

    .md\:mr-0 {

      margin-right: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:mr-1 {

      margin-right: var(--spacing);
    }
  }

  @media (min-width: 768px) {

    .md\:mr-5 {

      margin-right: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-0 {

      margin-bottom: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-16 {

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

  @media (min-width: 768px) {

    .md\:ml-0 {

      margin-left: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:ml-auto {

      margin-left: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:block {

      display: block;
    }
  }

  @media (min-width: 768px) {

    .md\:flex {

      display: flex;
    }
  }

  @media (min-width: 768px) {

    .md\:grid {

      display: grid;
    }
  }

  @media (min-width: 768px) {

    .md\:hidden {

      display: none;
    }
  }

  @media (min-width: 768px) {

    .md\:inline-block {

      display: inline-block;
    }
  }

  @media (min-width: 768px) {

    .md\:inline-flex {

      display: inline-flex;
    }
  }

  @media (min-width: 768px) {

    .md\:h-6 {

      height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:h-12 {

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

  @media (min-width: 768px) {

    .md\:h-24 {

      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[450px\] {

      height: 450px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-auto {

      height: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:w-1\/2 {

      width: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-1\/3 {

      width: calc(1 / 3 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-1\/4 {

      width: calc(1 / 4 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-2\/3 {

      width: calc(2 / 3 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-2\/4 {

      width: calc(2 / 4 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-2\/6 {

      width: calc(2 / 6 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-3\/4 {

      width: calc(3 / 4 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-4\/4 {

      width: calc(4 / 4 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-4\/6 {

      width: calc(4 / 6 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-6 {

      width: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:w-12 {

      width: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:w-24 {

      width: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[25\%\] {

      width: 25%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[50vw\] {

      width: 50vw;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[90vh\] {

      width: 90vh;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[640px\] {

      width: 640px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:w-fit {

      width: -moz-fit-content;

      width: fit-content;
    }
  }

  @media (min-width: 768px) {

    .md\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[24rem\] {

      max-width: 24rem;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[37\.875rem\] {

      max-width: 37.875rem;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[75\%\] {

      max-width: 75%;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[384px\] {

      max-width: 384px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-sm {

      max-width: var(--container-sm);
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-xs {

      max-width: var(--container-xs);
    }
  }

  @media (min-width: 768px) {

    .md\:min-w-\[30\%\] {

      min-width: 30%;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-1 {

      flex: 1;
    }
  }

  @media (min-width: 768px) {

    .md\:shrink-0 {

      flex-shrink: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-grow-0 {

      flex-grow: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:-translate-x-1\/3 {

      --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 768px) {

    .md\:cursor-text {

      cursor: text;
    }
  }

  @media (min-width: 768px) {

    .md\:auto-cols-\[calc\(100\%\/2\)\] {

      grid-auto-columns: calc(100% / 2);
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-1 {

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

  @media (min-width: 768px) {

    .md\:grid-cols-2 {

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

  @media (min-width: 768px) {

    .md\:grid-cols-3 {

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

  @media (min-width: 768px) {

    .md\:grid-cols-4 {

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

  @media (min-width: 768px) {

    .md\:grid-cols-\[42\%_minmax\(0px\,1fr\)\] {

      grid-template-columns: 42% minmax(0px,1fr);
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] {

      grid-template-columns: 220px minmax(0,1fr);
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-\[repeat\(var\(--footer-columns\)\,minmax\(0\,1fr\)\)\] {

      grid-template-columns: repeat(var(--footer-columns),minmax(0,1fr));
    }
  }

  @media (min-width: 768px) {

    .md\:grid-rows-\[min-content_minmax\(0\,_1fr\)\] {

      grid-template-rows: min-content minmax(0, 1fr);
    }
  }

  @media (min-width: 768px) {

    .md\:flex-col {

      flex-direction: column;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-col-reverse {

      flex-direction: column-reverse;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-row-reverse {

      flex-direction: row-reverse;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-wrap {

      flex-wrap: wrap;
    }
  }

  @media (min-width: 768px) {

    .md\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 768px) {

    .md\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-center {

      justify-content: center;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-0 {

      gap: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-1 {

      gap: var(--spacing);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-4 {

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

  @media (min-width: 768px) {

    .md\:gap-6 {

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

  @media (min-width: 768px) {

    .md\:gap-8 {

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

  @media (min-width: 768px) {

    :where(.md\:space-y-0 > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: 0;

      margin-block-end: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-x-2 {

      -moz-column-gap: calc(var(--spacing) * 2);

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

  @media (min-width: 768px) {

    .md\:gap-x-5 {

      -moz-column-gap: calc(var(--spacing) * 5);

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

  @media (min-width: 768px) {

    .md\:gap-x-6 {

      -moz-column-gap: calc(var(--spacing) * 6);

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

  @media (min-width: 768px) {

    :where(.md\:space-x-4 > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 768px) {

    .md\:self-start {

      align-self: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-self-end {

      justify-self: flex-end;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-self-start {

      justify-self: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:border-0 {

      border-style: var(--tw-border-style);

      border-width: 0px;
    }
  }

  @media (min-width: 768px) {

    .md\:border-r {

      border-right-style: var(--tw-border-style);

      border-right-width: 1px;
    }
  }

  @media (min-width: 768px) {

    .md\:border-b-0 {

      border-bottom-style: var(--tw-border-style);

      border-bottom-width: 0px;
    }
  }

  @media (min-width: 768px) {

    .md\:bg-transparent {

      background-color: transparent;
    }
  }

  @media (min-width: 768px) {

    .md\:p-8 {

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

  @media (min-width: 768px) {

    .md\:p-12 {

      padding: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:px-0 {

      padding-inline: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:px-1 {

      padding-inline: var(--spacing);
    }
  }

  @media (min-width: 768px) {

    .md\:px-4 {

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

  @media (min-width: 768px) {

    .md\:px-5 {

      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:px-6 {

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:py-0 {

      padding-block: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:py-4 {

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

  @media (min-width: 768px) {

    .md\:py-6 {

      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:py-\[1\.875rem\] {

      padding-block: 1.875rem;
    }
  }

  @media (min-width: 768px) {

    .md\:pt-0 {

      padding-top: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:pt-4 {

      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-8 {

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

  @media (min-width: 768px) {

    .md\:pr-0 {

      padding-right: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:pr-4 {

      padding-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:pr-5 {

      padding-right: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:pb-5 {

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

  @media (min-width: 768px) {

    .md\:pl-0 {

      padding-left: 0;
    }
  }

  @media (min-width: 768px) {

    .md\:pl-5 {

      padding-left: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:pl-6 {

      padding-left: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:text-left {

      text-align: left;
    }
  }

  @media (min-width: 768px) {

    .md\:text-right {

      text-align: right;
    }
  }

  @media (min-width: 768px) {

    .md\:text-start {

      text-align: start;
    }
  }

  @media (min-width: 768px) {

    .md\:text-2xl {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-3xl {

      font-size: var(--text-3xl);

      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-base {

      font-size: var(--text-base);

      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-lg {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:select-text {

      -webkit-user-select: text;

      -moz-user-select: text;

           user-select: text;
    }
  }

  @media (min-width: 768px) {

    .md\:\[--snap-cols\:2\] {

      --snap-cols: 2;
    }
  }

  @media (min-width: 768px) {

    .md\:after\:hidden::after {

      content: var(--tw-content);

      display: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:sr-only {

      position: absolute;

      width: 1px;

      height: 1px;

      padding: 0;

      margin: -1px;

      overflow: hidden;

      -webkit-clip-path: inset(50%);

              clip-path: inset(50%);

      white-space: nowrap;

      border-width: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:not-sr-only {

      position: static;

      width: auto;

      height: auto;

      padding: 0;

      margin: 0;

      overflow: visible;

      -webkit-clip-path: none;

              clip-path: none;

      white-space: normal;
    }
  }

  @media (min-width: 1024px) {

    .lg\:absolute {

      position: absolute;
    }
  }

  @media (min-width: 1024px) {

    .lg\:relative {

      position: relative;
    }
  }

  @media (min-width: 1024px) {

    .lg\:static {

      position: static;
    }
  }

  @media (min-width: 1024px) {

    .lg\:sticky {

      position: sticky;
    }
  }

  @media (min-width: 1024px) {

    .lg\:-top-1 {

      top: calc(var(--spacing) * -1);
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-0 {

      top: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-4 {

      top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-6 {

      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-10 {

      top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[1px\] {

      top: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[136px\] {

      top: 136px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[var\(--msrp-block-offset\)\] {

      top: var(--msrp-block-offset);
    }
  }

  @media (min-width: 1024px) {

    .lg\:-right-6 {

      right: calc(var(--spacing) * -6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-0 {

      right: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-auto {

      right: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-8 {

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

  @media (min-width: 1024px) {

    .lg\:bottom-\[6\.75rem\] {

      bottom: 6.75rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-auto {

      bottom: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:-left-6 {

      left: calc(var(--spacing) * -6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-0 {

      left: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-\[var\(--msrp-inline-offset\)\] {

      left: var(--msrp-inline-offset);
    }
  }

  @media (min-width: 1024px) {

    .lg\:z-\[999999\] {

      z-index: 999999;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-0 {

      order: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-1 {

      order: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-2 {

      order: 2;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-5 {

      order: 5;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-first {

      order: -9999;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-none {

      order: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 1024px) {

    .lg\:col-span-3 {

      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 1024px) {

    .lg\:col-span-6 {

      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 1024px) {

    .lg\:col-start-2 {

      grid-column-start: 2;
    }
  }

  @media (min-width: 1024px) {

    .lg\:row-start-1 {

      grid-row-start: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:float-right {

      float: right;
    }
  }

  @media (min-width: 1024px) {

    .lg\:container {

      width: 100%;
    }

    @media (min-width: 640px) {

      .lg\:container {

        max-width: 640px;
      }
    }

    @media (min-width: 768px) {

      .lg\:container {

        max-width: 768px;
      }
    }

    @media (min-width: 1024px) {

      .lg\:container {

        max-width: 1024px;
      }
    }

    @media (min-width: 1025px) {

      .lg\:container {

        max-width: 1025px;
      }
    }

    @media (min-width: 1280px) {

      .lg\:container {

        max-width: 1280px;
      }
    }

    @media (min-width: 1536px) {

      .lg\:container {

        max-width: 1536px;
      }
    }

    @media (min-width: 1800px) {

      .lg\:container {

        max-width: 1800px;
      }
    }
  }

  @media (min-width: 1024px) {

    .lg\:m-auto {

      margin: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:container {

      margin-inline: auto;

      align-self: center;

      padding-inline: calc(var(--spacing) * 5);
    }

    @media (min-width: 1280px) {

      .lg\:container {

        max-width: calc(var(--spacing) * 312);
      }
    }

    @media (min-width: 1536px) {

      .lg\:container {

        max-width: calc(var(--spacing) * 360);
      }
    }

    @media (min-width: 1800px) {

      .lg\:container {

        max-width: 1600px;
      }
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-0 {

      margin-inline: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-auto {

      margin-inline: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-8 {

      margin-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-0 {

      margin-top: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-3 {

      margin-top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-4 {

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

  @media (min-width: 1024px) {

    .lg\:mt-6 {

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

  @media (min-width: 1024px) {

    .lg\:mt-8 {

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

  @media (min-width: 1024px) {

    .lg\:mt-92 {

      margin-top: var(--spacing-92);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-120 {

      margin-top: var(--spacing-120);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[4\.5rem\] {

      margin-top: 4.5rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mr-0 {

      margin-right: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mr-3 {

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

  @media (min-width: 1024px) {

    .lg\:mr-5 {

      margin-right: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mr-6 {

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

  @media (min-width: 1024px) {

    .lg\:mb-0 {

      margin-bottom: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-2 {

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

  @media (min-width: 1024px) {

    .lg\:mb-3 {

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

  @media (min-width: 1024px) {

    .lg\:mb-4 {

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

  @media (min-width: 1024px) {

    .lg\:mb-5 {

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

  @media (min-width: 1024px) {

    .lg\:mb-6 {

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

  @media (min-width: 1024px) {

    .lg\:mb-8 {

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

  @media (min-width: 1024px) {

    .lg\:mb-10 {

      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-16 {

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

  @media (min-width: 1024px) {

    .lg\:ml-2 {

      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-5 {

      margin-left: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-\[4\.75rem\] {

      margin-left: 4.75rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-\[9rem\] {

      margin-left: 9rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:block {

      display: block;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex {

      display: flex;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex\! {

      display: flex !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid {

      display: grid;
    }
  }

  @media (min-width: 1024px) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:inline {

      display: inline;
    }
  }

  @media (min-width: 1024px) {

    .lg\:inline-block {

      display: inline-block;
    }
  }

  @media (min-width: 1024px) {

    .lg\:inline-flex {

      display: inline-flex;
    }
  }

  @media (min-width: 1024px) {

    .lg\:table-cell {

      display: table-cell;
    }
  }

  @media (min-width: 1024px) {

    .lg\:table-header-group {

      display: table-header-group;
    }
  }

  @media (min-width: 1024px) {

    .lg\:aspect-\(--thumb-ratio\) {

      aspect-ratio: var(--thumb-ratio);
    }
  }

  @media (min-width: 1024px) {

    .lg\:aspect-square {

      aspect-ratio: 1 / 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-4 {

      width: calc(var(--spacing) * 4);

      height: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-5 {

      width: calc(var(--spacing) * 5);

      height: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-40 {

      width: calc(var(--spacing) * 40);

      height: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-auto {

      width: auto;

      height: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!h-11 {

      height: calc(var(--spacing) * 11) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-6 {

      height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-8 {

      height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-9 {

      height: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-10 {

      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-10\! {

      height: calc(var(--spacing) * 10) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-11 {

      height: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-18 {

      height: calc(var(--spacing) * 18);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-20 {

      height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-36 {

      height: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[4\.5rem\] {

      height: 4.5rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[31\.25rem\] {

      height: 31.25rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[58px\] {

      height: 58px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[128px\] {

      height: 128px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[500px\] {

      height: 500px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[520px\] {

      height: 520px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[650px\] {

      height: 650px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[800px\] {

      height: 800px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-auto {

      height: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-full {

      height: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-h-10 {

      max-height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-7 {

      min-height: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-\[23\.4375rem\] {

      min-height: 23.4375rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-\[66px\] {

      min-height: 66px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!w-11 {

      width: calc(var(--spacing) * 11) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-1\/2 {

      width: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-1\/3 {

      width: calc(1 / 3 * 100%);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-1\/4 {

      width: calc(1 / 4 * 100%);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-2 {

      width: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-2\/3 {

      width: calc(2 / 3 * 100%);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-6 {

      width: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-8 {

      width: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-10 {

      width: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-20\! {

      width: calc(var(--spacing) * 20) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-36 {

      width: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-56 {

      width: var(--spacing-56);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-80 {

      width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[5rem\] {

      width: 5rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[33\%\] {

      width: 33%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[35\%\] {

      width: 35%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[45\%\] {

      width: 45%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[55\%\] {

      width: 55%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[65\%\] {

      width: 65%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[128px\] {

      width: 128px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[280px\] {

      width: 280px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-fit {

      width: -moz-fit-content;

      width: fit-content;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-90 {

      max-width: calc(var(--spacing) * 90);
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[24rem\] {

      max-width: 24rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[30\%\] {

      max-width: 30%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[32\.625rem\] {

      max-width: 32.625rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[37\.5rem\] {

      max-width: 37.5rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[63rem\] {

      max-width: 63rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[100rem\] {

      max-width: 100rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[300px\] {

      max-width: 300px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[328px\] {

      max-width: 328px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[360px\] {

      max-width: 360px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[384px\] {

      max-width: 384px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[800px\] {

      max-width: 800px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[900px\] {

      max-width: 900px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[1060px\] {

      max-width: 1060px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-fit {

      max-width: -moz-fit-content;

      max-width: fit-content;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-full {

      max-width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-none {

      max-width: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-xs {

      max-width: var(--container-xs);
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!min-w-0 {

      min-width: 0 !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-1 {

      flex: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:shrink-0 {

      flex-shrink: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grow {

      flex-grow: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:table-auto {

      table-layout: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:-translate-y-0 {

      --tw-translate-y: 0;

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:auto-cols-\[calc\(100\%\/3\)\] {

      grid-auto-columns: calc(100% / 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-2 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-3 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-4 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-5 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-6 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-8 {

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

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[320px_1fr\] {

      grid-template-columns: 320px 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[minmax\(0px\,1fr\)_26rem\] {

      grid-template-columns: minmax(0px,1fr) 26rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-col {

      flex-direction: column;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-row-reverse {

      flex-direction: row-reverse;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-nowrap {

      flex-wrap: nowrap;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-wrap {

      flex-wrap: wrap;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-end {

      align-items: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-center {

      justify-content: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-end {

      justify-content: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-0 {

      gap: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-1 {

      gap: var(--spacing);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-2 {

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

  @media (min-width: 1024px) {

    .lg\:gap-4 {

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

  @media (min-width: 1024px) {

    .lg\:gap-5 {

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

  @media (min-width: 1024px) {

    .lg\:gap-6 {

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

  @media (min-width: 1024px) {

    .lg\:gap-7 {

      gap: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-8 {

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

  @media (min-width: 1024px) {

    .lg\:gap-12 {

      gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[7rem\] {

      gap: 7rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-2 {

      -moz-column-gap: calc(var(--spacing) * 2);

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

  @media (min-width: 1024px) {

    .lg\:gap-x-5 {

      -moz-column-gap: calc(var(--spacing) * 5);

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

  @media (min-width: 1024px) {

    .lg\:gap-x-6 {

      -moz-column-gap: calc(var(--spacing) * 6);

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

  @media (min-width: 1024px) {

    .lg\:gap-x-10 {

      -moz-column-gap: calc(var(--spacing) * 10);

           column-gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-20 {

      -moz-column-gap: calc(var(--spacing) * 20);

           column-gap: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-\[112px\] {

      -moz-column-gap: 112px;

           column-gap: 112px;
    }
  }

  @media (min-width: 1024px) {

    :where(.lg\:space-x-4 > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[78px\] {

      row-gap: 78px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:overflow-x-hidden {

      overflow-x: hidden;
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-full {

      border-radius: calc(infinity * 1px);
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-md {

      border-radius: var(--radius-md);
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-sm {

      border-radius: var(--radius-sm);
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-r-full {

      border-top-right-radius: calc(infinity * 1px);

      border-bottom-right-radius: calc(infinity * 1px);
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-b-2xl {

      border-bottom-right-radius: var(--radius-2xl);

      border-bottom-left-radius: var(--radius-2xl);
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-0 {

      border-style: var(--tw-border-style);

      border-width: 0px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-b-0 {

      border-bottom-style: var(--tw-border-style);

      border-bottom-width: 0px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-l {

      border-left-style: var(--tw-border-style);

      border-left-width: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-solid {

      --tw-border-style: solid;

      border-style: solid;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-current {

      background-color: currentcolor;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-neutral-100 {

      background-color: var(--color-neutral-100);
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-secondary-500 {

      background-color: var(--color-secondary-500);
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-tertiary-500 {

      background-color: var(--color-tertiary-500);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-0 {

      padding: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-3 {

      padding: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-4 {

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

  @media (min-width: 1024px) {

    .lg\:p-8 {

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

  @media (min-width: 1024px) {

    .lg\:p-px {

      padding: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!px-4 {

      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-0 {

      padding-inline: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-3 {

      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-4 {

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

  @media (min-width: 1024px) {

    .lg\:px-5 {

      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-8 {

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

  @media (min-width: 1024px) {

    .lg\:px-12 {

      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-20 {

      padding-inline: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[3\.375rem\] {

      padding-inline: 3.375rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-0 {

      padding-block: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-2 {

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

  @media (min-width: 1024px) {

    .lg\:py-4 {

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

  @media (min-width: 1024px) {

    .lg\:py-5 {

      padding-block: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-8 {

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

  @media (min-width: 1024px) {

    .lg\:py-10 {

      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-12 {

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

  @media (min-width: 1024px) {

    .lg\:py-52 {

      padding-block: var(--spacing-52);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[3\.1rem\] {

      padding-block: 3.1rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[5px\] {

      padding-block: 5px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pe-4 {

      padding-inline-end: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-0 {

      padding-top: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-2 {

      padding-top: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-4 {

      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-20 {

      padding-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-4 {

      padding-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-5 {

      padding-right: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-6 {

      padding-right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-8 {

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

  @media (min-width: 1024px) {

    .lg\:pr-10 {

      padding-right: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-0 {

      padding-bottom: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-6 {

      padding-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-9 {

      padding-bottom: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-76 {

      padding-bottom: var(--spacing-76);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-120 {

      padding-bottom: var(--spacing-120);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-0 {

      padding-left: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-3 {

      padding-left: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-4 {

      padding-left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-5 {

      padding-left: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-10 {

      padding-left: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-20 {

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

  @media (min-width: 1024px) {

    .lg\:pl-\[4\.75rem\] {

      padding-left: 4.75rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-\[130px\] {

      padding-left: 130px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-center {

      text-align: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-left {

      text-align: left;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-right {

      text-align: right;
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-sans {

      font-family: var(--font-sans);
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-sansbold {

      font-family: var(--font-sansbold);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-2xl {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-4xl {

      font-size: var(--text-4xl);

      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-5xl {

      font-size: var(--text-5xl);

      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-6xl {

      font-size: var(--text-6xl);

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-7xl {

      font-size: var(--text-7xl);

      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-base {

      font-size: var(--text-base);

      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-h2xl {

      font-size: var(--text-h2xl);

      line-height: var(--tw-leading, var(--text-h2xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-h3xl {

      font-size: var(--text-h3xl);

      line-height: var(--tw-leading, var(--text-h3xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-lg {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-lg\! {

      font-size: var(--text-lg) !important;

      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-xs {

      font-size: var(--text-xs);

      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[1\.375rem\] {

      font-size: 1.375rem;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[22px\] {

      font-size: 22px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-8 {

      --tw-leading: calc(var(--spacing) * 8);

      line-height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-normal {

      --tw-font-weight: var(--font-weight-normal);

      font-weight: var(--font-weight-normal);
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[0\.3px\] {

      --tw-tracking: 0.3px;

      letter-spacing: 0.3px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[0\.5px\] {

      --tw-tracking: 0.5px;

      letter-spacing: 0.5px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-normal {

      --tw-tracking: var(--tracking-normal);

      letter-spacing: var(--tracking-normal);
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-tight {

      --tw-tracking: var(--tracking-tight);

      letter-spacing: var(--tracking-tight);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-neutral-600 {

      color: var(--color-neutral-600);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-white {

      color: var(--color-white);
    }
  }

  @media (min-width: 1024px) {

    .lg\:shadow-header {

      --tw-shadow: 0px 0px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.40));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 1024px) {

    .lg\:shadow-lg {

      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 1024px) {

    .lg\:shadow-logo {

      --tw-shadow: 0px 0px 24px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.20));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 1024px) {

    .lg\:\[--snap-cols\:3\] {

      --snap-cols: 3;
    }
  }

  @media (min-width: 1024px) {

    :is(.\*\:lg\: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));
    }
  }

  @media (min-width: 1024px) {

    .lg\:aria-current\:bg-transparent[aria-current="true"] {

      background-color: transparent;
    }
  }

  @media (min-width: 1024px) {

    .lg\:aria-current\:inset-ring[aria-current="true"] {

      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 1024px) {

    .lg\:data-\[overflow\]\:hidden[data-overflow] {

      display: none;
    }
  }

  @media (min-width: 1280px) {

    .xl\:inset-x-0 {

      inset-inline: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:-top-20 {

      top: calc(var(--spacing) * -20);
    }
  }

  @media (min-width: 1280px) {

    .xl\:top-1\/2 {

      top: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 1280px) {

    .xl\:top-3 {

      top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1280px) {

    .xl\:top-8 {

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

  @media (min-width: 1280px) {

    .xl\:right-0 {

      right: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:bottom-auto {

      bottom: auto;
    }
  }

  @media (min-width: 1280px) {

    .xl\:left-0 {

      left: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 1280px) {

    .xl\:col-span-4 {

      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 1280px) {

    .xl\:col-span-8 {

      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mx-0 {

      margin-inline: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mt-0 {

      margin-top: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mt-8 {

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

  @media (min-width: 1280px) {

    .xl\:mt-10 {

      margin-top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1280px) {

    .xl\:mt-16 {

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

  @media (min-width: 1280px) {

    .xl\:mt-\[4\.5rem\] {

      margin-top: 4.5rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mr-4 {

      margin-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1280px) {

    .xl\:mr-\[7rem\] {

      margin-right: 7rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mr-\[42px\] {

      margin-right: 42px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mr-\[100px\] {

      margin-right: 100px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:mb-6 {

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

  @media (min-width: 1280px) {

    .xl\:mb-8 {

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

  @media (min-width: 1280px) {

    .xl\:mb-10 {

      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1280px) {

    .xl\:mb-16 {

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

  @media (min-width: 1280px) {

    .xl\:mb-120 {

      margin-bottom: var(--spacing-120);
    }
  }

  @media (min-width: 1280px) {

    .xl\:mb-160 {

      margin-bottom: var(--spacing-160);
    }
  }

  @media (min-width: 1280px) {

    .xl\:mb-\[7\.5rem\] {

      margin-bottom: 7.5rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:ml-0 {

      margin-left: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:ml-\[3\.5rem\] {

      margin-left: 3.5rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:ml-\[14\.3rem\] {

      margin-left: 14.3rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:ml-auto {

      margin-left: auto;
    }
  }

  @media (min-width: 1280px) {

    .xl\:block {

      display: block;
    }
  }

  @media (min-width: 1280px) {

    .xl\:flex {

      display: flex;
    }
  }

  @media (min-width: 1280px) {

    .xl\:grid {

      display: grid;
    }
  }

  @media (min-width: 1280px) {

    .xl\:inline {

      display: inline;
    }
  }

  @media (min-width: 1280px) {

    .xl\:table-cell {

      display: table-cell;
    }
  }

  @media (min-width: 1280px) {

    .xl\:table-row {

      display: table-row;
    }
  }

  @media (min-width: 1280px) {

    .xl\:h-8 {

      height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1280px) {

    .xl\:h-11 {

      height: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 1280px) {

    .xl\:h-20 {

      height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1280px) {

    .xl\:h-\[600px\] {

      height: 600px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-h-\[688px\] {

      max-height: 688px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:min-h-\[600px\] {

      min-height: 600px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-1\/2 {

      width: calc(1 / 2 * 100%);
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-1\/4 {

      width: calc(1 / 4 * 100%);
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-1\/5 {

      width: calc(1 / 5 * 100%);
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-8 {

      width: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-20 {

      width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-\[9\.6875rem\] {

      width: 9.6875rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-\[20rem\] {

      width: 20rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-\[24rem\] {

      width: 24rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-\[48px\] {

      width: 48px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-\[314px\] {

      width: 314px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 1280px) {

    .xl\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[11rem\] {

      max-width: 11rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[40rem\] {

      max-width: 40rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[63rem\] {

      max-width: 63rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[387px\] {

      max-width: 387px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[445px\] {

      max-width: 445px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:max-w-\[1412px\] {

      max-width: 1412px;
    }
  }

  @media (min-width: 1280px) {

    .xl\:-translate-y-1\/2 {

      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1280px) {

    .xl\:auto-cols-\[calc\(100\%\/4\)\] {

      grid-auto-columns: calc(100% / 4);
    }
  }

  @media (min-width: 1280px) {

    .xl\:grid-cols-3 {

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

  @media (min-width: 1280px) {

    .xl\:grid-cols-4 {

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

  @media (min-width: 1280px) {

    .xl\:grid-cols-5 {

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

  @media (min-width: 1280px) {

    .xl\:grid-cols-6 {

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

  @media (min-width: 1280px) {

    .xl\:grid-cols-\[37rem_minmax\(0\,_1fr\)\] {

      grid-template-columns: 37rem minmax(0, 1fr);
    }
  }

  @media (min-width: 1280px) {

    .xl\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 1280px) {

    .xl\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 1280px) {

    .xl\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 1280px) {

    .xl\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 1280px) {

    .xl\:justify-center {

      justify-content: center;
    }
  }

  @media (min-width: 1280px) {

    .xl\:justify-end {

      justify-content: flex-end;
    }
  }

  @media (min-width: 1280px) {

    .xl\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-8 {

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

  @media (min-width: 1280px) {

    .xl\:gap-\[3\.375rem\] {

      gap: 3.375rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-\[4\.5rem\] {

      gap: 4.5rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-\[8\.5rem\] {

      gap: 8.5rem;
    }
  }

  @media (min-width: 1280px) {

    :where(.xl\:space-y-0 > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: 0;

      margin-block-end: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-x-0 {

      -moz-column-gap: 0;

           column-gap: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-x-6 {

      -moz-column-gap: calc(var(--spacing) * 6);

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

  @media (min-width: 1280px) {

    .xl\:gap-x-9 {

      -moz-column-gap: calc(var(--spacing) * 9);

           column-gap: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 1280px) {

    .xl\:gap-x-\[6\.5rem\] {

      -moz-column-gap: 6.5rem;

           column-gap: 6.5rem;
    }
  }

  @media (min-width: 1280px) {

    :where(.xl\:space-x-4 > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 1280px) {

    .xl\:border-none {

      --tw-border-style: none;

      border-style: none;
    }
  }

  @media (min-width: 1280px) {

    .xl\:p-12 {

      padding: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1280px) {

    .xl\:px-2 {

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

  @media (min-width: 1280px) {

    .xl\:px-4 {

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

  @media (min-width: 1280px) {

    .xl\:px-8 {

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

  @media (min-width: 1280px) {

    .xl\:px-10 {

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

  @media (min-width: 1280px) {

    .xl\:px-20 {

      padding-inline: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1280px) {

    .xl\:px-104 {

      padding-inline: var(--spacing-104);
    }
  }

  @media (min-width: 1280px) {

    .xl\:px-120 {

      padding-inline: var(--spacing-120);
    }
  }

  @media (min-width: 1280px) {

    .xl\:px-\[6\.5rem\] {

      padding-inline: 6.5rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:py-0 {

      padding-block: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:py-11 {

      padding-block: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 1280px) {

    .xl\:py-32 {

      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1280px) {

    .xl\:py-52 {

      padding-block: var(--spacing-52);
    }
  }

  @media (min-width: 1280px) {

    .xl\:py-92 {

      padding-block: var(--spacing-92);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pt-0 {

      padding-top: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:pt-2 {

      padding-top: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pt-20 {

      padding-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pt-60 {

      padding-top: var(--spacing-60);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pr-0 {

      padding-right: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:pb-8 {

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

  @media (min-width: 1280px) {

    .xl\:pb-10 {

      padding-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pb-52 {

      padding-bottom: var(--spacing-52);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pb-92 {

      padding-bottom: var(--spacing-92);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pb-120 {

      padding-bottom: var(--spacing-120);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pb-\[6\.25rem\] {

      padding-bottom: 6.25rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:pl-0 {

      padding-left: 0;
    }
  }

  @media (min-width: 1280px) {

    .xl\:pl-4 {

      padding-left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pl-120 {

      padding-left: var(--spacing-120);
    }
  }

  @media (min-width: 1280px) {

    .xl\:pl-\[2\.75rem\] {

      padding-left: 2.75rem;
    }
  }

  @media (min-width: 1280px) {

    .xl\:\!text-h2xl {

      font-size: var(--text-h2xl) !important;

      line-height: var(--tw-leading, var(--text-h2xl--line-height)) !important;
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-6xl {

      font-size: var(--text-6xl);

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-h1xl {

      font-size: var(--text-h1xl);

      line-height: var(--tw-leading, var(--text-h1xl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-h2xl {

      font-size: var(--text-h2xl);

      line-height: var(--tw-leading, var(--text-h2xl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-h3xl {

      font-size: var(--text-h3xl);

      line-height: var(--tw-leading, var(--text-h3xl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-heroxl {

      font-size: var(--text-heroxl);

      line-height: var(--tw-leading, var(--text-heroxl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-lg {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 1280px) {

    .xl\:\[--snap-cols\:4\] {

      --snap-cols: 4;
    }
  }

  @media (min-width: 1280px) {

    .xl\:focus-within\:relative:focus-within {

      position: relative;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:top-0 {

      top: 0;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:top-6 {

      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:left-\[19\.5rem\] {

      left: 19.5rem;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:ml-\[18\.75rem\] {

      margin-left: 18.75rem;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:flex {

      display: flex;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:size-48 {

      width: calc(var(--spacing) * 48);

      height: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:w-1\/5 {

      width: calc(1 / 5 * 100%);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:w-96 {

      width: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:max-w-\[13\.6875rem\] {

      max-width: 13.6875rem;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:auto-cols-\[calc\(100\%\/5\)\] {

      grid-auto-columns: calc(100% / 5);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:grid-cols-5 {

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

  @media (min-width: 1536px) {

    .\32 xl\:grid-cols-\[50\%_minmax\(0\,_1fr\)\] {

      grid-template-columns: 50% minmax(0, 1fr);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:gap-x-10 {

      -moz-column-gap: calc(var(--spacing) * 10);

           column-gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:text-4xl {

      font-size: var(--text-4xl);

      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:text-xl\! {

      font-size: var(--text-xl) !important;

      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:tracking-normal {

      --tw-tracking: var(--tracking-normal);

      letter-spacing: var(--tracking-normal);
    }
  }

  @media (min-width: 1536px) {

    .\32 xl\:\[--snap-cols\:5\] {

      --snap-cols: 5;
    }
  }

  @media (min-width: 1800px) {

    .\33 xl\:mx-auto {

      margin-inline: auto;
    }
  }

  @media (min-width: 1800px) {

    .\33 xl\:ml-\[20\.5rem\] {

      margin-left: 20.5rem;
    }
  }

  @media (min-width: 1800px) {

    .\33 xl\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 1800px) {

    .\33 xl\:max-w-\[76rem\] {

      max-width: 76rem;
    }
  }

  .rtl\:-rotate-180:where([dir="rtl"],[dir="rtl"],[dir="rtl"] *) {

    rotate: calc(180deg * -1);
  }

  .rtl\:rotate-180:where([dir="rtl"],[dir="rtl"],[dir="rtl"] *) {

    rotate: 180deg;
  }

  @media print {

    .print\:mt-0 {

      margin-top: 0;
    }
  }

  @media print {

    .print\:ml-5 {

      margin-left: calc(var(--spacing) * 5);
    }
  }

  @media print {

    .print\:flex {

      display: flex;
    }
  }

  @media print {

    .print\:grid-cols-2 {

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

  @media print {

    .print\:text-left {

      text-align: left;
    }
  }

  .\[\&_\*\]\:inline * {

    display: inline;
  }

  @media (min-width: 640px) {

    .sm\:\[\&_\*\]\:block * {

      display: block;
    }
  }

  @media (min-width: 640px) {

    .sm\:\[\&_\.label-street\.sr-only\]\:invisible .label-street.sr-only {

      visibility: hidden;
    }
  }

  @media (min-width: 640px) {

    .sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only .label-street.sr-only {

      position: static;

      width: auto;

      height: auto;

      padding: 0;

      margin: 0;

      overflow: visible;

      -webkit-clip-path: none;

              clip-path: none;

      white-space: normal;
    }
  }

  @media (min-width: 640px) {

    .sm\:\[\&_\.label-street\.sr-only\]\:mb-2 .label-street.sr-only {

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

  @media (min-width: 768px) {

    .md\:\[\&_label\.sr-only\]\:invisible label.sr-only {

      visibility: hidden;
    }
  }

  @media (min-width: 768px) {

    .md\:\[\&_label\.sr-only\]\:not-sr-only label.sr-only {

      position: static;

      width: auto;

      height: auto;

      padding: 0;

      margin: 0;

      overflow: visible;

      -webkit-clip-path: none;

              clip-path: none;

      white-space: normal;
    }
  }

  @media (min-width: 768px) {

    .md\:\[\&_label\.sr-only\]\:mb-2 label.sr-only {

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

  @media (hover: hover) {

    .group-hover\:\[\&\+span\]\:block:is(:where(.group):hover *) + span {

      display: block;
    }
  }

  @media (hover: hover) {

    .group-hover\:\[\&\+ul\]\:block:is(:where(.group):hover *) + ul {

      display: block;
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {

    display: none;
  }

  .\[\&\>div\:nth-child\(odd\)\]\:border-r > div:nth-child(odd) {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  .\[\&\>div\:nth-last-child\(-n\+2\)\]\:border-b > div:nth-last-child(-n + 2) {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .\[\&\>div\:nth-last-child\(-n\+2\)\]\:pb-10 > div:nth-last-child(-n + 2) {

    padding-bottom: calc(var(--spacing) * 10);
  }

  .\[\&\>img\]\:w-full > img {

    width: 100%;
  }

  .\[\&\>svg\]\:size-4 > svg {

    width: calc(var(--spacing) * 4);

    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:fill-amber-500 > svg {

    fill: var(--color-amber-500);
  }
}

@layer utilities {

  .text-sans-serif {

    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  }
}

@font-face {

  font-family: 'Inter';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/Inter-Regular.woff2) format('woff2');
}

@font-face {

  font-family: 'Inter-SemiBold';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/Inter-SemiBold.woff2) format('woff2');
}

@font-face {

  font-family: 'Inter-ExtraBold';

  font-style: normal;

  font-weight: 800;

  font-display: swap;

  src: url(../fonts/Inter-ExtraBold.woff2) format('woff2');
}

@font-face {

  font-family: 'Proximanova';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(../fonts/proximanova-bold.woff2) format('woff2');
}

@layer base {

  html {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  body {

    font-family: var(--font-sans);

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);

    --tw-tracking: var(--tracking-normal);

    letter-spacing: var(--tracking-normal);

    color: var(--color-neutral-800);
  }

  h1, h2, h3, h4, h5, h6 {

    font-family: var(--font-titles);
  }

  h1 {

    font-size: var(--text-h1);

    line-height: var(--tw-leading, var(--text-h1--line-height));
  }

  @media (min-width: 1280px) {

    h1 {

      font-size: var(--text-h1xl);

      line-height: var(--tw-leading, var(--text-h1xl--line-height));
    }
  }

  h1.page-title {

    font-family: var(--font-sansbold);
  }

  h2 {

    font-size: var(--text-h2);

    line-height: var(--tw-leading, var(--text-h2--line-height));
  }

  @media (min-width: 1280px) {

    h2 {

      font-size: var(--text-h2xl);

      line-height: var(--tw-leading, var(--text-h2xl--line-height));
    }
  }

  .aos-title {

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

  @media (min-width: 1024px) {

    .aos-title {

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

  .aos-title .mgz-element-inner {

    padding: 0;
  }
}

body {

  overflow-x: clip;

  background-color: var(--color-white);
}

::-moz-selection {

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

::selection {

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

.columns {

  row-gap: 0 !important;
}

#cart-drawer {

  color: var(--color-black);
}

[x-cloak] {

  display: none !important;
}

.card {

  border-radius: var(--radius-sm);

  background-color: var(--color-container-lighter);

  padding: calc(var(--spacing) * 4);

  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.card-interactive:hover {

  background-color: var(--color-container);
}

@media (min-width: 1280px) {

  .mgz-container {

    max-width: calc(var(--spacing) * 304) !important;
  }
}

@media (min-width: 1800px) {

  .mgz-container {

    max-width: 1600px !important;
  }
}

a {

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

a:hover {

  color: var(--color-primary-500);
}

img {

  font-family: var(--font-sans);

  font-style: italic;
}

:where(html) {

  scrollbar-gutter: stable;
}

.clearfix::after {

  content: "";

  display: block;

  clear: both;
}

.columns {

  width: 100%;
}

@media (min-width: 640px) {

  .columns {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .columns {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .columns {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  .columns {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  .columns {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .columns {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  .columns {

    max-width: 1800px;
  }
}

.columns {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  .columns {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  .columns {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  .columns {

    max-width: 1600px;
  }
}

.columns {

  display: grid;

  grid-template-columns: repeat(1, minmax(0, 1fr));

  -moz-column-gap: calc(var(--spacing) * 8);

       column-gap: calc(var(--spacing) * 8);

  row-gap: calc(var(--spacing) * 4);

  grid-template-rows: auto minmax(0, 1fr);
}

.columns .main {

  order: 2;
}

.columns .sidebar {

  order: 3;
}

.product-main-full-width .columns {

  max-width: none;
}

.page-main-full-width .columns {

  max-width: none;

  padding-inline: 0;
}

:is(:is(.account,.page-with-filter) .columns) .sidebar-main {

  order: 1;
}

@media (min-width: 640px) {

  :is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns {

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

  :is(:is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns) .main {

    grid-column: span 2 / span 2;
  }

  :is(:is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns) .sidebar {

    order: 3;
  }

  :is(:is(.account,.page-with-filter) .columns) .sidebar-main {

    grid-column: 1 / -1;
  }

  :is(.account .columns) .sidebar-additional {

    grid-column: span 2 / span 2;
  }
}

@media (min-width: 768px) {

  :is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns {

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

  :is(:is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns) .main {

    grid-row: span 2 / span 2;
  }

  :is(:is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns) .sidebar {

    grid-column: span 1 / span 1;
  }

  :is(:is(.page-layout-2columns-left,.page-layout-3columns) .columns) .main {

    grid-column-start: 2 !important;
  }

  :is(:is(.page-layout-2columns-left,.page-layout-3columns) .columns) .sidebar {

    order: 1;
  }

  :is(:is(.page-layout-2columns-left,.page-layout-3columns) .columns) .sidebar ~ .sidebar-additional {

    order: 3;
  }

  :is(.page-layout-2columns-right,.page-layout-2columns-right.page-with-filter) .sidebar-main {

    order: 3;
  }
}

@media (min-width: 1024px) {

  :is(.page-layout-2columns-left,.page-layout-2columns-right,.page-layout-3columns) .columns {

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

  :is(:is(.page-layout-2columns-left,.page-layout-2columns-right) .columns) .main {

    grid-column: span 3 / span 3;
  }

  :is(.page-layout-3columns .columns) .sidebar-additional {

    grid-column-start: 4;
  }
}

.product-image-container {

  width: 100% !important;
}

.product-image-container img {

  width: 100%;
}

.form-input, .form-email, .form-select, .form-multiselect, .form-textarea, .form-control {

  height: calc(var(--spacing) * 10);

  border-radius: var(--radius-lg);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-form);

  padding-inline: calc(var(--spacing) * 3);

  color: var(--color-neutral-700);

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

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control)::-moz-placeholder {

  color: var(--color-neutral-600);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control)::placeholder {

  color: var(--color-neutral-600);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control):focus {

  border-color: var(--color-primary);

  --tw-shadow: 0px 7px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.13));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control):hover {

  border-color: var(--color-primary-400);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control):disabled {

  border-color: var(--color-neutral-600);

  background-color: var(--color-neutral-400);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control):disabled::-moz-placeholder {

  color: var(--color-neutral-800);
}

:is(.form-input,.form-email,.form-select,.form-multiselect,.form-textarea,.form-control):disabled::placeholder {

  color: var(--color-neutral-800);
}

.form-textarea {

  height: auto;

  min-height: calc(var(--spacing) * 20);
}

input[type="text"],input[type="email"],input[type="password"],input[type="number"] {

  margin-top: var(--spacing);

  height: calc(var(--spacing) * 10);

  border-radius: var(--radius-lg);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-form);

  padding-inline: calc(var(--spacing) * 3);

  color: var(--color-neutral-700);

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

:is(input[type="text"],input[type="email"],input[type="password"],input[type="number"])::-moz-placeholder {

  color: var(--color-neutral-600);
}

:is(input[type="text"],input[type="email"],input[type="password"],input[type="number"])::placeholder {

  color: var(--color-neutral-600);
}

input[type="checkbox"] {

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  border-radius: var(--radius-xs);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);
}

input[type="radio"] {

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);
}

:is(input[type='checkbox'],input[type='radio']):checked {

  background-color: var(--color-primary-500);
}

textarea {

  margin-top: var(--spacing);

  height: auto;

  min-height: calc(var(--spacing) * 20);

  border-radius: var(--radius-lg);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-form);

  padding-inline: calc(var(--spacing) * 3);

  color: var(--color-neutral-700);

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

textarea::-moz-placeholder {

  color: var(--color-neutral-600);
}

textarea::placeholder {

  color: var(--color-neutral-600);
}

textarea:focus {

  border-color: var(--color-primary);

  --tw-shadow: 0px 7px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.13));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

textarea:hover {

  border-color: var(--color-primary-400);
}

textarea:disabled {

  border-color: var(--color-neutral-600);

  background-color: var(--color-neutral-400);
}

textarea:disabled::-moz-placeholder {

  color: var(--color-neutral-800);
}

textarea:disabled::placeholder {

  color: var(--color-neutral-800);
}

:is(form,fieldset) .field {

  margin-top: var(--spacing);
}

:is(form,fieldset) .field.field-reserved {

  margin-bottom: calc(var(--spacing) * 7);
}

:is(form,fieldset) .field.field-reserved ul:last-of-type {

  margin-bottom: calc(var(--spacing) * -6);

  padding-bottom: var(--spacing);
}

:is(form,fieldset) .field.field-reserved ul {

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(form,fieldset) label {

  margin-bottom: 5px;

  display: block;

  font-size: var(--text-xs);

  line-height: var(--tw-leading, var(--text-xs--line-height));

  color: var(--color-neutral-800);
}

:is(form,fieldset) .field.choice {

  display: flex;

  align-items: center;
}

:is(form,fieldset) .field.choice input {

  margin-right: calc(var(--spacing) * 4);
}

:is(form,fieldset) .field.choice label {

  margin-bottom: 0;
}

:is(:is(form,fieldset) .field.field-error) .messages {

  color: var(--color-alert-400);

  max-width: -moz-fit-content;

  max-width: fit-content;
}

:is(:is(form,fieldset) .field.field-error) .label {

  color: var(--color-alert-400);
}

:is(:is(form,fieldset) .field.field-error) .form-input,:is(:is(form,fieldset) .field.field-error) .form-select {

  border-color: var(--color-alert-400);

  color: var(--color-alert-400);
}

:is(:is(form,fieldset) .field.field-success) .label {

  color: var(--color-success-400);
}

:is(:is(form,fieldset) .field.field-success) .form-input,:is(:is(form,fieldset) .field.field-success) .form-select {

  border-color: var(--color-success-400);

  color: var(--color-success-400);
}

:is(form,fieldset) legend {

  margin-bottom: calc(var(--spacing) * 3);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));

  color: var(--color-primary);
}

:is(form,fieldset) legend + br {

  display: none;
}

fieldset ~ fieldset {

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

.fieldset-block label {

  margin-bottom: 0;
}

.inline:is(.fieldset-block label) {

  display: inline;
}

:is(.field.required > label)::after {

  content: var(--tw-content);

  position: relative;
}

:is(.field.required > label)::after {

  content: var(--tw-content);

  top: calc(var(--spacing) * -1);
}

:is(.field.required > label)::after {

  content: var(--tw-content);

  font-size: var(--text-xs);

  line-height: var(--tw-leading, var(--text-xs--line-height));
}

:is(.field.required > label)::after {

  content: var(--tw-content);

  color: var(--color-red-600);
}

:is(.field.required > label)::after {

  --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E");

  --tw-icon-size: 1em;

  display: inline-block;

  width: var(--tw-icon-size);

  height: var(--tw-icon-size);

  background-color: currentcolor;

  -webkit-mask-repeat: no-repeat;

          mask-repeat: no-repeat;

  -webkit-mask-size: contain;

          mask-size: contain;

  -webkit-mask-image: var(--tw-icon);

          mask-image: var(--tw-icon);

  content: "";
}

input[type="number"] {

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;
}

.amform-form a {

  color: var(--color-primary-500);

  text-decoration-line: underline;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(.amform-form a):hover {

    color: var(--color-primary-800);
  }
}

.page.messages {

  position: absolute;

  top: 140px;

  z-index: 20;

  width: 100%;
}

.page.messages .messages section#messages {

  width: 100%;
}

@media (min-width: 640px) {

  .page.messages .messages section#messages {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .page.messages .messages section#messages {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .page.messages .messages section#messages {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  .page.messages .messages section#messages {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  .page.messages .messages section#messages {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .page.messages .messages section#messages {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  .page.messages .messages section#messages {

    max-width: 1800px;
  }
}

.page.messages .messages section#messages {

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  .page.messages .messages section#messages {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  .page.messages .messages section#messages {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  .page.messages .messages section#messages {

    max-width: 1600px;
  }
}

.page.messages .messages section#messages {

  margin-inline: auto;

  padding-block: calc(var(--spacing) * 3);
}

.message {

  position: relative;

  margin-bottom: calc(var(--spacing) * 2);

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: flex-start;

  border-radius: 0.25rem;

  border-style: var(--tw-border-style);

  border-width: 2px;

  background-color: var(--color-gray-100);

  padding-inline: calc(var(--spacing) * 5);

  padding-block: calc(var(--spacing) * 4);

  font-size: var(--text-xs);

  line-height: var(--tw-leading, var(--text-xs--line-height));

  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 1024px) {

  .message {

    padding-inline: calc(var(--spacing) * 6);
  }
}

@media (min-width: 1024px) {

  .message {

    padding-block: calc(var(--spacing) * 5);
  }
}

@media (min-width: 1024px) {

  .message {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}

.message:before {

  position: relative;

  margin-right: calc(var(--spacing) * 4);

  height: 30px;

  width: 30px;

  background-image: url('../images/icons/icon-msg-success.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);
}

@media (min-width: 1024px) {

  .message:before {

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

@media (min-width: 1024px) {

  .message:before {

    height: calc(var(--spacing) * 10);
  }
}

@media (min-width: 1024px) {

  .message:before {

    width: calc(var(--spacing) * 10);
  }
}

.message.error {

  border-color: var(--color-alert-400);

  background-color: var(--color-alert-100);
}

.message.error:before {

  background-image: url('../images/icons/icon-msg-error.svg');
}

.message.success {

  border-color: var(--color-success-400);

  background-color: var(--color-success-100);
}

.message.success:before {

  background-image: url('../images/icons/icon-msg-success.svg');
}

.message.info,.message.notice {

  border-color: var(--color-info-400);

  background-color: var(--color-info-100);
}

:is(.message.info,.message.notice):before {

  background-image: url('../images/icons/icon-msg-info.svg');
}

.message.warning {

  border-color: var(--color-warning-400);

  background-color: var(--color-warning-100);
}

.message.warning:before {

  background-image: url('../images/icons/icon-msg-warning.svg');
}

.message a {

  text-decoration-line: underline;
}

.message button {

  position: absolute;

  right: calc(var(--spacing) * 5);
}

.backdrop {

  position: fixed;

  inset: 0;

  display: flex;

  background-color: rgba(0, 0, 0, 0.25);
}

@supports (color: color-mix(in lab, red, red)) {

  .backdrop {

    background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
  }
}

#amredirect-popup  > dialog {

  margin: auto;
}

:is(#amredirect-popup .amredirect-modal):not([open]) {

  display: none;
}

:is(.wishlist-widget .price-box) .price-label,:is(.wishlist-widget .price-box) .old-price {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  -webkit-clip-path: inset(50%);

          clip-path: inset(50%);

  white-space: nowrap;

  border-width: 0;
}

@media (min-width: 1280px) {

  .form-wishlist-items .actions-toolbar {

    margin-top: calc(95px * -1);
  }
}

:is(.form-wishlist-items .actions-toolbar) button {

  height: calc(var(--spacing) * 9);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(.products-grid.wishlist .product-item-info) .product-item-name {

  display: block;

  text-align: left;
}

:is(.products-grid.wishlist .product-item-info) .product-item-inner {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-inline: calc(var(--spacing) * 4);

  padding-bottom: calc(var(--spacing) * 3);
}

:is(:is(.products-grid.wishlist .product-item-info) .product-item-inner) .product-item-actions {

  display: flex;

  width: 27%;

  justify-content: space-between;
}

@media (min-width: 1280px) {

  :is(:is(.products-grid.wishlist .product-item-info) .product-item-inner) .product-item-actions {

    width: auto;
  }
}

@media (min-width: 1280px) {

  .wishlist-toolbar .pagination {

    grid-column: span 4 / span 4;
  }
}

.wishlist-toolbar select {

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

:is(:is(#cart-drawer .aos-cart-actions) .qty-control) .qty-input {

  height: calc(var(--spacing) * 8);

  border-radius: 0.25rem;

  padding: 0;
}

.snap {

  scroll-snap-type: x mandatory;

  scroll-behavior: smooth;

  scrollbar-width: none;
}

.snap::-webkit-scrollbar {

  display: none;
}

.snap > div {

  scroll-snap-align: start;
}

.aos-pdp-carousels {

  margin-inline: calc(var(--spacing) * -5);
}

@media (min-width: 768px) {

  .aos-pdp-carousels {

    margin-inline: 0;
  }
}

.product-slider {

  position: relative;

  width: 100%;

  overflow-x: hidden;
}

@media (min-width: 1024px) {

  .product-slider {

    margin-inline: auto;
  }
}

@media (min-width: 1024px) {

  .product-slider {

    max-width: 900px;
  }
}

@media (min-width: 1280px) {

  .product-slider {

    max-width: 63rem;
  }
}

:is(.product-slider > div):has(h2) {

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 768px) {

  :is(.product-slider > div):has(h2) {

    padding-inline: 0;
  }
}

.product-slider h2 {

  font-family: var(--font-titles);

  font-size: var(--text-h2);

  line-height: var(--tw-leading, var(--text-h2--line-height));

  color: var(--color-secondary-500);
}

@media (min-width: 1024px) {

  .product-slider h2 {

    text-align: left;
  }
}

@media (min-width: 1280px) {

  .product-slider h2 {

    font-size: var(--text-h2xl);

    line-height: var(--tw-leading, var(--text-h2xl--line-height));
  }
}

.product-slider .product-item {

  position: relative;

  display: flex;

  height: 100%;

  flex-grow: 1;

  flex-direction: column;
}

:is(.product-slider .product-item):first-child {

  margin-left: calc(var(--spacing) * 5);
}

:is(.product-slider .product-item):last-child {

  margin-right: calc(var(--spacing) * 5);
}

@media (min-width: 768px) {

  :is(.product-slider .product-item):first-child {

    margin-left: 0;
  }
}

@media (min-width: 768px) {

  :is(.product-slider .product-item):last-child {

    margin-right: 0;
  }
}

.snap-track {

  --snap-cols: 1;

  --snap-gap: 1rem;

  --snap-size: calc((100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols));

  position: relative;

  display: grid;

  grid-auto-flow: column;

  grid-auto-columns: var(--snap-size);

  gap: var(--snap-gap);

  padding-block: 1.5rem;

  overflow-x: auto;

  overscroll-behavior-x: contain;

  scroll-snap-type: x mandatory;

  scrollbar-width: none;
}

@media (prefers-reduced-motion: no-preference) {

  .snap-track {

    scroll-behavior: smooth;
  }
}

.snap-track::-webkit-scrollbar {

  display: none;
}

.snap-track > * {

  scroll-snap-align: start;
}

@media (max-width: 767px) {

  .snap-track {

    --snap-size: calc(100% - 3rem);
  }
}

.snap-pager {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 0.75rem;

  min-block-size: 2.75rem;

  padding-block: 0.5rem;
}

.snap-marker {

  flex-shrink: 0;

  block-size: 1rem;

  inline-size: 1rem;

  border-width: 1px;

  border-color: rgb(71 85 105);

  border-radius: 1rem;

  transition-duration: 300ms;

  transition-property: border-color, background-color;
}

@media (prefers-reduced-motion: no-preference) {

  .snap-marker {

    transition-property: inline-size, border-color, background-color;

    will-change: inline-size;
  }
}

.snap-marker[aria-current="true"] {

  inline-size: 1.75rem;

  border-color: transparent;

  background-color: var(--color-primary, #002350);
}

.row-full-width-inner:has(.aos-home-slider) {

  margin-bottom: 0;
}

.aos-home-slider .glider-slide {

  margin: 0;
}

:is(.aos-home-slider .glider-slide) .pagebuilder-overlay {

  height: 37.5rem;

  justify-content: flex-end;

  padding: 0 !important;

  padding-bottom: calc(var(--spacing) * 28) !important;
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-overlay {

    height: 31.25rem;
  }
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-overlay {

    justify-content: center;
  }
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-overlay {

    padding-bottom: 0 !important;
  }
}

:is(.aos-home-slider .glider-slide) .pagebuilder-slide-wrapper {

  height: 37.5rem;
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-slide-wrapper {

    height: 31.25rem;
  }
}

:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

  width: 100%;
}

@media (min-width: 640px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1800px;
  }
}

:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    max-width: 1600px;
  }
}

:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

  align-self: flex-end;
}

@media (min-width: 1024px) {

  :is(.aos-home-slider .glider-slide) .pagebuilder-poster-content {

    align-self: center;
  }
}

:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content)  > div {

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

:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) * {

  color: var(--color-white);
}

:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) p {

  margin-bottom: calc(var(--spacing) * 4);

  font-family: var(--font-titles);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

@media (min-width: 1024px) {

  :is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) p {

    font-family: var(--font-sans);
  }
}

@media (min-width: 1024px) {

  :is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) p {

    font-size: 1.375rem;
  }
}

:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) p {

  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.90);
}

:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h1,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h2,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h3 {

  font-size: var(--text-hero);

  line-height: var(--tw-leading, var(--text-hero--line-height));
}

@media (min-width: 1280px) {

  :is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h1,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h2,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h3 {

    font-size: var(--text-heroxl);

    line-height: var(--tw-leading, var(--text-heroxl--line-height));
  }
}

:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h1,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h2,:is(:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) > div) h3 {

  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.90);
}

:is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) .pagebuilder-button-primary {

  margin-top: 0;

  height: 3.25rem;

  width: 100%;

  border-radius: 28px;

  font-family: var(--font-titles);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (min-width: 1024px) {

  :is(:is(.aos-home-slider .glider-slide) .pagebuilder-poster-content) .pagebuilder-button-primary {

    width: -moz-fit-content;

    width: fit-content;
  }
}

.aos-home-slider .nav-buttons {

  position: absolute;

  top: 40%;

  display: none;

  width: 100%;

  justify-content: space-between;

  padding-inline: var(--spacing-52);
}

@media (min-width: 1024px) {

  .aos-home-slider .nav-buttons {

    display: flex;
  }
}

:is(.aos-home-slider .nav-buttons) button {

  display: flex;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  align-items: center;

  justify-content: center;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-600);

  color: var(--color-white);
}

:is(.aos-home-slider .glider-dots) button {

  margin: 0;

  height: calc(var(--spacing) * 3);

  width: calc(var(--spacing) * 3);

  background-color: var(--color-white);

  opacity: 100%;
}

.active:is(:is(.aos-home-slider .glider-dots) button) {

  width: calc(var(--spacing) * 12);

  background-color: var(--color-primary-500);
}

section#slider nav {

  z-index: 11 !important;
}

@layer components {

  .swatch-attribute-options {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;
  }

  .swatch-option {

    margin: var(--spacing);

    display: flex;

    justify-content: center;

    border-style: var(--tw-border-style);

    border-width: 1px;

    padding-inline: calc(var(--spacing) * 2);

    padding-block: var(--spacing);
  }
}

body:has(.megamenu-open) {

  overflow: hidden;
}

body .megamenu-content {

  position: relative;
}

:is(body .megamenu-content):before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

  display: flex;

  width: calc(1 / 4 * 100%);

  background-color: var(--color-tertiary-500);

  --tw-content: '';

  content: var(--tw-content);
}

@media (min-width: 1280px) {

  :is(body .megamenu-content):before {

    width: calc(1 / 5 * 100%);
  }
}

.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li) .icon {

  display: none;
}

.icon-open:is(.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li) .icon),.first:is(.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li) .icon) {

  display: block;
}

.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li):hover .icon {

  display: block;
}

.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li):has( + .level-1:hover) .icon {

  display: none;
}

.level-1:is(:is(:is(body .megamenu-content) .nav-submenu) li):has( + * + .level-1:hover) .icon {

  display: none;
}

.megamenu-sub-open:is(:is(:is(:is(body .megamenu-content) .nav-submenu) li) .nav-sub-submenu) {

  display: flex;
}

.menu-entry.megamenu-sub-open:is(:is(:is(:is(body .megamenu-content) .nav-submenu) li) .nav-sub-submenu) {

  display: block;
}

.link-all:is(:is(:is(:is(:is(body .megamenu-content) .nav-submenu) li) .nav-sub-submenu) .level-2) {

  -moz-column-span: all;

       column-span: all;
}

.dfd-fullscreen .dfd-searchbox {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 1px;

  border-color: var(--color-tertiary-500);
}

:is(.dfd-fullscreen .dfd-suggestions) .dfd-delete-link-button {

  color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-btn-term-filter):not(.dfd-is-selected):hover {

  color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-btn-term-filter):not(.dfd-is-selected):hover:before {

  background-color: var(--color-primary);
}

.dfd-is-selected:is(.dfd-fullscreen .dfd-btn-term-filter):before {

  background-color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-slider) .dfd-slider-target {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-slider) .dfd-slider-tooltip {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary);

  background-color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-card):hover {

  border-color: var(--color-primary);
}

:is(.dfd-fullscreen .dfd-card) .dfd-card-title {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  --tw-leading: var(--leading-normal);

  line-height: var(--leading-normal);

  --tw-font-weight: var(--font-weight-bold);

  font-weight: var(--font-weight-bold);
}

.dfd-card-type-cmspage:is(.dfd-fullscreen .dfd-card) .dfd-card-title {

  position: relative;

  display: flex;

  flex-direction: column;

  padding-bottom: calc(var(--spacing) * 3);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:is(.dfd-card-type-cmspage:is(.dfd-fullscreen .dfd-card) .dfd-card-title):hover {

  color: var(--color-primary);
}

:is(.dfd-card-type-cmspage:is(.dfd-fullscreen .dfd-card) .dfd-card-title):after {

  position: relative;

  display: flex;

  content: 'Content page';

  font-size: 700;

  font-size: 1rem;

  padding-top: 12px;
}

[data-content-type='row'] {

  box-sizing: border-box;
}

[data-content-type='row'] > div {

  margin-bottom: calc(var(--spacing) * 2.5);
}

[data-content-type='row'][data-appearance='contained'] {

  width: 100%;
}

@media (min-width: 640px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1800px;
  }
}

[data-content-type='row'][data-appearance='contained'] {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  [data-content-type='row'][data-appearance='contained'] {

    max-width: 1600px;
  }
}

[data-content-type='row'][data-appearance='contained'] {

  margin-right: auto;

  margin-left: auto;

  box-sizing: border-box;
}

[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {

  box-sizing: border-box;

  background-attachment: scroll !important;
}

[data-content-type='row'][data-appearance='full-bleed'] {

  background-attachment: scroll !important;
}

[data-content-type='row'][data-appearance='full-width'] {

  background-attachment: scroll !important;
}

[data-content-type='column-group'], [data-content-type='column-line'] {

  flex-wrap: wrap;
}

@media (min-width: 768px) {

  [data-content-type='column-group'], [data-content-type='column-line'] {

    flex-wrap: nowrap;
  }
}

[data-content-type='column'] {

  box-sizing: border-box;

  width: 100%;

  max-width: 100%;

  background-attachment: scroll !important;

  flex-basis: 100%;
}

@media (min-width: 768px) {

  [data-content-type='column'] {

    flex-basis: auto;
  }
}

[data-content-type='tabs'] .tabs-navigation {

  margin-bottom: -1px;

  display: block;

  padding: 0;

  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:is([data-content-type='tabs'] .tabs-navigation) li.tab-header {

  position: relative;

  margin-block: 0;

  margin-right: 0;

  margin-left: -1px;

  display: inline-block;

  max-width: 100%;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 0px;

  --tw-border-style: solid;

  border-style: solid;

  border-color: var(--color-gray-300);

  background-color: var(--color-gray-100);

  overflow-wrap: break-word;
}

:is(:is([data-content-type='tabs'] .tabs-navigation) li.tab-header):first-child {

  margin-left: 0;
}

.active:is(:is([data-content-type='tabs'] .tabs-navigation) li.tab-header) {

  z-index: 20;

  background-color: var(--color-white);

  border-bottom: 1px solid white;
}

:is(:is([data-content-type='tabs'] .tabs-navigation) li.tab-header) a.tab-title {

  position: relative;

  display: block;

  cursor: pointer;

  padding-inline: calc(var(--spacing) * 5);

  padding-block: calc(var(--spacing) * 3);

  vertical-align: middle;

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  --tw-font-weight: var(--font-weight-semibold);

  font-weight: var(--font-weight-semibold);

  white-space: normal;
}

:is(:is(:is([data-content-type='tabs'] .tabs-navigation) li.tab-header) a.tab-title) span {

  --tw-leading: calc(var(--spacing) * 5);

  line-height: calc(var(--spacing) * 5);

  --tw-font-weight: var(--font-weight-semibold);

  font-weight: var(--font-weight-semibold);

  color: var(--color-black);
}

[data-content-type='tabs'] .tabs-content {

  position: relative;

  z-index: 10;

  box-sizing: border-box;

  overflow: hidden;

  border-radius: var(--radius-sm);

  border-style: var(--tw-border-style);

  border-width: 1px;

  --tw-border-style: solid;

  border-style: solid;

  border-color: var(--color-gray-300);

  background-color: var(--color-container-lighter);

  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:is([data-content-type='tabs'] .tabs-content) [data-content-type='tab-item'] {

  box-sizing: border-box;

  padding: calc(var(--spacing) * 8);

  min-height: inherit;

  background-attachment: scroll !important;
}

.tab-align-left[data-content-type='tabs'] .tabs-content {

  border-top-left-radius: 0 !important;
}

.tab-align-right[data-content-type='tabs'] .tabs-content {

  border-top-right-radius: 0 !important;
}

[data-content-type='text'] {

  overflow-wrap: break-word;
}

[data-content-type='heading'] {

  overflow-wrap: break-word;
}

[data-content-type='buttons'] {

  max-width: 100%;
}

[data-content-type='buttons'] [data-content-type='button-item'] {

  margin-right: calc(var(--spacing) * 2);

  margin-bottom: calc(var(--spacing) * 2);

  max-width: 100%;
}

:is([data-content-type='buttons'] [data-content-type='button-item']) [data-element='link'],:is([data-content-type='buttons'] [data-content-type='button-item']) [data-element='empty_link'] {

  max-width: 100%;

  overflow-wrap: break-word;
}

:is([data-content-type='buttons'] [data-content-type='button-item']) [data-element='empty_link'] {

  cursor: default;
}

:is([data-content-type='buttons'] [data-content-type='button-item']) a,:is([data-content-type='buttons'] [data-content-type='button-item']) button,:is([data-content-type='buttons'] [data-content-type='button-item']) div {

  display: inline-block;

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

.pagebuilder-button-link:is(:is([data-content-type='buttons'] [data-content-type='button-item']) a,:is([data-content-type='buttons'] [data-content-type='button-item']) button,:is([data-content-type='buttons'] [data-content-type='button-item']) div) {

  box-sizing: border-box;
}

.pagebuilder-button-primary:is(a,button,div) {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

.pagebuilder-button-primary:is(a,button,div):hover {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

.pagebuilder-button-primary:is(a,button,div):focus {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

.pagebuilder-button-primary:is(a,button,div):disabled {

  pointer-events: none;

  border-color: var(--color-neutral-400);

  background-color: var(--color-neutral-400);

  color: var(--color-neutral-600);
}

.pagebuilder-button-primary:is(a,button,div) {

  display: flex;

  height: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-lg);

  padding-inline: calc(var(--spacing) * 5);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.pagebuilder-button-primary:is(a,button,div) svg {

  display: inline-flex;
}

.pagebuilder-button-primary:is(a,button,div) span {

  vertical-align: middle;

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.pagebuilder-button-primary:is(a,button,div):focus {

  border-color: transparent;

  --tw-outline-style: none;

  outline-style: none;
}

@media (forced-colors: active) {

  .pagebuilder-button-primary:is(a,button,div):focus {

    outline: 2px solid transparent;

    outline-offset: 2px;
  }
}

.pagebuilder-button-secondary:is(a,button,div) {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-white);

  background-color: var(--color-white);

  color: var(--color-primary-500);
}

.pagebuilder-button-secondary:is(a,button,div):hover {

  border-color: var(--color-primary-200);

  background-color: var(--color-primary-200);
}

.pagebuilder-button-secondary:is(a,button,div):focus {

  border-style: var(--tw-border-style);

  border-width: 4px;

  border-color: var(--color-primary-200);

  background-color: var(--color-primary-200);
}

.pagebuilder-button-secondary:is(a,button,div):disabled {

  pointer-events: none;

  border-color: var(--color-neutral-600);

  background-color: var(--color-neutral-600);

  color: var(--color-neutral-800);
}

.pagebuilder-button-secondary:is(a,button,div) {

  display: flex;

  height: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-lg);

  padding-inline: calc(var(--spacing) * 5);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.pagebuilder-button-secondary:is(a,button,div) svg {

  display: inline-flex;
}

.pagebuilder-button-secondary:is(a,button,div) span {

  vertical-align: middle;

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.pagebuilder-button-secondary:is(a,button,div):focus {

  border-color: transparent;

  --tw-outline-style: none;

  outline-style: none;
}

@media (forced-colors: active) {

  .pagebuilder-button-secondary:is(a,button,div):focus {

    outline: 2px solid transparent;

    outline-offset: 2px;
  }
}

[data-content-type='html'] {

  overflow-wrap: break-word;
}

[data-content-type='image'] {

  box-sizing: border-box;
}

[data-content-type='image']  > [data-element='link'],[data-content-type='image']  > [data-element='link'] img {

  border-radius: inherit;
}

[data-content-type='image'] .pagebuilder-mobile-hidden {

  display: none;
}

@media (min-width: 768px) {

  [data-content-type='image'] .pagebuilder-mobile-hidden {

    display: inline-block;
  }
}

[data-content-type='image'] .pagebuilder-mobile-only {

  display: inline-block;
}

@media (min-width: 768px) {

  [data-content-type='image'] .pagebuilder-mobile-only {

    display: none;
  }
}

[data-content-type='image'] figcaption {

  overflow-wrap: break-word;
}

[data-content-type='video'] {

  font-size: 0;
}

[data-content-type='video'] .pagebuilder-video-inner {

  box-sizing: border-box;

  display: inline-block;

  width: 100%;
}

[data-content-type='video'] .pagebuilder-video-container {

  position: relative;

  overflow: hidden;

  border-radius: inherit;

  padding-top: 56.25%;
}

[data-content-type='video'] iframe,[data-content-type='video'] video {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;
}

[data-content-type='banner'] > [data-element='link'],[data-content-type='banner'] > [data-element='empty_link'] {

  color: inherit;

  text-decoration: inherit;
}

:is([data-content-type='banner'] > [data-element='link'],[data-content-type='banner'] > [data-element='empty_link']):hover {

  color: inherit;

  text-decoration: inherit;
}

[data-content-type='banner'] .pagebuilder-banner-wrapper {

  box-sizing: border-box;

  overflow-wrap: break-word;

  background-clip: padding-box;

  border-radius: inherit;

  background-attachment: scroll !important;
}

:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-overlay {

  position: relative;

  box-sizing: border-box;

  padding: calc(var(--spacing) * 8);

  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));

  --tw-duration: 500ms;

  transition-duration: 500ms;

  --tw-ease: var(--ease-in-out);

  transition-timing-function: var(--ease-in-out);
}

.pagebuilder-poster-overlay:is(:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-overlay) {

  display: flex;

  align-items: center;

  justify-content: center;
}

:is(:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-overlay):not(.pagebuilder-poster-overlay) {

  max-width: none;
}

@media (min-width: 768px) {

  :is(:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-overlay):not(.pagebuilder-poster-overlay) {

    max-width: var(--container-xl);
  }
}

.jarallax:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .video-overlay {

  z-index: 0;
}

:is([data-content-type='banner'] .pagebuilder-banner-wrapper) [data-element='content'] {

  overflow: auto;

  min-height: 50px;
}

:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-banner-button {

  margin: 0;

  margin-top: calc(var(--spacing) * 5);

  display: inline-block;

  max-width: 100%;

  overflow-wrap: break-word;

  transition-property: opacity;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));

  --tw-duration: 500ms;

  transition-duration: 500ms;

  --tw-ease: var(--ease-in-out);

  transition-timing-function: var(--ease-in-out);

  text-align: inherit;
}

:is([data-content-type='banner'] .pagebuilder-banner-wrapper) .pagebuilder-poster-content {

  width: 100%;
}

:is([data-content-type='banner'][data-appearance='collage-centered'] .pagebuilder-banner-wrapper) .pagebuilder-overlay {

  margin-inline: auto;
}

:is([data-content-type='banner'][data-appearance='collage-left'] .pagebuilder-banner-wrapper) .pagebuilder-overlay {

  margin-right: auto;
}

:is([data-content-type='banner'][data-appearance='collage-right'] .pagebuilder-banner-wrapper) .pagebuilder-overlay {

  margin-left: auto;
}

[data-content-type='slider'] {

  visibility: hidden;

  position: relative;
}

.glider-initialized[data-content-type='slider'] {

  visibility: visible;
}

[data-content-type='slider'] [data-role='glider-content'] {

  overflow-y: hidden;
}

[data-content-type='slider'] a.button {

  color: initial;

  padding: 10px;

  -webkit-text-decoration: none;

  text-decoration: none;
}

[data-content-type='slide'] {

  box-sizing: border-box;

  overflow: hidden;

  --tw-leading: calc(var(--spacing) * 5);

  line-height: calc(var(--spacing) * 5);

  min-height: inherit;
}

[data-content-type='slide'] > [data-element='link'],[data-content-type='slide'] > [data-element='empty_link'] {

  color: inherit;

  min-height: inherit;

  text-decoration: inherit;
}

:is([data-content-type='slide'] > [data-element='link'],[data-content-type='slide'] > [data-element='empty_link']):hover {

  color: inherit;

  text-decoration: inherit;
}

[data-content-type='slide'] + [data-content-type='slide'] {

  height: 0;

  min-height: 0;
}

[data-content-type='slide'] .pagebuilder-slide-wrapper {

  box-sizing: border-box;

  overflow-wrap: break-word;

  border-radius: inherit;

  min-height: inherit;
}

:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .jarallax-viewport-element {

  position: absolute;

  top: 0;

  z-index: 50;

  height: 100%;

  width: calc(var(--spacing) * 0.5);

  left: -15000vw;
}

.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .video-overlay {

  z-index: 10;

  -webkit-transform: unset;

  z-index: 1;
}

.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-overlay {

  position: relative;

  z-index: 20;
}

:is(.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) [id*='jarallax-container'])  > div,:is(.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) [id*='jarallax-container'])  > img,:is(.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) [id*='jarallax-container'])  > video,:is(.jarallax:is([data-content-type='slide'] .pagebuilder-slide-wrapper) [id*='jarallax-container'])  > iframe {

  margin: auto !important;

  transform: none !important;
}

:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-overlay {

  box-sizing: border-box;

  padding: calc(var(--spacing) * 8);

  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));

  border-radius: inherit;
}

.pagebuilder-poster-overlay:is(:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-overlay) {

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: inherit;
}

:is(:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-overlay):not(.pagebuilder-poster-overlay) {

  max-width: none;
}

@media (min-width: 768px) {

  :is(:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-overlay):not(.pagebuilder-poster-overlay) {

    max-width: var(--container-lg);
  }
}

:is([data-content-type='slide'] .pagebuilder-slide-wrapper) [data-element='content'] {

  overflow: auto;

  min-height: 50px;
}

:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-slide-button {

  margin: 0;

  margin-top: calc(var(--spacing) * 5);

  max-width: 100%;

  overflow-wrap: break-word;

  transition-property: opacity;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));

  text-align: inherit;
}

:is([data-content-type='slide'] .pagebuilder-slide-wrapper) .pagebuilder-poster-content {

  width: 100%;
}

:is([data-content-type='slide'][data-appearance='collage-centered'] .pagebuilder-slide-wrapper) .pagebuilder-overlay {

  margin-inline: auto;
}

:is([data-content-type='slide'][data-appearance='collage-left'] .pagebuilder-slide-wrapper) .pagebuilder-overlay {

  margin-right: auto;
}

:is([data-content-type='slide'][data-appearance='collage-right'] .pagebuilder-slide-wrapper) .pagebuilder-overlay {

  margin-left: auto;
}

[data-content-type='map'] {

  box-sizing: border-box;

  height: var(--spacing-72);
}

:is([data-content-type$='block'] .block) p:last-child {

  margin-top: 0;

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

[data-content-type='dynamic_block'] [data-content-type='image'] img {

  display: inline;
}

[data-content-type='dynamic_block'] .block-banners .banner-item-content,[data-content-type='dynamic_block'] .block-banners-inline .banner-item-content {

  margin-bottom: auto;
}

.glider-contain {

  position: relative;

  margin-inline: auto;

  margin-block: 0;

  width: 100%;
}

.glider {

  overflow-y: hidden;
}

.glider.draggable {

  -webkit-user-select: none;

  -moz-user-select: none;

       user-select: none;

  cursor: grab;
}

.glider.draggable .glider-slide img {

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

       user-select: none;
}

.glider.drag {

  cursor: grabbing;
}

.glider::-webkit-scrollbar {

  height: 0;

  opacity: 0%;
}

.glider .glider-track {

  z-index: 10;

  margin: 0;

  display: flex;

  width: 100%;

  padding: 0;
}

.glider-slide {

  margin: calc(var(--spacing) * 2);

  width: 100%;

  align-content: center;

  justify-content: center;

  -webkit-user-select: none;

  -moz-user-select: none;

       user-select: none;

  min-width: 150px;
}

.glider-slide img {

  max-width: 100%;
}

.glider-hide {

  opacity: 0%;
}

.disabled:is(.glider-prev,.glider-next) {

  cursor: default;

  color: var(--color-gray-500);

  opacity: 25%;
}

.glider-dot {

  margin: var(--spacing);

  display: block;

  height: calc(var(--spacing) * 3);

  width: calc(var(--spacing) * 3);

  cursor: pointer;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-black);

  opacity: 25%;

  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.glider-dot.active {

  opacity: 100%;
}

@media (max-width: 36em) {

  .glider::-webkit-scrollbar {

    height: var(--spacing);

    width: calc(var(--spacing) * 2);

    -webkit-appearance: none;

            appearance: none;

    opacity: 100%;
  }

  .glider::-webkit-scrollbar-thumb {

    opacity: 100%;

    border-radius: 99px;

    background-color: rgba(156, 156, 156, .25);

    box-shadow: 0 0 1px rgba(255, 255, 255, .25);
  }
}

[data-show-arrows='false'] .glider-prev,[data-show-arrows='false'] .glider-next {

  display: none;
}

[data-show-dots='false'] .glider-dots {

  display: none;
}

.price-including-tax + .price-excluding-tax {

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(.price-including-tax + .price-excluding-tax):before {

  content: attr(data-label) ': ';
}

.price-excluding-tax, .price-including-tax {

  white-space: nowrap;
}

:is(.price-excluding-tax,.price-including-tax) .price {

  --tw-leading: var(--leading-relaxed);

  line-height: var(--leading-relaxed);

  --tw-font-weight: var(--font-weight-semibold);

  font-weight: var(--font-weight-semibold);
}

.price-excluding-tax {

  display: block;
}

.price-container.price-tier_price {

  display: flex;

  gap: var(--spacing);
}

:is(.price-container.price-tier_price > .price-including-tax + .price-excluding-tax):before {

  content: '(' attr(data-label) ': ';
}

:is(.price-container.price-tier_price > .price-including-tax + .price-excluding-tax):after {

  content: ')';
}

.product-item .price-container {

  display: flex;
}

:is(.product-item .price-container) .price {

  --tw-font-weight: var(--font-weight-semibold);

  font-weight: var(--font-weight-semibold);
}

@media (min-width: 1024px) {

  :is(.product-item .price-container) .price {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

:is(.product-item .price-container) .price-label {

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.product-item .special-price .price-container .price-label {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  -webkit-clip-path: inset(50%);

          clip-path: inset(50%);

  white-space: nowrap;

  border-width: 0;
}

:is(.product-item .old-price .price-container) .price {

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

:is(:is(:is(.page-header .topbar) .aos-topmenu) > li):nth-child(3) {

  margin-left: auto;
}

.middle-header .language-switcher {

  margin-left: calc(var(--spacing) * 2.5);
}

@media (min-width: 1280px) {

  .middle-header .language-switcher {

    margin-left: calc(var(--spacing) * 5);
  }
}

:is(.middle-header .language-switcher) .label {

  display: none;
}

:is(.middle-header .language-switcher) button {

  display: flex;

  height: calc(var(--spacing) * 9);

  align-items: center;

  background-image: none;

  padding-left: calc(var(--spacing) * 2);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(:is(.middle-header .language-switcher) button) svg {

  border-radius: calc(infinity * 1px);

  background-color: var(--color-secondary-500);
}

@media (min-width: 1280px) {

  :is(:is(.middle-header .language-switcher) button) svg {

    height: calc(var(--spacing) * 6);
  }
}

@media (min-width: 1280px) {

  :is(:is(.middle-header .language-switcher) button) svg {

    width: calc(var(--spacing) * 6);
  }
}

:is(.middle-header .language-switcher) nav {

  width: calc(var(--spacing) * 28);

  overflow: visible;

  border-style: var(--tw-border-style);

  border-width: 0px;
}

:is(:is(.middle-header .language-switcher) nav):before {

  top: -7px;

  right: calc(var(--spacing) * 2);
}

:is(:is(:is(.middle-header .language-switcher) nav) a):first-child {

  border-top-left-radius: 0.375rem;

  border-top-right-radius: 0.375rem;
}

:is(:is(:is(.middle-header .language-switcher) nav) a):last-child {

  border-bottom-right-radius: 0.375rem;

  border-bottom-left-radius: 0.375rem;
}

@media (hover: hover) {

  :is(:is(:is(.middle-header .language-switcher) nav) a):hover {

    background-color: var(--color-secondary-500);
  }
}

@media (hover: hover) {

  :is(:is(:is(.middle-header .language-switcher) nav) a):hover {

    color: var(--color-white);
  }
}

.vat-toggler input[type=checkbox] {

  height: 0;

  width: 0;

  visibility: hidden;
}

.vat-toggler label {

  position: relative;

  display: block;

  height: 26px;

  width: 52px;

  cursor: pointer;

  border-radius: 32px;

  background-color: var(--color-white);

  text-indent: -9999px;
}

:is(.vat-toggler label):after {

  position: absolute;

  top: 0;

  left: 0;

  height: 26px;

  width: 26px;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-secondary-500);

  --tw-content: '';

  content: var(--tw-content);

  transition: 0.3s;
}

.vat-toggler input:checked + label {

  background-color: var(--color-white);
}

:is(.vat-toggler input:checked + label):after {

  left: 100%;

  transform: translateX(-100%);
}

.vat-toggler label:active:after {

  width: 26px;
}

.mobile-menu-logo a {

  justify-content: flex-start;
}

.mobile-navigation .navigation {

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

:is(:is(.mobile-navigation .navigation) button[aria-expanded="true"]) svg {

  rotate: 90deg;
}

.level-2:is(:is(.mobile-navigation .navigation) li) button[aria-expanded="true"] {

  margin-right: calc(var(--spacing) * 5);
}

:is(:is(.mobile-navigation .navigation) li):last-child a {

  padding-bottom: 0;
}

:is(.mobile-navigation .navigation) a.active-current {

  color: var(--color-primary-500);

  text-decoration-line: underline;
}

.mobile-navigation .vat-toggler {

  margin-bottom: var(--spacing-52);

  padding-inline: calc(var(--spacing) * 5);
}

:is(.mobile-navigation .vat-toggler) label {

  background-color: var(--color-neutral-100);
}

:is(.mobile-navigation .vat-toggler) input:checked + label {

  background-color: var(--color-neutral-100);
}

.bottom-menu .menu-entries {

  margin-top: 0;
}

@media (min-width: 1024px) {

  .bottom-menu .menu-entries {

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

:is(.bottom-menu .menu-entries) li {

  list-style-type: none;
}

:is(:is(.bottom-menu .menu-entries) li) a {

  margin-bottom: calc(var(--spacing) * 5);

  font-family: var(--font-titles);
}

:is(.bottom-menu .language-switcher) .label {

  display: none;
}

:is(.bottom-menu .language-switcher)  > div {

  width: 100%;
}

:is(.bottom-menu .language-switcher) button {

  position: relative;

  height: calc(var(--spacing) * 11);

  width: 100%;

  align-items: center;

  justify-content: space-between;

  border-radius: var(--radius-3xl);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

:is(:is(.bottom-menu .language-switcher) button) svg {

  position: absolute;

  right: 0;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  border-radius: calc(infinity * 1px);

  background-color: var(--color-secondary-500);
}

:is(.bottom-menu .language-switcher) nav {

  position: relative;

  border-style: var(--tw-border-style);

  border-width: 0px;

  background-color: transparent;

  padding-left: calc(var(--spacing) * 4);
}

:is(:is(.bottom-menu .language-switcher) nav):before {

  display: none;
}

:is(:is(.bottom-menu .language-switcher) nav) a {

  padding-left: 0;

  color: var(--color-white);
}

.header-tooltip {

  position: absolute;

  left: var(--spacing);

  z-index: 99;

  margin-top: calc(var(--spacing) * 3);

  display: flex;

  width: -moz-fit-content;

  width: fit-content;

  max-width: var(--container-xl);

  flex-direction: column;

  border-radius: 0.25rem;

  background-color: var(--color-tertiary-100);

  padding: calc(var(--spacing) * 3);

  font-family: var(--font-sans);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-neutral-800);

  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.header-tooltip:before {

  content: "";

  position: absolute;

  bottom: 100%;

  left: 5%;

  margin-left: auto;

  margin-right: auto;

  border-width: 5px;

  border-style: solid;

  border-color: transparent transparent #E6E9EE transparent;
}

.header-tooltip span {

  white-space: nowrap;
}

.page-footer .footer-link {

  position: relative;

  width: 100%;

  --tw-tracking: 0.5px;

  letter-spacing: 0.5px;
}

:is(.page-footer .footer-link):after {

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  height: calc(var(--spacing) * 8);

  width: calc(var(--spacing) * 8);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));

  --tw-content: '';

  content: var(--tw-content);
}

@media (min-width: 1024px) {

  :is(.page-footer .footer-link):after {

    display: none;
  }
}

:is(.page-footer .footer-link):after {

  background-image: url('../images/icons/chevron-down-black.svg');
}

.open:is(.page-footer .footer-link):after {

  rotate: 180deg;
}

:is(:is(.page-footer .social-column) .footer-link):after {

  display: none;
}

:is(.page-footer .social-column) .AOS-social-networks-footer {

  -moz-column-gap: calc(var(--spacing) * 6);

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

:is(.page-footer .social-column) .language-switcher {

  margin-top: calc(var(--spacing) * 11);

  display: none;
}

@media (min-width: 1024px) {

  :is(.page-footer .social-column) .language-switcher {

    display: flex;
  }
}

@media (min-width: 1024px) {

  :is(.page-footer .social-column) .language-switcher {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  :is(.page-footer .social-column) .language-switcher {

    justify-content: flex-end;
  }
}

:is(:is(.page-footer .social-column) .language-switcher) .label {

  display: none;
}

:is(:is(.page-footer .social-column) .language-switcher) button {

  display: flex;

  height: calc(var(--spacing) * 9);

  max-width: 71px;

  align-items: center;

  -moz-column-gap: calc(var(--spacing) * 3);

       column-gap: calc(var(--spacing) * 3);

  border-style: var(--tw-border-style);

  border-width: 0px;

  background-image: none;

  padding-left: calc(var(--spacing) * 2);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(:is(:is(.page-footer .social-column) .language-switcher) button) svg {

  position: relative;

  right: 0;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  flex-shrink: 0;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-secondary-500);
}

:is(:is(.page-footer .social-column) .language-switcher) nav {

  width: calc(var(--spacing) * 28);

  overflow: visible;

  border-style: var(--tw-border-style);

  border-width: 0px;
}

:is(:is(:is(.page-footer .social-column) .language-switcher) nav):before {

  top: -7px;

  right: calc(var(--spacing) * 2);
}

:is(:is(:is(:is(.page-footer .social-column) .language-switcher) nav) a):first-child {

  border-top-left-radius: 0.375rem;

  border-top-right-radius: 0.375rem;
}

:is(:is(:is(:is(.page-footer .social-column) .language-switcher) nav) a):last-child {

  border-bottom-right-radius: 0.375rem;

  border-bottom-left-radius: 0.375rem;
}

@media (hover: hover) {

  :is(:is(:is(:is(.page-footer .social-column) .language-switcher) nav) a):hover {

    background-color: var(--color-secondary-500);
  }
}

@media (hover: hover) {

  :is(:is(:is(:is(.page-footer .social-column) .language-switcher) nav) a):hover {

    color: var(--color-white);
  }
}

@media (min-width: 1280px) {

  :is(.page-footer .bottom-bar) .legal-links-footer {

    flex-direction: column;
  }
}

@media (min-width: 1280px) {

  :is(.page-footer .bottom-bar) .legal-links-footer {

    align-items: flex-end;
  }
}

@media (min-width: 1536px) {

  :is(.page-footer .bottom-bar) .legal-links-footer {

    flex-direction: row;
  }
}

@media (min-width: 1536px) {

  :is(.page-footer .bottom-bar) .legal-links-footer {

    align-items: center;
  }
}

:is(:is(:is(:is(.page-footer .bottom-bar) .legal-links-footer) .aos-legal-links) p):empty {

  display: none;
}

:is(:is(:is(.page-footer .bottom-bar) .legal-links-footer) .aos-legal-links) ul {

  margin-bottom: 0;

  display: flex;

  list-style-type: none;

  flex-wrap: wrap;

  justify-content: center;

  gap: calc(var(--spacing) * 4);

  padding-left: 0;
}

@media (min-width: 1024px) {

  :is(:is(:is(.page-footer .bottom-bar) .legal-links-footer) .aos-legal-links) ul {

    justify-content: flex-end;
  }
}

@media (min-width: 1536px) {

  :is(:is(:is(.page-footer .bottom-bar) .legal-links-footer) .aos-legal-links) ul {

    margin-right: calc(var(--spacing) * 4);
  }
}

:is(:is(:is(:is(.page-footer .bottom-bar) .legal-links-footer) .aos-legal-links) ul) a {

  font-size: var(--text-xs);

  line-height: var(--tw-leading, var(--text-xs--line-height));

  --tw-leading: 18px;

  line-height: 18px;

  color: var(--color-white);

  text-decoration-line: underline;
}

.cms-index-index.page-layout-1column .columns {

  max-width: none;

  padding-inline: 0;
}

.table-row-items > div.table-row-item {

  background-color: var(--color-container-darker);
}

:is(.table-row-items > div.table-row-item):nth-child(2n + 1) {

  background-color: var(--color-container-lighter);
}

#category-view-container {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding-inline: 0;

  padding-bottom: 0;
}

@media (min-width: 1024px) {

  #category-view-container {

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

body.catalog-category-view .category-title {

  margin-top: calc(var(--spacing) * 10);
}

@media (min-width: 1280px) {

  body.catalog-category-view .category-title {

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

body.catalog-category-view .form-select {

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

:is(body.catalog-category-view .language-switcher) .form-select {

  padding-right: 0;
}

:is(body.catalog-category-view #filters-content) .filter-option {

  order: -9999;
}

:is(body.catalog-category-view #filters-content) .filter-current {

  order: 2;

  grid-column: span 3 / span 3;
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content {

    display: grid;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content {

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

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content {

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

@media (min-width: 1280px) {

  :is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content {

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

:is(:is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content) .item {

  margin-bottom: calc(var(--spacing) * 4);

  width: 100%;
}

@media (min-width: 1024px) {

  :is(:is(:is(body.catalog-category-view #filters-content) .filter-current) #active-filtering-content) .item {

    margin-bottom: 0;
  }
}

:is(body.catalog-category-view .toolbar-products) .modes-mode {

  cursor: pointer;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);

  color: var(--color-primary) !important;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(body.catalog-category-view .toolbar-products) .modes-mode):hover {

    background-color: var(--color-primary-500) !important;
  }
}

.active:is(:is(body.catalog-category-view .toolbar-products) .modes-mode) {

  cursor: default;

  background-color: var(--color-primary-500) !important;
}

.mode-grid:is(:is(body.catalog-category-view .toolbar-products) .modes-mode) {

  background: url('../images/icons/AOS-grid-view-off.svg') no-repeat center;
}

.mode-grid.active:is(:is(body.catalog-category-view .toolbar-products) .modes-mode) {

  background: url('../images/icons/AOS-grid-view-on.svg') no-repeat center;
}

.mode-grid:is(:is(body.catalog-category-view .toolbar-products) .modes-mode):hover {

  background: url('../images/icons/AOS-grid-view-on.svg') no-repeat center;
}

.mode-list:is(:is(body.catalog-category-view .toolbar-products) .modes-mode) {

  background: url('../images/icons/AOS-list-view-off.svg') no-repeat center;
}

.mode-list.active:is(:is(body.catalog-category-view .toolbar-products) .modes-mode) {

  background: url('../images/icons/AOS-list-view-on.svg') no-repeat center;
}

.mode-list:is(:is(body.catalog-category-view .toolbar-products) .modes-mode):hover {

  background: url('../images/icons/AOS-list-view-on.svg') no-repeat center;
}

:is(body.catalog-category-view .toolbar-products) .form-select {

  background-image: url('../images/icons/bg-chevron.svg');

  background-size: 18px;
}

.toolbar-bottom:is(body.catalog-category-view .toolbar-products) .toolbar-amount {

  display: none;
}

.toolbar-bottom:is(body.catalog-category-view .toolbar-products) .field.limiter {

  display: none;

  justify-content: flex-end;
}

:is(.toolbar-bottom:is(body.catalog-category-view .toolbar-products) .field.limiter) select {

  width: auto;
}

body.catalog-category-view .product-item {

  position: relative;
}

:is(body.catalog-category-view .product-item) .amlabel-position-wrapper {

  position: absolute;

  top: 0;

  z-index: 0;
}

@media (min-width: 1024px) {

  :is(body.catalog-category-view .product-item) .amlabel-position-wrapper {

    top: calc(var(--spacing) * 2);
  }
}

:is(:is(body.catalog-category-view .product-item) .amlabel-position-wrapper) .amlabel-text {

  margin-bottom: calc(var(--spacing) * 4);

  display: flex;

  height: 1.875rem;

  width: -moz-fit-content;

  width: fit-content;

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-2xl);

  background-color: var(--color-secondary-500);

  padding-inline: calc(var(--spacing) * 3);

  font-family: var(--font-sansbold);

  font-size: 10px;

  --tw-tracking: 0.3px;

  letter-spacing: 0.3px;

  color: var(--color-white);
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view .product-item) .amlabel-position-wrapper) .amlabel-text {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}

:is(body.catalog-category-view .product-item) .wishlist-btn {

  cursor: pointer;
}

:is(:is(body.catalog-category-view .product-item) .product-item-photo) .product-image-photo {

  height: 100%;

  width: 100%;

  object-fit: contain;
}

:is(body.catalog-category-view .product-info) .swatch-option {

  display: flex;

  height: calc(var(--spacing) * 9);

  width: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: 0.25rem;

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-color: var(--color-white);

  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #EEF0FD);

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 1024px) {

  :is(body.catalog-category-view .product-info) .swatch-option {

    height: calc(var(--spacing) * 5);
  }
}

@media (min-width: 1024px) {

  :is(body.catalog-category-view .product-info) .swatch-option {

    width: calc(var(--spacing) * 7);
  }
}

:is(body.catalog-category-view .price-box):has(.old-price) {

  display: flex;

  flex-direction: row-reverse;

  align-items: center;

  justify-content: flex-end;

  -moz-column-gap: calc(var(--spacing) * 3);

       column-gap: calc(var(--spacing) * 3);
}

body.catalog-category-view span.price {

  color: var(--color-primary-500);
}

:is(body.catalog-category-view .old-price) .price-label {

  display: none;
}

:is(body.catalog-category-view .old-price) span.price {

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));

  color: var(--color-neutral-800);

  text-decoration-line: line-through;
}

:is(body.catalog-category-view .mode-list) .amlabel-position-wrapper {

  position: absolute;

  top: 0;

  z-index: 10;
}

@media (min-width: 1024px) {

  :is(body.catalog-category-view .mode-list) .amlabel-position-wrapper {

    top: calc(var(--spacing) * 2);
  }
}

:is(body.catalog-category-view .mode-list) .product-info {

  padding: 0;
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-info {

    height: 6.5rem;
  }
}

:is(:is(body.catalog-category-view .mode-list) .product-info) .price-box {

  margin-bottom: calc(var(--spacing) * 2);

  padding-left: 6.25rem;

  font-family: var(--font-titles);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

@media (min-width: 768px) {

  :is(:is(body.catalog-category-view .mode-list) .product-info) .price-box {

    padding-left: 0;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view .mode-list) .product-info) .price-box {

    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-category-view .mode-list) .product-info) .price-box {

    text-align: right;
  }
}

:is(:is(:is(body.catalog-category-view .mode-list) .product-info) .price-box) .price {

  font-family: var(--font-sansbold);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  color: var(--color-primary-500);
}

@media (min-width: 1024px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-info) .price-box) .price {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

:is(:is(:is(body.catalog-category-view .mode-list) .product-info) .addtocart-box) button {

  margin-top: calc(var(--spacing) * 2);

  width: 100%;
}

:is(:is(:is(:is(body.catalog-category-view .mode-list) .product-info) .addtocart-box) button) svg {

  display: block !important;
}

@media (min-width: 768px) {

  :is(:is(:is(:is(body.catalog-category-view .mode-list) .product-info) .addtocart-box) button) span {

    display: none;
  }
}

@media (min-width: 1024px) {

  :is(:is(:is(:is(body.catalog-category-view .mode-list) .product-info) .addtocart-box) button) span {

    display: block;
  }
}

:is(body.catalog-category-view .mode-list) .product-swatches {

  padding-left: 6rem;
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    margin-top: calc(var(--spacing) * 3);
  }
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    margin-bottom: 0;
  }
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    width: calc(1 / 3 * 100%);
  }
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    flex: 1;
  }
}

@media (min-width: 768px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    padding-left: 0;
  }
}

@media (min-width: 1024px) {

  :is(body.catalog-category-view .mode-list) .product-swatches {

    width: 30%;
  }
}

:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute {

  margin-bottom: calc(var(--spacing) * 3);

  border-color: var(--color-white);
}

:is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .attribute-label {

  padding-block: 0;
}

@media (min-width: 768px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .attribute-label {

    padding-block: calc(var(--spacing) * 0.5);
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .swatch-option {

    margin-block: 0;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .swatch-option {

    height: calc(var(--spacing) * 5);
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .swatch-option {

    width: calc(var(--spacing) * 5);
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.catalog-category-view .mode-list) .product-swatches) .swatch-attribute) .swatch-option {

    min-width: 0;
  }
}

:is(:is(body.catalog-category-view .pagination) li.item) a {

  border-radius: var(--radius-3xl);

  border-color: var(--color-primary-500);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-primary-500);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (min-width: 1280px) {

  :is(:is(body.catalog-category-view .pagination) li.item) a {

    display: flex;
  }
}

@media (min-width: 1280px) {

  :is(:is(body.catalog-category-view .pagination) li.item) a {

    height: calc(var(--spacing) * 9);
  }
}

@media (min-width: 1280px) {

  :is(:is(body.catalog-category-view .pagination) li.item) a {

    width: calc(var(--spacing) * 12);
  }
}

@media (min-width: 1280px) {

  :is(:is(body.catalog-category-view .pagination) li.item) a {

    justify-content: center;
  }
}

.active:is(:is(body.catalog-category-view .pagination) li.item) a {

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

:is(:is(body.catalog-category-view .pagination) li.item):hover a {

  background-color: var(--color-primary);

  color: var(--color-white);
}

:is(.pages-item-previous:is(:is(body.catalog-category-view .pagination) li.item),.pages-item-next:is(:is(body.catalog-category-view .pagination) li.item)) a {

  display: flex;

  align-items: center;

  justify-content: space-between;
}

@media (min-width: 1280px) {

  :is(.pages-item-previous:is(:is(body.catalog-category-view .pagination) li.item),.pages-item-next:is(:is(body.catalog-category-view .pagination) li.item)) a {

    width: 7.5rem;
  }
}

body.catalog-category-view:has(.filters-open) {

  overflow-y: hidden;
}

@media (min-width: 1024px) {

  body.catalog-category-view:has(.filters-open) {

    overflow-y: auto;
  }
}

body.catalog-product-view {

  background-color: var(--color-neutral-200);
}

body.catalog-product-view .breadcrumbs {

  background-color: var(--color-neutral-200);
}

.is-lightbox-open:is(body.catalog-product-view #gallery) .gallery-lightbox {

  overflow-y: auto;
}

.is-lightbox-open:is(body.catalog-product-view #gallery) .gallery-lightbox__content {

  display: flex;

  min-height: 100vh;

  width: 100%;

  flex: 1;

  align-items: center;

  justify-content: center;

  align-self: auto;

  padding-inline: calc(var(--spacing) * 4);

  padding-top: calc(var(--spacing) * 16);

  padding-bottom: calc(var(--spacing) * 28);
}

.is-lightbox-open:is(body.catalog-product-view #gallery) .gallery-lightbox__media {

  margin-bottom: 0;

  display: flex;

  height: 100%;

  width: 100%;

  align-items: center;

  justify-content: center;
}

:is(.is-lightbox-open:is(body.catalog-product-view #gallery) .gallery-lightbox__media) img {

  max-height: calc(100vh - 11rem);

  width: auto;

  max-width: 100%;
}

:is(body.catalog-product-view #gallery) .amlabel-position-wrapper {

  display: none !important;
}

:is(body.catalog-product-view .price-box) .price-label {

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(body.catalog-product-view .price-box) span.price {

  font-family: var(--font-titles);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:is(body.catalog-product-view .product-options) h2 {

  display: none;
}

:is(:is(body.catalog-product-view .aos-price) .price-container,:is(body.catalog-product-view .aos-price) .price-box):has(.old-price) {

  display: flex;

  align-items: center;

  -moz-column-gap: calc(var(--spacing) * 2);

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

:is(:is(:is(body.catalog-product-view .aos-price) .price-container,:is(body.catalog-product-view .aos-price) .price-box) .final-price) .price-label {

  display: none;
}

:is(:is(:is(body.catalog-product-view .aos-price) .price-container,:is(body.catalog-product-view .aos-price) .price-box) .final-price) .price {

  color: var(--color-primary);
}

:is(:is(body.catalog-product-view .aos-price) .price-container,:is(body.catalog-product-view .aos-price) .price-box):has(.price-excl-taxinline-block) {

  display: flex;

  flex-direction: row-reverse;

  align-items: flex-end;

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

:is(body.catalog-product-view .aos-price) button {

  cursor: pointer;
}

:is(body.catalog-product-view #product_addtocart_form) .swatch-option {

  display: flex;

  height: calc(var(--spacing) * 9);

  width: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: 0.25rem;

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-color: var(--color-white);

  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #EEF0FD);

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 1024px) {

  :is(body.catalog-product-view #product_addtocart_form) .swatch-option {

    height: calc(var(--spacing) * 6);
  }
}

@media (min-width: 1024px) {

  :is(body.catalog-product-view #product_addtocart_form) .swatch-option {

    width: calc(var(--spacing) * 7);
  }
}

:is(body.catalog-product-view .aos-banner) .aos-image {

  background-image: url('../images/banner-bg.svg');
}

:is(body.catalog-product-view .aos-pdp-sections):before {

  position: absolute;

  top: 0;

  right: calc(50% - 50vw);

  bottom: 0;

  left: calc(50% - 50vw);

  z-index: 0;

  display: block;

  height: 100%;

  --tw-content: '';

  content: var(--tw-content);

  background-color: var(--color-white);

  z-index: -1;
}

body.catalog-product-view .amlabel-position-wrapper {

  position: relative;

  z-index: 2 !important;

  margin-inline: 0;
}

:is(body.catalog-product-view .amlabel-position-wrapper) .amlabel-text {

  margin-bottom: calc(var(--spacing) * 4);

  display: flex;

  height: calc(var(--spacing) * 9);

  width: -moz-fit-content;

  width: fit-content;

  align-items: center;

  justify-content: center;

  border-radius: 36px;

  background-color: var(--color-secondary-500);

  padding-inline: calc(var(--spacing) * 3);

  font-family: var(--font-sansbold);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  --tw-tracking: 0.5px;

  letter-spacing: 0.5px;

  color: var(--color-white);
}

@media (min-width: 1024px) {

  :is(body.catalog-product-view .amlabel-position-wrapper) .amlabel-text {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

:is(.tab-active:is(:is(body.catalog-product-view .aos-description) .aos-tab-button) > div) h2 {

  color: var(--color-primary-500);
}

:is(:is(body.catalog-product-view .aos-description) .tab-contents) .prose,:is(:is(body.catalog-product-view .aos-description) .tab-contents) .table-wrapper {

  width: 100%;

  max-width: 100%;
}

:is(:is(body.catalog-product-view .aos-description) .tab-contents) .prose {

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));
}

:is(:is(:is(body.catalog-product-view .aos-description) .tab-contents) .prose) p {

  margin-top: 0;

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));
}

:is(:is(:is(body.catalog-product-view .aos-description) .tab-contents) table) th,:is(:is(:is(body.catalog-product-view .aos-description) .tab-contents) table) td {

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:is(:is(:is(body.catalog-product-view .aos-description) .tab-contents) table) th {

  font-family: var(--font-sansbold);
}

:is(body.catalog-product-view .aos-pdp-attachments) .am-fileline {

  border-radius: 28px;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: #878A99;

  padding-inline: calc(var(--spacing) * 5);

  padding-block: calc(var(--spacing) * 3.5);
}

:is(:is(body.catalog-product-view .aos-pdp-attachments) .am-fileline) img {

  display: none;
}

:is(:is(body.catalog-product-view .aos-pdp-attachments) .am-fileline) a {

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

  font-family: var(--font-sansbold);

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));

  --tw-tracking: 0.5px;

  letter-spacing: 0.5px;

  color: var(--color-tertiary-500);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(body.catalog-product-view .aos-pdp-attachments) .am-fileline) a):hover {

    color: var(--color-primary-500);
  }
}

:is(:is(:is(body.catalog-product-view .aos-pdp-attachments) .am-fileline) a):after {

  position: relative;

  display: flex;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  position: absolute;

  right: 0;

  margin-left: auto;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-image: url('../images/icons/icon-download.svg');
}

@media (min-width: 768px) {

  :is(body.catalog-product-view .aos-pdp-carousels) .product-slider .snap-track {

    --snap-cols: 2;
  }
}

@media (min-width: 1024px) {

  :is(body.catalog-product-view .aos-pdp-carousels) .product-slider .snap-track {

    --snap-cols: 3;
  }
}

:is(:is(body.catalog-product-view .aos-pdp-carousels) .product-slider .snap-track) .product-item-photo {

  position: relative;

  z-index: 1;
}

:is(:is(body.catalog-product-view .aos-pdp-carousels) .product-slider .snap-track) .wishlist-btn {

  z-index: 9;
}

:is(body.catalog-product-view .aos-pdp-carousels):before {

  position: absolute;

  top: 0;

  right: calc(50% - 50vw);

  bottom: 0;

  left: calc(50% - 50vw);

  z-index: 0;

  display: block;

  height: 100%;

  --tw-content: '';

  content: var(--tw-content);

  background-color: var(--color-tertiary-500);

  z-index: -1;
}

:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item {

  overflow: hidden;

  border-radius: var(--radius-2xl);

  background-color: var(--color-white);
}

:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item) .amlabel-position-wrapper {

  position: absolute;

  top: calc(var(--spacing) * 5);

  left: calc(var(--spacing) * 5);

  z-index: 1;
}

:is(:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item) .amlabel-position-wrapper) .amlabel-text {

  margin-bottom: calc(var(--spacing) * 4);

  display: flex;

  height: 1.875rem;

  width: -moz-fit-content;

  width: fit-content;

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-2xl);

  background-color: var(--color-secondary-500);

  padding-inline: calc(var(--spacing) * 3);

  font-family: var(--font-sansbold);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  --tw-tracking: 0.3px;

  letter-spacing: 0.3px;

  color: var(--color-white);
}

:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item) .product-item-photo {

  padding-top: calc(var(--spacing) * 6);
}

:is(:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item) .product-item-photo) img {

  margin-inline: auto;

  max-width: 80%;
}

:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-item) .wishlist-btn {

  top: calc(var(--spacing) * 5);

  right: calc(var(--spacing) * 5);
}

:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info {

  padding: calc(var(--spacing) * 5);
}

:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .swatch-option {

  display: flex;

  height: calc(var(--spacing) * 9);

  width: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: 0.25rem;

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-color: var(--color-white);

  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #EEF0FD);

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .swatch-option {

    height: calc(var(--spacing) * 6);
  }
}

@media (min-width: 1024px) {

  :is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .swatch-option {

    width: calc(var(--spacing) * 7);
  }
}

:is(:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .price-box):has(.old-price) {

  display: flex;

  flex-direction: row-reverse;

  align-items: center;

  justify-content: flex-end;

  -moz-column-gap: calc(var(--spacing) * 3);

       column-gap: calc(var(--spacing) * 3);
}

:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) span.price {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  color: var(--color-primary-500);
}

:is(:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .old-price) .price-label {

  display: none;
}

:is(:is(:is(body.catalog-product-view .js_slide,body.catalog-product-view .snap-track) .product-info) .old-price) span.price {

  color: var(--color-neutral-800);

  text-decoration-line: line-through;
}

:is(body.catalog-product-view div):has( > .product-modal-form) {

  width: 90%;

  border-radius: 0;

  background-color: var(--color-neutral-100);

  padding-inline: calc(var(--spacing) * 5);

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

@media (min-width: 768px) {

  :is(body.catalog-product-view div):has( > .product-modal-form) {

    width: auto;
  }
}

@media (min-width: 768px) {

  :is(body.catalog-product-view div):has( > .product-modal-form) {

    padding: var(--spacing-52);
  }
}

:is(:is(body.catalog-product-view .product-modal-form) .fieldset-block):has(.aos-product-name) {

  display: none;
}

body.catalog-product-view .page-footer {

  margin-top: 0;
}

body.checkout-cart-index .page-title {

  margin-top: calc(var(--spacing) * 3);

  margin-bottom: calc(var(--spacing) * 10);

  font-size: var(--text-h1);

  line-height: var(--tw-leading, var(--text-h1--line-height));

  --tw-font-weight: 600;

  font-weight: 600;
}

@media (min-width: 1280px) {

  body.checkout-cart-index .page-title {

    margin-top: 30px;
  }
}

@media (min-width: 1280px) {

  body.checkout-cart-index .page-title {

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

@media (min-width: 1280px) {

  body.checkout-cart-index .page-title {

    font-size: var(--text-h1xl);

    line-height: var(--tw-leading, var(--text-h1xl--line-height));
  }
}

:is(body.checkout-cart-index #shopping-cart-table) thead {

  display: none;
}

@media (min-width: 1024px) {

  :is(body.checkout-cart-index #shopping-cart-table) thead {

    display: table-header-group;
  }
}

:is(:is(body.checkout-cart-index #shopping-cart-table) thead)  > tr {

  background-color: var(--color-tertiary-500);

  text-align: right;
}

:is(:is(body.checkout-cart-index #shopping-cart-table) thead) th {

  padding-block: 9px;

  text-align: left;

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-white);
}

.item:is(:is(:is(body.checkout-cart-index #shopping-cart-table) thead) th) {

  padding-right: calc(var(--spacing) * 4);

  padding-left: 124px;
}

.price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) thead) th) {

  text-align: center;
}

.qty:is(:is(:is(body.checkout-cart-index #shopping-cart-table) thead) th) {

  padding-inline: calc(var(--spacing) * 4);

  text-align: center;
}

.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) thead) th) {

  padding-inline: calc(var(--spacing) * 4);

  text-align: right;
}

:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td {

  padding-top: calc(var(--spacing) * 6);
}

@media (min-width: 1024px) {

  :is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td {

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

.price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td),.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td) {

  padding-top: 0;
}

@media (min-width: 1024px) {

  .price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td),.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td) {

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

:is(.price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td),.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) td)) .price {

  font-family: var(--font-sans);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td {

  padding-top: calc(var(--spacing) * 2);
}

@media (min-width: 1024px) {

  :is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td {

    padding-top: calc(var(--spacing) * 4);
  }
}

.price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td),.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td) {

  padding-top: 0;
}

@media (min-width: 1024px) {

  .price:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td),.subtotal:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody):first-of-type td) {

    padding-top: calc(var(--spacing) * 4);
  }
}

:is(:is(:is(body.checkout-cart-index #shopping-cart-table) tbody) tr.item-actions) td {

  padding-top: 0;
}

:is(body.checkout-cart-index .cart.item) .product-image-photo {

  width: 3.375rem;
}

@media (min-width: 1024px) {

  :is(body.checkout-cart-index .cart.item) .product-image-photo {

    width: 6.25rem;
  }
}

:is(body.checkout-cart-index .cart.item) .product-item-details {

  width: -moz-min-content;

  width: min-content;
}

:is(:is(body.checkout-cart-index .cart.item) .item-actions) button.towishlist {

  display: none;
}

body.checkout-cart-index .cart-summary {

  display: flex;

  flex-direction: column;
}

:is(body.checkout-cart-index .cart-summary):has(.aos-subtotal-excl-tax) .aos-subtotal-excl-tax {

  order: 2;
}

:is(:is(body.checkout-cart-index .cart-summary):has(.aos-subtotal-excl-tax) div):has(.cart-totals) {

  order: -1;
}

:is(:is(body.checkout-cart-index .cart-summary):has(.aos-subtotal-excl-tax) div):has(.grand-total-excl-tax) {

  order: 3;
}

:is(body.checkout-cart-index .cart-summary):has(.aos-subtotal-excl-tax) nav {

  order: 4;
}

:is(body.checkout-cart-index .cart-summary):has(.aos-subtotal-excl-tax) .discount-missing-text {

  order: 5;
}

:is(:is(body.checkout-cart-index #form-validate) .actions) button {

  cursor: pointer;
}

:is(body.checkout-cart-index #discount-coupon-form) #coupon_code {

  margin-top: 0;
}

body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"] {

  margin: auto;
}

:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) button:not([type="button"]) {

  height: calc(var(--spacing) * 10);

  width: 100%;

  cursor: pointer;

  background-color: var(--color-secondary-500);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-white);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) button:not([type="button"])):hover {

    background-color: var(--color-secondary-600);
  }
}

:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) #savecartlogin {

  background-color: var(--color-secondary-500);
}

@media (hover: hover) {

  :is(:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) #savecartlogin):hover {

    background-color: var(--color-secondary-600);
  }
}

:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) #newcart {

  background-color: var(--color-primary-500);
}

@media (hover: hover) {

  :is(:is(body.checkout-cart-index dialog[data-dialog-ref-name="savecartpro-dialog"]) #newcart):hover {

    background-color: var(--color-primary-600);
  }
}

:is(body.hyva_checkout-index-index header) .topbar {

  display: none;
}

:is(body.hyva_checkout-index-index header) .aos-logo-box {

  width: -moz-fit-content;

  width: fit-content;
}

body.hyva_checkout-index-index .page-title {

  display: none;
}

:is(:is(:is(body.hyva_checkout-index-index .column.main) .address-form) .field-wrapper):last-of-type {

  margin-bottom: 0;
}

:is(:is(body.hyva_checkout-index-index .column.main) .field-type-email) .input-group {

  gap: 0;
}

:is(:is(body.hyva_checkout-index-index .column.main) .field-type-email) .form-input-addon {

  display: flex;

  height: calc(var(--spacing) * 10) !important;

  width: calc(var(--spacing) * 12) !important;

  align-items: center;

  justify-content: center;

  border-top-left-radius: var(--radius-lg) !important;

  border-bottom-left-radius: var(--radius-lg) !important;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-right-style: var(--tw-border-style);

  border-right-width: 0px;

  border-color: var(--color-form);

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

:is(:is(body.hyva_checkout-index-index .column.main) .field-type-email) input {

  margin-top: 0;

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 2px;

  border-color: var(--color-primary-200);

  padding-bottom: calc(var(--spacing) * 6);
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item {

  overflow: hidden;

  border-radius: 0.25rem;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-neutral-300);

  background-color: var(--color-white);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  color: var(--color-neutral-800);
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item) input {

  top: 0;

  right: 0;

  height: calc(var(--spacing) * 9);

  width: calc(var(--spacing) * 9);

  border-radius: 0;

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-neutral-300);
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item) label {

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

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item) label) span {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item):has(input:checked) {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-400);
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item):has(input:checked) input {

  border-color: var(--color-primary-400);
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-details) .address-item):has(input:checked) input):checked {

  background-image: url('./theme/images/icons/icon-tick.svg');

  background-size: 24px !important;
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) #billing-details {

  margin-top: calc(var(--spacing) * 10);

  border-top-style: var(--tw-border-style);

  border-top-width: 0px;

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 2px;

  border-color: var(--color-primary-200);

  padding-bottom: calc(var(--spacing) * 6);
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) fieldset) #shipping {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 2px;

  border-color: var(--color-primary-200);

  padding-bottom: var(--spacing-52);
}

@media (min-width: 768px) {

  :is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) fieldset) #shipping) .field-postcode {

    grid-column: span 6 / span 6;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) fieldset) #shipping) .field-city {

    grid-column: span 12 / span 12;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) fieldset) #billing) .field-company_customer_information {

    grid-column: span 6 / span 6;
  }
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) fieldset) select {

  margin-top: var(--spacing);
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-section) .message-shipping-checkout {

  display: none;
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list)  > div {

  display: flex;

  height: var(--spacing-13);

  align-items: center;

  border-style: var(--tw-border-style);

  border-width: 1px;

  --tw-border-style: solid;

  border-style: solid;

  border-color: var(--color-form);

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

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div)  > label {

  margin-bottom: 0;

  display: flex;

  width: 100%;

  flex-direction: row;

  align-items: center;

  padding: 0;
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) > label)  > span {

  width: 100%;

  flex-grow: 0 !important;

  flex-wrap: nowrap;

  align-items: center;

  justify-content: space-between;

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) > label) .product-price {

  display: flex;

  width: auto;
}

:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) > label) .product-price) .price-excluding-tax {

  display: none;
}

.active:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) {

  background-color: rgba(103, 137, 178, 0.1);
}

@supports (color: color-mix(in lab, red, red)) {

  .active:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) {

    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
}

.active:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #shipping-method-list,:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div)  > label {

  width: 100% !important;

  flex-direction: row;

  align-items: center;

  padding: 0;
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-purchaseorder {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-purchaseorder):not(.active):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-billing.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-view-purchaseorder {

  padding: 0 !important;
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="postfinance-card"],:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="postfinance-e-finance"] {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="postfinance-card"],:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="postfinance-e-finance"]):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-finance.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="credit-debit-card"] {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="credit-debit-card"]):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-creditcard.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="twint"] {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="twint"]):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-twint.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="paypal"] {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) [data-payment-brand="paypal"]):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-paypal.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-cashondelivery {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-cashondelivery):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-pickup.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-banktransfer {

  position: relative;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-banktransfer):after {

  position: absolute;

  top: 0;

  right: calc(var(--spacing) * 4);

  bottom: 0;

  margin-block: auto;

  display: flex;

  height: 43px;

  width: 64px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/payment/icon-banktransfer.svg');
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) #payment-method-option-free {

  position: relative;
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #payment-method-list) > div) label)  > span {

  flex-grow: 1 !important;
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

  margin-top: calc(var(--spacing) * 10);
}

:where(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary) > :not(:last-child)) {

  --tw-space-y-reverse: 0;

  margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));

  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

  border-radius: var(--radius-2xl);

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-color: var(--color-tertiary-100);

  background-color: var(--color-white);

  padding-inline: calc(var(--spacing) * 5);

  padding-top: calc(var(--spacing) * 3.5);

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

@media (min-width: 1024px) {

  :is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

    position: sticky;
  }
}

@media (min-width: 1024px) {

  :is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

    top: calc(var(--spacing) * 5);
  }
}

@media (min-width: 1024px) {

  :is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

    margin-top: 0;
  }
}

@media (min-width: 1280px) {

  :is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

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

@media (min-width: 1280px) {

  :is(body.hyva_checkout-index-index #hyva-checkout-main) .aos-summary {

    padding-block: var(--spacing-52);
  }
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 0px;

  padding-bottom: 0;
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary)  > .price-summary {

  display: flex;

  flex-direction: column;

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 0px;

  background-color: var(--color-white);

  padding: 0;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .section-title {

  order: calc(1 * -1) !important;

  margin-bottom: calc(var(--spacing) * 5);

  padding-bottom: 0;
}

@media (min-width: 1280px) {

  :is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .section-title {

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

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .section-title) h2 {

  font-family: var(--font-titles);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .aos-coupon-code) .btn-coupon {

  order: 2;

  height: calc(var(--spacing) * 10);

  font-family: var(--font-titles);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments {

  order: 3;

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  color: var(--color-neutral-800);
}

:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item {

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

:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) span {

  --tw-leading: calc(var(--spacing) * 6);

  line-height: calc(var(--spacing) * 6);
}

.subtotal:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) ul {

  margin-top: calc(var(--spacing) * 4);

  display: none;
}

.grand_total:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) {

  margin-bottom: 0;

  padding-bottom: 0;
}

.grand_total:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item)  > div {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 1px;

  border-color: var(--color-container);

  padding-bottom: calc(var(--spacing) * 3);
}

:is(.grand_total:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) > div) span {

  font-family: var(--font-titles);

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));

  color: var(--color-neutral-800);
}

.shipping:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) ul {

  margin-top: calc(var(--spacing) * 4);

  display: none;
}

.discount:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .item) {

  margin-bottom: 0;
}

:is(:is(:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) .total-segments) .discount_breakdown):has(.-collapsed) {

  border-style: var(--tw-border-style);

  border-width: 0px;

  padding-block: 0;
}

:is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-summary) > .price-summary) div[wire\:id="checkout.order-comment"] {

  order: 5;
}

:is(body.hyva_checkout-index-index #hyva-checkout-main) #quote-actions {

  margin: 0;

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 0px;

  padding: 0;
}

:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) .checkout-nav-main) button {

  display: flex;

  height: calc(var(--spacing) * 9);

  width: 100%;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  background-color: var(--color-primary-500);

  padding: 0;

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(body.hyva_checkout-index-index #hyva-checkout-main) .checkout-nav-main) button):hover {

    background-color: var(--color-primary);
  }
}

@media (min-width: 1024px) {

  :is(:is(body.hyva_checkout-index-index #hyva-checkout-main) .checkout-nav-main) button {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}

body.hyva_checkout-index-index .new-address-modal {

  padding-inline: calc(var(--spacing) * 5);

  padding-block: calc(var(--spacing) * 10);
}

:is(:is(body.hyva_checkout-index-index .new-address-modal) .field-save)  > div {

  background-color: var(--color-white);

  padding-inline: 0;
}

:is(:is(:is(body.hyva_checkout-index-index .new-address-modal) .field-save) > div) span {

  font-family: var(--font-sans);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  --tw-font-weight: var(--font-weight-light);

  font-weight: var(--font-weight-light);
}

:is(body.hyva_checkout-index-index .new-address-modal) .btn {

  display: flex;

  height: calc(var(--spacing) * 11);

  width: calc(1 / 2 * 100%);

  align-items: center;

  justify-content: center;

  font-family: var(--font-titles);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

.btn-secondary:is(:is(body.hyva_checkout-index-index .new-address-modal) .btn) {

  background-color: var(--color-white);

  color: var(--color-primary);
}

:is(.account-nav li) a,:is(.account-nav li) strong {

  display: flex;

  justify-content: space-between;

  padding-block: var(--spacing);

  color: var(--color-secondary);
}

:is(.account-nav li) a:hover {

  color: var(--color-black);
}

:is(body.customer-account-login .container):has(.page-title) {

  display: none;
}

body.customer-account-login #customer-login-container {

  display: flex;

  flex-direction: column;

  -moz-column-gap: calc(var(--spacing) * 4);

       column-gap: calc(var(--spacing) * 4);

  row-gap: calc(var(--spacing) * 8);

  padding-block: 3.25rem;
}

@media (min-width: 1024px) {

  body.customer-account-login #customer-login-container {

    flex-direction: column-reverse;
  }
}

@media (min-width: 1280px) {

  body.customer-account-login #customer-login-container {

    padding-block: 6.25rem;
  }
}

@media (min-width: 1024px) {

  body.customer-account-login #customer-login-container {

    display: grid;

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

:is(body.customer-account-login #customer-login-container) .login-container {

  padding-top: calc(var(--spacing) * 14);
}

@media (min-width: 1280px) {

  :is(body.customer-account-login #customer-login-container) .login-container {

    padding-top: 6.25rem;
  }
}

body.customer-account-login .registration-container {

  display: flex;

  flex-direction: column-reverse;

  -moz-column-gap: calc(var(--spacing) * 4);

       column-gap: calc(var(--spacing) * 4);

  row-gap: calc(var(--spacing) * 8);

  padding-block: 3.25rem;
}

@media (min-width: 1280px) {

  body.customer-account-login .registration-container {

    padding-block: 6.25rem;
  }
}

body.account .sidebar-main {

  margin-inline: calc(var(--spacing) * -5);

  max-width: 111%;
}

@media (min-width: 768px) {

  body.account .sidebar-main {

    margin-inline: 0;
  }
}

@media (min-width: 768px) {

  body.account .sidebar-main {

    max-width: 100%;
  }
}

@media (min-width: 1280px) {

  body.account .sidebar-main {

    margin-top: 5.75rem;
  }
}

:is(body.account .sidebar-main) .account-nav {

  margin-bottom: 0;

  padding-inline: 0;

  --tw-shadow: 0px 8px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.13));

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 768px) {

  :is(body.account .sidebar-main) .account-nav {

    padding-left: 0;
  }
}

@media (min-width: 768px) {

  :is(body.account .sidebar-main) .account-nav {

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

:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

  padding-inline: calc(var(--spacing) * 10);

  padding-block: calc(var(--spacing) * 3);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item):hover {

    background-color: var(--color-primary-100);
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

    border-inline-style: var(--tw-border-style);

    border-inline-width: 1px;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

    --tw-border-style: solid;

    border-style: solid;
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

    border-color: var(--color-container-darker);
  }
}

@media (min-width: 768px) {

  :is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item {

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

:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a,:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) strong {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));

  color: var(--color-neutral-800);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a):hover {

    color: var(--color-primary);
  }
}

.current:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) {

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-bottom-color: var(--color-primary-500);

  background-color: var(--color-primary-100);
}

:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item):first-child {

  border-top-left-radius: var(--radius-lg);

  border-top-right-radius: var(--radius-lg);

  border-top-style: var(--tw-border-style);

  border-top-width: 1px;
}

:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item):nth-last-child(2) {

  border-bottom-right-radius: var(--radius-lg);

  border-bottom-left-radius: var(--radius-lg);
}

.logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) {

  border-style: var(--tw-border-style);

  border-width: 0px;

  padding-inline: 0;

  padding-block: calc(var(--spacing) * 7);
}

@media (hover: hover) {

  .logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item):hover {

    background-color: var(--color-white);
  }
}

.logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a {

  margin-inline: calc(var(--spacing) * 10);

  display: flex;

  height: calc(var(--spacing) * 10);

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-lg);

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);

  font-family: var(--font-titles);

  color: var(--color-primary-500);

  text-transform: lowercase;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(.logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a):hover {

    border-color: var(--color-primary-900);
  }
}

@media (hover: hover) {

  :is(.logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a):hover {

    color: var(--color-primary-900);
  }
}

@media (min-width: 1024px) {

  .logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a {

    margin-inline: 0;
  }
}

:is(.logout:is(:is(:is(:is(body.account .sidebar-main) #account-nav) .nav.items) .nav.item) a):hover svg {

  border-color: var(--color-primary-900);
}

body.account .column.main {

  padding-bottom: 6.25rem;
}

@media (min-width: 1280px) {

  body.account .column.main {

    padding-bottom: 7.5rem;
  }
}

@media (min-width: 1280px) {

  body.account .column.main {

    padding-left: calc(var(--spacing) * 6);
  }
}

:is(:is(body.account .column.main) .container):has(.page-title) {

  padding-inline: 0;
}

:is(body.account .column.main) .page-title {

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

@media (min-width: 1280px) {

  :is(body.account .column.main) .page-title {

    margin-top: calc(var(--spacing) * 20);
  }
}

@media (min-width: 1280px) {

  :is(body.account .column.main) .page-title {

    margin-bottom: calc(var(--spacing) * 7);
  }
}

:is(body.account .form-edit-account,body.account .form-address-edit) input[type="text"],:is(body.account .form-edit-account,body.account .form-address-edit) input[type="tel"],:is(body.account .form-edit-account,body.account .form-address-edit) input[type="email"],:is(body.account .form-edit-account,body.account .form-address-edit) select {

  margin-top: 0;

  width: 100%;
}

@media (min-width: 1024px) {

  :is(body.account .form-edit-account,body.account .form-address-edit) input[type="text"],:is(body.account .form-edit-account,body.account .form-address-edit) input[type="tel"],:is(body.account .form-edit-account,body.account .form-address-edit) input[type="email"],:is(body.account .form-edit-account,body.account .form-address-edit) select {

    max-width: 24rem;
  }
}

:is(body.account .actions-toolbar) a.back {

  color: var(--color-primary);

  text-decoration-line: underline;
}

@layer components {

  .primary:is(body.account .actions-toolbar) button {

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: var(--color-primary-500);

    background-color: var(--color-primary-500);

    color: var(--color-white);
  }

  :is(.primary:is(body.account .actions-toolbar) button):hover {

    border-color: var(--color-primary-700);

    background-color: var(--color-primary-700);
  }

  :is(.primary:is(body.account .actions-toolbar) button):focus {

    border-color: var(--color-primary-700);

    background-color: var(--color-primary-700);
  }

  :is(.primary:is(body.account .actions-toolbar) button):disabled {

    pointer-events: none;

    border-color: var(--color-neutral-400);

    background-color: var(--color-neutral-400);

    color: var(--color-neutral-600);
  }

  .primary:is(body.account .actions-toolbar) button {

    display: flex;

    height: calc(var(--spacing) * 9);

    align-items: center;

    justify-content: center;

    border-radius: var(--radius-lg);

    padding-inline: calc(var(--spacing) * 5);

    font-family: var(--font-titles);

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));

    transition-property: all;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.primary:is(body.account .actions-toolbar) button) svg {

    display: inline-flex;
  }

  :is(.primary:is(body.account .actions-toolbar) button) span {

    vertical-align: middle;

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(.primary:is(body.account .actions-toolbar) button):focus {

    border-color: transparent;

    --tw-outline-style: none;

    outline-style: none;
  }

  @media (forced-colors: active) {

    :is(.primary:is(body.account .actions-toolbar) button):focus {

      outline: 2px solid transparent;

      outline-offset: 2px;
    }
  }

  .primary:is(body.account .actions-toolbar) button {

    font-size: var(--text-base);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}

.status:is(:is(body.account #my-orders-table) td) span {

  display: flex;

  justify-content: center;

  border-radius: 0.25rem;

  background-color: var(--color-slate-300);

  padding-inline: var(--spacing);

  padding-block: var(--spacing);

  font-size: var(--text-xs);

  line-height: var(--tw-leading, var(--text-xs--line-height));

  color: var(--color-white);
}

.status.pending:is(:is(body.account #my-orders-table) td) span {

  background-color: var(--color-warning-400);
}

.status.received:is(:is(body.account #my-orders-table) td) span {

  background-color: var(--color-success-400);
}

body.account.sales-order-view .page-title {

  display: none;
}

:is(body.account.sales-order-view .order-status) span {

  display: flex;

  justify-content: center;

  border-radius: 0.25rem;

  background-color: var(--color-slate-300);

  padding-inline: calc(var(--spacing) * 2);

  padding-block: var(--spacing);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-white);
}

.pending:is(body.account.sales-order-view .order-status) span {

  background-color: var(--color-warning-400);
}

.received:is(body.account.sales-order-view .order-status) span {

  background-color: var(--color-success-400);
}

body.account.sales-order-view .nav.item.orders {

  border-style: var(--tw-border-style);

  border-width: 2px;

  border-bottom-color: var(--color-primary-500);

  background-color: var(--color-primary-100);
}

body.account.sales-order-history a.back {

  display: none;
}

body.account.sales-order-history #limiter {

  padding-right: 30px;
}

body.account.sales-order-history .nav.item.orders {

  border-bottom-style: var(--tw-border-style) !important;

  border-bottom-width: 2px !important;

  border-bottom-color: var(--color-primary-500) !important;

  background-color: var(--color-primary-100);
}

body.account.customer-address-index #limiter {

  padding-right: 30px;
}

@media (min-width: 1024px) {

  :is(body.account #wishlist-view-form) .message {

    margin-top: 52px;
  }
}

:is(:is(:is(:is(body.account #wishlist-view-form) .product-item) .box-tocart) .qty) label {

  display: none;
}

:is(:is(body.account .form-newsletter-manage) .field) label {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

:is(body.customer-account-login .aos-account-benefits) li {

  position: relative;
}

@media (hover: hover) {

  :is(:is(:is(body.customer-account-login .block-new-customer) .actions-toolbar) a):hover {

    color: var(--color-white);
  }
}

body.customer-account-create .page-main {

  position: relative;
}

:is(:is(body.customer-account-create .page-main) .container):has(.page-title) {

  margin-top: calc(var(--spacing) * 20);
}

@media (min-width: 1280px) {

  :is(:is(body.customer-account-create .page-main) .container):has(.page-title) {

    margin-top: var(--spacing-146);
  }
}

@media (min-width: 1024px) {

  :is(:is(body.customer-account-create .page-main) .container) .page-title {

    margin-inline: auto;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.customer-account-create .page-main) .container) .page-title {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.customer-account-create .page-main) .container) .page-title {

    max-width: 800px;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.customer-account-create .page-main) .container) .page-title {

    padding-left: 4.75rem;
  }
}

@media (min-width: 1280px) {

  :is(:is(body.customer-account-create .page-main) .container) .page-title {

    padding-left: 3.5rem;
  }
}

:is(:is(body.customer-account-create .page-main) form) .control {

  width: 100%;
}

:is(:is(:is(body.customer-account-create .page-main) form) .control) input[type="text"],:is(:is(:is(body.customer-account-create .page-main) form) .control) input[type="password"],:is(:is(:is(body.customer-account-create .page-main) form) .control) input[type="email"],:is(:is(:is(body.customer-account-create .page-main) form) .control) select,:is(:is(:is(body.customer-account-create .page-main) form) .control) .form-input {

  width: 100%;
}

:is(:is(:is(body.customer-account-create .page-main) form) .field.choice) span {

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

.newsletter:is(:is(:is(body.customer-account-create .page-main) form) .field.choice) {

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

:is(body.customer-account-forgotpassword,body.customer-account-createpassword) .page-main {

  position: relative;
}

:is(:is(:is(body.customer-account-forgotpassword,body.customer-account-createpassword) .page-main) .container):has(.page-title) {

  margin-top: var(--spacing-120);
}

@media (min-width: 1024px) {

  :is(:is(:is(body.customer-account-forgotpassword,body.customer-account-createpassword) .page-main) .container) .page-title {

    margin-inline: auto;
  }
}

@media (min-width: 1024px) {

  :is(:is(:is(body.customer-account-forgotpassword,body.customer-account-createpassword) .page-main) .container) .page-title {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  :is(:is(:is(body.customer-account-forgotpassword,body.customer-account-createpassword) .page-main) .container) .page-title {

    max-width: 592px;
  }
}

:is(body.savecartpro-customer-cartlist #pagination) button {

  cursor: pointer;

  border-radius: 20px;

  border-color: var(--color-primary-500);

  padding-inline: calc(var(--spacing) * 5);

  padding-block: calc(var(--spacing) * 2.5);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  color: var(--color-primary-500);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(body.savecartpro-customer-cartlist #pagination) button):hover {

    background-color: var(--color-primary-500);
  }
}

@media (hover: hover) {

  :is(:is(body.savecartpro-customer-cartlist #pagination) button):hover {

    color: var(--color-white);
  }
}

[disabled]:is(:is(body.savecartpro-customer-cartlist #pagination) button) {

  pointer-events: none;

  cursor: default;

  opacity: 40%;
}

.btn-prev:is(:is(body.savecartpro-customer-cartlist #pagination) button),.btn-next:is(:is(body.savecartpro-customer-cartlist #pagination) button) {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  color: 0;
}

@media (min-width: 1024px) {

  .btn-prev:is(:is(body.savecartpro-customer-cartlist #pagination) button),.btn-next:is(:is(body.savecartpro-customer-cartlist #pagination) button) {

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

@media (min-width: 1024px) {

  .btn-prev:is(:is(body.savecartpro-customer-cartlist #pagination) button),.btn-next:is(:is(body.savecartpro-customer-cartlist #pagination) button) {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}

.btn-prev:is(:is(body.savecartpro-customer-cartlist #pagination) button):before {

  position: relative;

  display: flex;

  height: calc(var(--spacing) * 3);

  width: calc(var(--spacing) * 3);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('./theme/images/icons/chevron-left-blue.svg');
}

.btn-next:is(:is(body.savecartpro-customer-cartlist #pagination) button):after {

  position: relative;

  display: flex;

  height: calc(var(--spacing) * 3);

  width: calc(var(--spacing) * 3);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('./theme/images/icons/chevron-right-blue.svg');
}

body.customer-account-edit .checkboxes {

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

:is(body.customer-account-edit .actions-toolbar) button {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

:is(:is(body.customer-account-edit .actions-toolbar) button):hover {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

:is(:is(body.customer-account-edit .actions-toolbar) button):focus {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

:is(:is(body.customer-account-edit .actions-toolbar) button):disabled {

  pointer-events: none;

  border-color: var(--color-neutral-400);

  background-color: var(--color-neutral-400);

  color: var(--color-neutral-600);
}

:is(body.customer-account-edit .actions-toolbar) button {

  display: flex;

  height: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-lg);

  padding-inline: calc(var(--spacing) * 5);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

:is(:is(body.customer-account-edit .actions-toolbar) button) svg {

  display: inline-flex;
}

:is(:is(body.customer-account-edit .actions-toolbar) button) span {

  vertical-align: middle;

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(:is(body.customer-account-edit .actions-toolbar) button):focus {

  border-color: transparent;

  --tw-outline-style: none;

  outline-style: none;
}

@media (forced-colors: active) {

  :is(:is(body.customer-account-edit .actions-toolbar) button):focus {

    outline: 2px solid transparent;

    outline-offset: 2px;
  }
}

:is(body.newsletter-manage-index .actions-toolbar) button {

  border-style: var(--tw-border-style);

  border-width: 1px;

  border-color: var(--color-primary-500);

  background-color: var(--color-primary-500);

  color: var(--color-white);
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button):hover {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button):focus {

  border-color: var(--color-primary-700);

  background-color: var(--color-primary-700);
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button):disabled {

  pointer-events: none;

  border-color: var(--color-neutral-400);

  background-color: var(--color-neutral-400);

  color: var(--color-neutral-600);
}

:is(body.newsletter-manage-index .actions-toolbar) button {

  display: flex;

  height: calc(var(--spacing) * 9);

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-lg);

  padding-inline: calc(var(--spacing) * 5);

  font-family: var(--font-titles);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button) svg {

  display: inline-flex;
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button) span {

  vertical-align: middle;

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:is(:is(body.newsletter-manage-index .actions-toolbar) button):focus {

  border-color: transparent;

  --tw-outline-style: none;

  outline-style: none;
}

@media (forced-colors: active) {

  :is(:is(body.newsletter-manage-index .actions-toolbar) button):focus {

    outline: 2px solid transparent;

    outline-offset: 2px;
  }
}

.order-links {

  display: block;

  align-items: center;

  background-color: var(--color-container);
}

.order-links li {

  display: inline-block;

  cursor: pointer;

  padding-inline: calc(var(--spacing) * 4);

  padding-block: calc(var(--spacing) * 2);

  white-space: nowrap;
}

.order-links li.current {

  flex-grow: 1;

  color: var(--color-primary);
}

.order-links li a {

  text-decoration-line: underline;
}

.order-date {

  margin-top: calc(var(--spacing) * 8);

  font-size: var(--text-sm);

  line-height: var(--tw-leading, var(--text-sm--line-height));
}

@media (min-width: 1280px) {

  .order-date {

    font-size: var(--text-xl);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

.order-date .label {

  margin-right: calc(var(--spacing) * 5);

  font-family: var(--font-titles);
}

:is(body.contact-index-index .container):has(.page-title) {

  margin-top: calc(var(--spacing) * 20);

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

@media (min-width: 1280px) {

  :is(body.contact-index-index .container):has(.page-title) {

    margin-top: var(--spacing-110);
  }
}

@media (min-width: 1280px) {

  :is(body.contact-index-index .container):has(.page-title) {

    margin-bottom: calc(var(--spacing) * 10);
  }
}

:is(body.contact-index-index .container):has(.page-title) .page-title {

  max-width: 26.25rem;
}

@media (min-width: 1280px) {

  :is(body.contact-index-index .container):has(.page-title) .page-title {

    margin-left: 15rem;
  }
}

body.contact-index-index #contact {

  width: 100%;

  max-width: 26.25rem;
}

@media (min-width: 1280px) {

  body.contact-index-index #contact {

    margin-left: 15rem;
  }
}

body.checkout-onepage-success #maincontent {

  max-width: 37rem;

  padding-block: var(--spacing-100);
}

@media (min-width: 768px) {

  body.checkout-onepage-success #maincontent {

    margin-inline: auto;
  }
}

body.checkout-onepage-success .page-title {

  font-size: var(--text-h2);

  line-height: var(--tw-leading, var(--text-h2--line-height));
}

@media (min-width: 1280px) {

  body.checkout-onepage-success .page-title {

    font-size: var(--text-h3xl);

    line-height: var(--tw-leading, var(--text-h3xl--line-height));
  }
}

body.cms-noroute-index #maincontent {

  margin-top: 60px;

  padding-bottom: var(--spacing-120);
}

@media (min-width: 1024px) {

  body.cms-noroute-index #maincontent {

    margin-top: 0;
  }
}

@media (min-width: 1024px) {

  body.cms-noroute-index #maincontent {

    padding-top: var(--spacing-120);
  }
}

@media (min-width: 1024px) {

  body.cms-noroute-index #maincontent {

    padding-bottom: var(--spacing-180);
  }
}

:is(body.cms-noroute-index #maincontent) .page-title {

  font-family: var(--font-titles);

  font-size: var(--text-h1);

  line-height: var(--tw-leading, var(--text-h1--line-height));
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index #maincontent) .page-title {

    margin-right: auto;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index #maincontent) .page-title {

    margin-left: 18.75rem;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index #maincontent) .page-title {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index #maincontent) .page-title {

    max-width: 80rem;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index #maincontent) .page-title {

    font-size: var(--text-h1xl);

    line-height: var(--tw-leading, var(--text-h1xl--line-height));
  }
}

body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

  width: 100%;
}

@media (min-width: 640px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1800px;
  }
}

body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    max-width: 1600px;
  }
}

body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

  display: flex;
}

@media (min-width: 1024px) {

  body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .column {

    margin-right: auto;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .column {

    margin-left: 18.75rem;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .column {

    max-width: 80rem;
  }
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .error-message {

  font-family: var(--font-titles);

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .error-message {

    font-size: var(--text-xl);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) h2 {

  padding-bottom: calc(var(--spacing) * 8);

  font-family: var(--font-titles);

  font-size: var(--text-h2);

  line-height: var(--tw-leading, var(--text-h2--line-height));
}

@media (min-width: 1280px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) h2 {

    font-size: var(--text-h2xl);

    line-height: var(--tw-leading, var(--text-h2xl--line-height));
  }
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) dt {

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));

  --tw-leading: var(--leading-normal);

  line-height: var(--leading-normal);

  --tw-font-weight: var(--font-weight-bold);

  font-weight: var(--font-weight-bold);
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) dt {

    font-size: var(--text-2xl);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul {

  margin-block: calc(var(--spacing) * 10);
}

:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li {

  position: relative;

  padding-bottom: calc(var(--spacing) * 3);

  padding-left: calc(var(--spacing) * 8);

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));

  --tw-leading: var(--leading-normal);

  line-height: var(--leading-normal);

  --tw-font-weight: var(--font-weight-light);

  font-weight: var(--font-weight-light);
}

@media (min-width: 1024px) {

  :is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li {

    font-size: var(--text-xl);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

:is(:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li):before {

  position: absolute;

  left: 0;

  margin-right: calc(var(--spacing) * 5);

  display: block;

  width: auto;

  font-size: var(--text-xl);

  line-height: var(--tw-leading, var(--text-xl--line-height));

  color: var(--color-primary-400);

  --tw-content: '•';

  content: var(--tw-content);
}

:is(:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li) br {

  display: none;
}

:is(:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li) a {

  display: inline-flex;

  color: var(--color-primary-400);

  text-decoration-line: underline;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li) a):hover {

    color: var(--color-primary-600);
  }
}

:is(:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) ul) li):last-child a {

  padding-left: calc(var(--spacing) * 3);
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route {

  margin-top: var(--spacing-52);

  display: flex;

  flex-direction: column;

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

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route {

    flex-direction: row;
  }
}

@media (min-width: 1024px) {

  :is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route {

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

:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route) .btn {

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: center;

  font-family: var(--font-titles);

  font-size: var(--text-base);

  line-height: var(--tw-leading, var(--text-base--line-height));
}

@media (min-width: 1024px) {

  :is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route) .btn {

    width: -moz-fit-content;

    width: fit-content;
  }
}

@media (min-width: 1024px) {

  :is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route) .btn {

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

:is(:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .actions-no-route) .btn-secondary {

  display: none;
}

:is(body.cms-noroute-index .aos-content-box,body.cms-noroute-index .columns) .sidebar {

  display: none;
}

.flex-columns-wrapper {

  display: flex;

  flex-direction: column;
}

@media (min-width: 768px) {

  .flex-columns-wrapper {

    flex-direction: row;
  }
}

div[data-content-type="row"]:has(.aos-brand-carousel) {

  position: relative;

  overflow-x: scroll;
}

@media (min-width: 1024px) {

  div[data-content-type="row"]:has(.aos-brand-carousel) {

    overflow-x: hidden;
  }
}

@media (min-width: 1024px) {

  div[data-content-type="row"]:has(.aos-brand-carousel) {

    overflow-y: hidden;
  }
}

div[data-content-type="row"] .aos-brands-btn {

  position: absolute;

  top: calc(var(--spacing) * 4);

  right: 0;

  display: none;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  cursor: pointer;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-100);
}

@media (min-width: 1024px) {

  div[data-content-type="row"] .aos-brands-btn {

    display: flex;
  }
}

:is(div[data-content-type="row"] .aos-brands-btn):before {

  position: absolute;

  top: calc(15px * -1);

  left: calc(5px * -1);

  z-index: -1;

  display: block;

  height: calc(var(--spacing) * 20);

  width: calc(var(--spacing) * 20);

  background-color: var(--color-white);

  --tw-content: '';

  content: var(--tw-content);
}

:is(div[data-content-type="row"] .aos-brands-btn):after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  display: flex;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('./theme/components/images/icons/chevron-right-black.svg');
}

[disabled]:is(div[data-content-type="row"] .aos-brands-btn) {

  pointer-events: none;
}

[disabled]:is(div[data-content-type="row"] .aos-brands-btn):after {

  opacity: 20%;
}

div[data-content-type="row"] .aos-brands-prevbtn {

  position: absolute;

  top: calc(var(--spacing) * 4);

  left: 0;

  display: none;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  cursor: pointer;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-100);
}

@media (min-width: 1024px) {

  div[data-content-type="row"] .aos-brands-prevbtn {

    display: flex;
  }
}

:is(div[data-content-type="row"] .aos-brands-prevbtn):before {

  position: absolute;

  top: calc(15px * -1);

  left: calc(5px * -1);

  z-index: -1;

  display: block;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  background-color: var(--color-white);

  --tw-content: '';

  content: var(--tw-content);
}

:is(div[data-content-type="row"] .aos-brands-prevbtn):after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  display: flex;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('./theme/components/images/icons/chevron-right-black.svg');

  rotate: 180deg;
}

[disabled]:is(div[data-content-type="row"] .aos-brands-prevbtn) {

  pointer-events: none;
}

[disabled]:is(div[data-content-type="row"] .aos-brands-prevbtn):after {

  opacity: 20%;
}

.aos-brand-carousel {

  position: relative;

  margin-bottom: 0 !important;

  display: flex;

  flex-direction: row !important;

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

@media (min-width: 768px) {

  .aos-brand-carousel {

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

@media (min-width: 1024px) {

  .aos-brand-carousel {

    display: grid !important;
  }
}

@media (min-width: 1024px) {

  .aos-brand-carousel {

    max-width: 98%;
  }
}

@media (min-width: 1024px) {

  .aos-brand-carousel {

    gap: 0;
  }
}

@media (min-width: 1024px) {

  .aos-brand-carousel {

    overflow-x: scroll;
  }
}

.aos-brand-carousel {

  scroll-behavior: smooth;

  grid-auto-flow: column;

  grid-auto-columns: minmax(223.2px, auto);

  left: 0;

  transition: .3s;

  -ms-overflow-style: none;

  scrollbar-width: none;
}

.aos-brand-carousel:-webkit-scrollbar {

  display: none;
}

.aos-brand-carousel figure {

  display: flex;

  height: 3.25rem;

  width: calc(1 / 3 * 100%);

  min-width: 100px !important;

  align-items: center;

  justify-content: center;
}

@media (min-width: 1024px) {

  .aos-brand-carousel figure {

    height: 4.5rem;
  }
}

@media (min-width: 1024px) {

  .aos-brand-carousel figure {

    width: 100%;
  }
}

@media (min-width: 1024px) {

  .aos-brand-carousel figure {

    min-width: 0 !important;
  }
}

:is(.aos-brand-carousel figure) img {

  height: 100%;

  max-height: calc(var(--spacing) * 8);

  width: auto;

  opacity: 50%;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (min-width: 1024px) {

  :is(.aos-brand-carousel figure) img {

    max-height: calc(var(--spacing) * 10);
  }
}

:is(.aos-brand-carousel figure) img {

  filter: grayscale(100%) contrast(120%) brightness(90%);
}

:is(:is(.aos-brand-carousel figure) img):hover {

  opacity: 100%;

  filter: none;
}

.aos-brands-carousel .aos-additional-children {

  position: relative;

  margin-bottom: 0 !important;

  display: flex;

  flex-direction: row !important;

  gap: calc(var(--spacing) * 5);

  overflow-x: scroll;
}

@media (min-width: 768px) {

  .aos-brands-carousel .aos-additional-children {

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

@media (min-width: 1024px) {

  .aos-brands-carousel .aos-additional-children {

    display: grid !important;
  }
}

@media (min-width: 1024px) {

  .aos-brands-carousel .aos-additional-children {

    max-width: 98%;
  }
}

@media (min-width: 1024px) {

  .aos-brands-carousel .aos-additional-children {

    gap: 0;
  }
}

.aos-brands-carousel .aos-additional-children {

  scroll-behavior: smooth;

  grid-auto-flow: column;

  grid-auto-columns: minmax(223.2px, auto);

  left: 0;

  transition: .3s;

  -ms-overflow-style: none;

  scrollbar-width: none;
}

:is(.aos-brands-carousel .aos-additional-children):-webkit-scrollbar {

  display: none;
}

:is(.aos-brands-carousel figure) img {

  filter: grayscale(100%) contrast(120%) brightness(90%);
}

:is(:is(.aos-brands-carousel figure) img):hover {

  opacity: 100%;

  filter: none;
}

.aos-brands-carousel .aos-brands-btn {

  position: absolute;

  top: calc(var(--spacing) * 4);

  display: none;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  cursor: pointer;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-100);
}

@media (min-width: 1024px) {

  .aos-brands-carousel .aos-brands-btn {

    display: flex;
  }
}

:is(.aos-brands-carousel .aos-brands-btn):before {

  position: absolute;

  top: calc(15px * -1);

  left: calc(5px * -1);

  z-index: -1;

  display: block;

  height: calc(var(--spacing) * 20);

  width: calc(var(--spacing) * 20);

  background-color: var(--color-white);

  --tw-content: '';

  content: var(--tw-content);
}

:is(.aos-brands-carousel .aos-brands-btn):after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  display: flex;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);
}

[disabled]:is(.aos-brands-carousel .aos-brands-btn) {

  pointer-events: none;
}

[disabled]:is(.aos-brands-carousel .aos-brands-btn):after {

  opacity: 20%;
}

.aos-brands-nextbtn:is(.aos-brands-carousel .aos-brands-btn) {

  right: 0;
}

.aos-brands-nextbtn:is(.aos-brands-carousel .aos-brands-btn):after {

  background-image: url('../images/icons/chevron-right-black.svg');
}

.aos-brands-prevbtn:is(.aos-brands-carousel .aos-brands-btn) {

  left: 0;
}

.aos-brands-prevbtn:is(.aos-brands-carousel .aos-brands-btn):after {

  background-image: url('../images/icons/chevron-left-black.svg');
}

.aos-categories-teaser {

  background-color: var(--color-neutral-100);

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

@media (min-width: 1280px) {

  .aos-categories-teaser {

    padding-block: var(--spacing-52);
  }
}

.aos-categories-teaser .row-full-width-inner {

  width: 100%;
}

@media (min-width: 640px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1800px;
  }
}

.aos-categories-teaser .row-full-width-inner {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  .aos-categories-teaser .row-full-width-inner {

    max-width: 1600px;
  }
}

.aos-categories-teaser .pagebuilder-column-line {

  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

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

@media (min-width: 1024px) {

  .aos-categories-teaser .pagebuilder-column-line {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {

  .aos-categories-teaser .pagebuilder-column-line {

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

:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column {

  position: relative;

  aspect-ratio: 1 / 1;

  width: 100% !important;

  overflow: clip;

  border-radius: var(--radius-2xl);

  background-color: var(--color-white);

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

:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) figure {

  position: relative;

  height: 100%;
}

:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) figure) img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: center;
}

:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"] {

  position: absolute;

  right: 0;

  bottom: calc(var(--spacing) * 4);

  left: 0;

  width: 100%;

  text-align: center;
}

:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"] {

  margin: 0;
}

:is(:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"]) .pagebuilder-button-primary {

  display: flex;

  height: calc(var(--spacing) * 8);

  cursor: pointer;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  background-color: var(--color-primary-500);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {

  :is(:is(:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"]) .pagebuilder-button-primary):hover {

    background-color: var(--color-primary-700);
  }
}

@media (min-width: 1024px) {

  :is(:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"]) .pagebuilder-button-primary {

    height: calc(var(--spacing) * 9);
  }
}

:is(:is(:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"]) .pagebuilder-button-primary) span {

  font-size: var(--text-xs) !important;

  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}

@media (min-width: 1024px) {

  :is(:is(:is(:is(:is(.aos-categories-teaser .pagebuilder-column-line) .pagebuilder-column) div[data-content-type="buttons"]) div[data-content-type="button-item"]) .pagebuilder-button-primary) span {

    font-size: var(--text-sm) !important;

    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
}

:is(:is(.liveview-content .aos-description,.liveview-content .aos-card-description) p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) a {

  text-decoration-line: underline;
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) strong,:is(.liveview-content .aos-description,.liveview-content .aos-card-description) b {

  --tw-font-weight: var(--font-weight-bold);

  font-weight: var(--font-weight-bold);
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) em,:is(.liveview-content .aos-description,.liveview-content .aos-card-description) i {

  font-style: italic;
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) u {

  text-decoration-line: underline;
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) ul,:is(.liveview-content .aos-description,.liveview-content .aos-card-description) ol {

  margin-block: calc(var(--spacing) * 4);

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) ul {

  list-style-type: disc;
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) ol {

  list-style-type: decimal;
}

:is(.liveview-content .aos-description,.liveview-content .aos-card-description) li {

  margin-bottom: var(--spacing);
}

:is(:is(.aos-description,.aos-card-description) p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(.aos-description,.aos-card-description) a {

  text-decoration-line: underline;
}

:is(.aos-description,.aos-card-description) strong,:is(.aos-description,.aos-card-description) b {

  --tw-font-weight: var(--font-weight-bold);

  font-weight: var(--font-weight-bold);
}

:is(.aos-description,.aos-card-description) em,:is(.aos-description,.aos-card-description) i {

  font-style: italic;
}

:is(.aos-description,.aos-card-description) u {

  text-decoration-line: underline;
}

:is(.aos-description,.aos-card-description) ul,:is(.aos-description,.aos-card-description) ol {

  margin-block: calc(var(--spacing) * 4);

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(.aos-description,.aos-card-description) ul {

  list-style-type: disc;
}

:is(.aos-description,.aos-card-description) ol {

  list-style-type: decimal;
}

:is(.aos-description,.aos-card-description) li {

  margin-bottom: var(--spacing);
}

.aos-products-carousel {

  position: relative;

  background-color: var(--color-tertiary-500);

  padding-block: 5.75rem;
}

.aos-products-carousel .row-full-width-inner {

  width: 100%;
}

@media (min-width: 640px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1800px;
  }
}

.aos-products-carousel .row-full-width-inner {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  .aos-products-carousel .row-full-width-inner {

    max-width: 1600px;
  }
}

@media (min-width: 1280px) {

  .aos-products-carousel .row-full-width-inner {

    padding-inline: 6.5rem;
  }
}

:is(.aos-products-carousel .row-full-width-inner) [data-content-type="heading"] {

  margin-bottom: calc(var(--spacing) * 8);

  font-size: var(--text-h2);

  line-height: var(--tw-leading, var(--text-h2--line-height));

  color: var(--color-secondary-500);
}

@media (min-width: 1280px) {

  :is(.aos-products-carousel .row-full-width-inner) [data-content-type="heading"] {

    font-size: var(--text-h2xl);

    line-height: var(--tw-leading, var(--text-h2xl--line-height));
  }
}

:is(:is(.aos-products-carousel .row-full-width-inner) .glider-contain)  > div {

  margin-right: calc(var(--spacing) * -5);
}

:is(.aos-products-carousel .row-full-width-inner) .glider-track {

  -moz-column-gap: calc(var(--spacing) * 5);

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

@media (min-width: 1280px) {

  :is(.aos-products-carousel .row-full-width-inner) .glider-track {

    -moz-column-gap: calc(var(--spacing) * 8);

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

:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item {

  position: relative;

  margin: 0;

  display: flex;

  border-radius: var(--radius-2xl);

  background-color: var(--color-white);

  padding: calc(var(--spacing) * 5);
}

:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .amlabel-position-wrapper {

  position: absolute;

  top: 0;

  z-index: 0;
}

@media (min-width: 1024px) {

  :is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .amlabel-position-wrapper {

    top: calc(var(--spacing) * 2);
  }
}

:is(:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .amlabel-position-wrapper) .amlabel-text {

  margin-bottom: calc(var(--spacing) * 4);

  display: flex;

  height: 1.875rem;

  width: -moz-fit-content;

  width: fit-content;

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-2xl);

  background-color: var(--color-secondary-500);

  padding-inline: calc(var(--spacing) * 3);

  font-family: var(--font-sansbold);

  font-size: 10px;

  --tw-tracking: 0.3px;

  letter-spacing: 0.3px;

  color: var(--color-white);
}

@media (min-width: 1024px) {

  :is(:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .amlabel-position-wrapper) .amlabel-text {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}

:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .product-item-photo {

  margin-inline: 0;
}

:is(:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .product-item-photo) img {

  width: 100%;
}

:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .product-info {

  padding-inline: 0;

  padding-bottom: 0;
}

:is(:is(:is(.aos-products-carousel .row-full-width-inner) .aos-slider-item) .product-info) .addtocart-box {

  row-gap: 0;
}

.aos-products-carousel .carousel-nav {

  position: absolute;

  top: 45%;

  display: none;

  width: 100%;
}

@media (min-width: 768px) {

  .aos-products-carousel .carousel-nav {

    display: flex;
  }
}

:is(.aos-products-carousel .carousel-nav) .nav-buttons {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;
}

:is(:is(.aos-products-carousel .carousel-nav) .nav-buttons) button {

  position: relative;

  display: flex;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  align-items: center;

  justify-content: center;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-600);
}

.glider-prev:is(:is(:is(.aos-products-carousel .carousel-nav) .nav-buttons) button) {

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

.glider-next:is(:is(:is(.aos-products-carousel .carousel-nav) .nav-buttons) button) {

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

:is(:is(:is(.aos-products-carousel .carousel-nav) .nav-buttons) button) svg {

  color: var(--color-white);
}

:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .amlabel-position-wrapper {

  position: absolute;

  top: 0;

  z-index: 0;
}

@media (min-width: 1024px) {

  :is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .amlabel-position-wrapper {

    top: calc(var(--spacing) * 2);
  }
}

:is(:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .amlabel-position-wrapper) .amlabel-text {

  margin-bottom: calc(var(--spacing) * 4);

  display: flex;

  height: 1.875rem;

  width: -moz-fit-content;

  width: fit-content;

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-2xl);

  background-color: var(--color-secondary-500);

  padding-inline: calc(var(--spacing) * 3);

  font-family: var(--font-sansbold);

  font-size: 10px;

  --tw-tracking: 0.3px;

  letter-spacing: 0.3px;

  color: var(--color-white);
}

@media (min-width: 1024px) {

  :is(:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .amlabel-position-wrapper) .amlabel-text {

    font-size: var(--text-sm);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}

:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .product-item-photo {

  margin: 0;

  padding-block: calc(var(--spacing) * 10);
}

:is(:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .product-item-photo) img {

  width: 100%;
}

:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .product-info {

  padding: 0;
}

:is(:is(:is(.aos-products-carousel .aos-products-slider) > .js_slide) .addtocart-box)  > div {

  display: none;
}

.not-prose:has(.aos-product-card) {

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

@media (min-width: 1024px) {

  .not-prose:has(.aos-product-card) {

    padding-block: var(--spacing-56);
  }
}

.aos-slide .main-title,.aos-slide .subtitle {

  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.90);
}

#slider nav[aria-label="slider"] {

  pointer-events: none;

  position: absolute;

  right: 0;

  left: 0;

  z-index: 20;
}

@media (min-width: 640px) {

  #slider nav[aria-label="slider"] {

    max-width: 640px;
  }
}

@media (min-width: 768px) {

  #slider nav[aria-label="slider"] {

    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  #slider nav[aria-label="slider"] {

    max-width: 1024px;
  }
}

@media (min-width: 1025px) {

  #slider nav[aria-label="slider"] {

    max-width: 1025px;
  }
}

@media (min-width: 1280px) {

  #slider nav[aria-label="slider"] {

    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  #slider nav[aria-label="slider"] {

    max-width: 1536px;
  }
}

@media (min-width: 1800px) {

  #slider nav[aria-label="slider"] {

    max-width: 1800px;
  }
}

#slider nav[aria-label="slider"] {

  margin-inline: auto;

  align-self: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 1280px) {

  #slider nav[aria-label="slider"] {

    max-width: calc(var(--spacing) * 312);
  }
}

@media (min-width: 1536px) {

  #slider nav[aria-label="slider"] {

    max-width: calc(var(--spacing) * 360);
  }
}

@media (min-width: 1800px) {

  #slider nav[aria-label="slider"] {

    max-width: 1600px;
  }
}

#slider nav[aria-label="slider"] {

  display: none;

  height: 100%;

  width: 100%;

  justify-content: space-between;
}

@media (min-width: 1024px) {

  #slider nav[aria-label="slider"] {

    display: flex;
  }
}

@media (min-width: 1024px) {

  #slider nav[aria-label="slider"] {

    padding-inline: calc(var(--spacing) * 20);
  }
}

@media (min-width: 1280px) {

  #slider nav[aria-label="slider"] {

    padding-inline: 6.5rem;
  }
}

:is(#slider nav[aria-label="slider"]) button {

  pointer-events: auto;

  display: flex;

  height: calc(var(--spacing) * 10);

  width: calc(var(--spacing) * 10);

  align-items: center;

  justify-content: center;

  border-radius: calc(infinity * 1px);

  background-color: var(--color-tertiary-600);

  padding: 0;

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

@media (hover: hover) {

  :is(:is(#slider nav[aria-label="slider"]) button):hover {

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

:is(:is(#slider nav[aria-label="slider"]) button):before {

  display: block;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);
}

:is(:is(#slider nav[aria-label="slider"]) button) svg {

  display: none;
}

[data-prev]:is(:is(#slider nav[aria-label="slider"]) button) {

  left: calc(var(--spacing) * 5);
}

[data-prev]:is(:is(#slider nav[aria-label="slider"]) button):before {

  background-image: url('./theme/components/images/icons/chevron-left-white.svg');
}

[data-next]:is(:is(#slider nav[aria-label="slider"]) button) {

  right: calc(var(--spacing) * 5);
}

[data-next]:is(:is(#slider nav[aria-label="slider"]) button):before {

  background-image: url('./theme/components/images/icons/chevron-right-white.svg');
}

#slider nav[data-pager] {

  bottom: 4.75rem;

  z-index: 10;

  margin-top: calc(var(--spacing) * 2);

  display: flex;

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

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    right: 0;
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    bottom: 6rem;
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    left: 0;
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    width: 100%;
  }

  @media (min-width: 640px) {

    #slider nav[data-pager] {

      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    #slider nav[data-pager] {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    #slider nav[data-pager] {

      max-width: 1024px;
    }
  }

  @media (min-width: 1025px) {

    #slider nav[data-pager] {

      max-width: 1025px;
    }
  }

  @media (min-width: 1280px) {

    #slider nav[data-pager] {

      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {

    #slider nav[data-pager] {

      max-width: 1536px;
    }
  }

  @media (min-width: 1800px) {

    #slider nav[data-pager] {

      max-width: 1800px;
    }
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    margin-inline: auto;

    align-self: center;

    padding-inline: calc(var(--spacing) * 5);
  }

  @media (min-width: 1280px) {

    #slider nav[data-pager] {

      max-width: calc(var(--spacing) * 312);
    }
  }

  @media (min-width: 1536px) {

    #slider nav[data-pager] {

      max-width: calc(var(--spacing) * 360);
    }
  }

  @media (min-width: 1800px) {

    #slider nav[data-pager] {

      max-width: 1600px;
    }
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    margin-inline: auto;
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {

  #slider nav[data-pager] {

    padding-inline: calc(var(--spacing) * 20);
  }
}

@media (min-width: 1280px) {

  #slider nav[data-pager] {

    padding-inline: 6.5rem;
  }
}

:is(#slider nav[data-pager]) button {

  margin: 0;

  height: calc(var(--spacing) * 3);

  width: calc(var(--spacing) * 3);

  background-color: var(--color-white);

  opacity: 100%;

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

[aria-current="true"]:is(:is(#slider nav[data-pager]) button) {

  position: relative;

  width: calc(var(--spacing) * 12);

  background-color: var(--color-primary-500);

  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) p {

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

:is(:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) p):last-child {

  margin-bottom: 0;
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) a {

  text-decoration-line: underline;
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) ul,:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) ol {

  margin-block: calc(var(--spacing) * 4);

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) ul {

  list-style-type: disc;
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) ol {

  list-style-type: decimal;
}

:is(:is(.aos-advantages-grid .aos-advantage-card) .aos-card-description) li {

  margin-bottom: var(--spacing);
}

:is(.aos-team-card .email-button):before {

  position: absolute;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  background-image: url('../images/icons/AOS-email-teams.svg');
}

.liveview-content .aos-simple-text {

  margin-block: calc(var(--spacing) * 10);
}

@media (min-width: 1024px) {

  .liveview-content .aos-simple-text {

    margin-block: calc(var(--spacing) * 20);
  }
}

:is(.liveview-content .aos-simple-text) h1 {

  font-size: var(--text-h1) !important;

  line-height: var(--tw-leading, var(--text-h1--line-height)) !important;
}

@media (min-width: 1280px) {

  :is(.liveview-content .aos-simple-text) h1 {

    font-size: var(--text-h1xl) !important;

    line-height: var(--tw-leading, var(--text-h1xl--line-height)) !important;
  }
}

:is(.liveview-content .aos-simple-text) h2 {

  font-size: var(--text-h2) !important;

  line-height: var(--tw-leading, var(--text-h2--line-height)) !important;
}

@media (min-width: 1280px) {

  :is(.liveview-content .aos-simple-text) h2 {

    font-size: var(--text-h2xl) !important;

    line-height: var(--tw-leading, var(--text-h2xl--line-height)) !important;
  }
}

:is(.liveview-content .aos-simple-text) h3 {

  font-size: var(--text-h3) !important;

  line-height: var(--tw-leading, var(--text-h3--line-height)) !important;
}

@media (min-width: 1280px) {

  :is(.liveview-content .aos-simple-text) h3 {

    font-size: var(--text-h3xl) !important;

    line-height: var(--tw-leading, var(--text-h3xl--line-height)) !important;
  }
}

:is(.liveview-content .aos-simple-text) h4 {

  font-size: var(--text-h4) !important;

  line-height: var(--tw-leading, var(--text-h4--line-height)) !important;

  letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing)) !important;
}

:is(.liveview-content .aos-simple-text) h5 {

  font-size: var(--text-h5) !important;

  line-height: var(--tw-leading, var(--text-h5--line-height)) !important;

  letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing)) !important;
}

:is(.liveview-content .aos-simple-text) h6 {

  font-size: var(--text-h6) !important;

  line-height: var(--tw-leading, var(--text-h6--line-height)) !important;
}

:is(:is(:is(.liveview-content .aos-simple-text) .aos-description) p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(:is(:is(.liveview-content .aos-simple-text) .aos-description) p) a {

  text-decoration-line: underline;
}

:is(:is(.liveview-content .aos-simple-text) .aos-description) h1,:is(:is(.liveview-content .aos-simple-text) .aos-description) h2,:is(:is(.liveview-content .aos-simple-text) .aos-description) h3 {

  padding-bottom: calc(var(--spacing) * 6) !important;
}

:is(:is(.liveview-content .aos-simple-text) .aos-description) ul,:is(:is(.liveview-content .aos-simple-text) .aos-description) ol {

  margin-block: calc(var(--spacing) * 4);

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(:is(.liveview-content .aos-simple-text) .aos-description) ul {

  list-style-type: disc;
}

:is(:is(.liveview-content .aos-simple-text) .aos-description) ol {

  list-style-type: decimal;
}

:is(:is(.liveview-content .aos-simple-text) .aos-description) li {

  margin-bottom: var(--spacing);
}

:is(:is(.liveview-content .aos-simple-text) .aos-additional-children) > * {

  max-width: none !important;
}

:is(:is(.liveview-content .aos-simple-text) .aos-additional-children):empty {

  margin-top: 0;
}

.aos-small-container:is(.liveview-content .aos-simple-text) {

  max-width: 60rem;
}

:is(.aos-simple-text .aos-description p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(:is(:is(.liveview-content .aos-image-text-row) .aos-description) p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(:is(:is(.liveview-content .aos-image-text-row) .aos-description) p) a {

  text-decoration-line: underline;
}

:is(:is(:is(.liveview-content .aos-image-text-row) .aos-description) p) + p {

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

:is(:is(.liveview-content .aos-image-text-row) .aos-description) ul,:is(:is(.liveview-content .aos-image-text-row) .aos-description) ol {

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(:is(.liveview-content .aos-image-text-row) .aos-description) ul {

  list-style-type: disc;
}

:is(:is(.liveview-content .aos-image-text-row) .aos-description) ol {

  list-style-type: decimal;
}

:is(:is(.aos-image-text-row .aos-description) p):empty {

  min-height: calc(var(--spacing) * 3);
}

:is(:is(.aos-image-text-row .aos-description) p) a {

  text-decoration-line: underline;
}

:is(:is(.aos-image-text-row .aos-description) p) + p {

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

:is(.aos-image-text-row .aos-description) ul,:is(.aos-image-text-row .aos-description) ol {

  display: flex;

  flex-direction: column;

  gap: calc(var(--spacing) * 2);

  padding-left: calc(var(--spacing) * 5);
}

:is(.aos-image-text-row .aos-description) ul {

  list-style-type: disc;
}

:is(.aos-image-text-row .aos-description) ol {

  list-style-type: decimal;
}

.aos-accordion .mgz-container {

  display: flex;

  justify-content: center;

  padding-inline: calc(var(--spacing) * 5);
}

@media (min-width: 768px) {

  .aos-accordion .mgz-container {

    margin-inline: auto;

    width: 100%;

    max-width: var(--container-5xl);

    padding-inline: calc(var(--spacing) * 5);
  }

  @media (min-width: 1280px) {

    .aos-accordion .mgz-container {

      max-width: calc(var(--spacing) * 304);
    }
  }

  @media (min-width: 1800px) {

    .aos-accordion .mgz-container {

      max-width: 1600px;
    }
  }
}

:is(.aos-accordion .mgz-container) .mgz-element-inner {

  padding: 0;
}

:is(.aos-accordion .mgz-container) .mgz-element-column {

  margin-inline: auto;

  width: 100%;

  max-width: 80rem;
}

:is(.aos-accordion .mgz-element-heading) .mgz-element-heading-text {

  margin-bottom: 4.2rem;

  font-size: 3rem;

  --tw-leading: var(--leading-normal);

  line-height: var(--leading-normal);
}

@media (min-width: 1024px) {

  :is(.aos-accordion .mgz-element-heading) .mgz-element-heading-text {

    font-size: 4rem;
  }
}

:is(.aos-accordion .mgz-element-accordion) .mgz-panel {

  margin-bottom: 0 !important;

  border-bottom-style: var(--tw-border-style) !important;

  border-bottom-width: 1px !important;
}

.mgz-panel-first:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) {

  border-top-style: var(--tw-border-style);

  border-top-width: 1px;
}

:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-heading {

  border-style: var(--tw-border-style);

  border-width: 0px;
}

:is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-heading) .mgz-panel-heading-title {

  font-size: var(--text-lg);

  line-height: var(--tw-leading, var(--text-lg--line-height));
}

@media (min-width: 1024px) {

  :is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-heading) .mgz-panel-heading-title {

    font-size: var(--text-lg);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

:is(:is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-heading) .mgz-panel-heading-title) a {

  background-color: transparent !important;

  padding-block: calc(var(--spacing) * 4) !important;

  padding-right: 3.2rem !important;

  padding-left: 0 !important;
}

:is(:is(:is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-heading) .mgz-panel-heading-title) a) i {

  right: 0;
}

:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-body {

  border-style: var(--tw-border-style) !important;

  border-width: 0px !important;
}

:is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-body) .mgz-panel-body-inner {

  padding: 0;

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

:is(:is(:is(:is(.aos-accordion .mgz-element-accordion) .mgz-panel) .mgz-panel-body) .mgz-panel-body-inner) .mgz-container {

  padding: 0;
}

div[data-liveview-element="accordion_list"] {

  width: 100%;

  background-color: var(--color-white);

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

@media (min-width: 1024px) {

  div[data-liveview-element="accordion_list"] {

    padding-inline: calc(var(--spacing) * 5);
  }
}

div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"] {

  border-color: var(--color-neutral-800);
}

:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]):first-child {

  border-top-style: var(--tw-border-style);

  border-top-width: 1px;
}

:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]):last-child {

  border-bottom-style: var(--tw-border-style);

  border-bottom-width: 1px;
}

:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary {

  position: relative;
}

:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary):after {

  position: relative;

  display: flex;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  --tw-content: '';

  content: var(--tw-content);

  position: absolute;

  right: 0;

  height: calc(var(--spacing) * 6);

  width: calc(var(--spacing) * 6);

  transition-property: all;

  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

  transition-duration: var(--tw-duration, var(--default-transition-duration));

  background-image: url('./theme/components/images/icons/chevron-down-black.svg');
}

:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) > span {

  color: var(--color-neutral-800);
}

:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) svg {

  display: none;
}

:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div {

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

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) > * {

  color: #393939;
}

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) p a {

  color: var(--color-blue-600);

  text-decoration-line: underline;
}

@media (hover: hover) {

  :is(:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) p a):hover {

    color: var(--color-blue-800);
  }
}

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) p:empty {

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

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) ul {

  margin-block: calc(var(--spacing) * 4);

  list-style-type: disc;

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

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) ol {

  margin-block: calc(var(--spacing) * 4);

  list-style-type: decimal;

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

:is(:is(:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary) + div) li {

  margin-bottom: var(--spacing);
}

:is([open=""]:is(div[data-liveview-element="accordion_list"] details[data-liveview-element="accordion_item"]) summary):after {

  rotate: 180deg;
}

.aos-teaser-container .aos-richtext p {

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

:is(.aos-teaser-container .aos-richtext) ul {

  margin-left: 0;

  list-style-type: none;
}

:where(:is(:is(.aos-teaser-container .aos-richtext) ul) > :not(:last-child)) {

  --tw-space-y-reverse: 0;

  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

:is(.aos-teaser-container .aos-richtext) ul {

  padding-left: 0 !important;
}

:is(.aos-teaser-container .aos-richtext) li {

  position: relative;

  padding-left: calc(var(--spacing) * 9);

  --tw-leading: var(--leading-relaxed);

  line-height: var(--leading-relaxed);
}

:is(:is(.aos-teaser-container .aos-richtext) li)::before {

  content: "•";

  position: absolute;

  left: 0;

  top: 0.25rem;

  width: 1.25rem;

  height: 1.25rem;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #002350;
}

.aos-teaser-container.bg-tertiary-500 .aos-richtext li::before {

  color: var(--color-white);
}

.aos-teaser-container .aos-richtext--checks ul {

  margin-left: 0;

  list-style-type: none;
}

:where(:is(.aos-teaser-container .aos-richtext--checks ul) > :not(:last-child)) {

  --tw-space-y-reverse: 0;

  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.aos-teaser-container .aos-richtext--checks ul {

  padding-left: 0 !important;
}

.aos-teaser-container .aos-richtext--checks li {

  position: relative;

  padding-left: calc(var(--spacing) * 9);

  --tw-leading: var(--leading-relaxed);

  line-height: var(--leading-relaxed);
}

:is(.aos-teaser-container .aos-richtext--checks li)::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0.25rem;

  width: 1.25rem;

  height: 1.25rem;

  background-image: url('../images/icons/AOS-tick.svg');

  background-repeat: no-repeat;

  background-size: contain;
}

.aos-teaser-container.bg-tertiary-500 .aos-richtext--checks li::before {

  background-image: url('../images/icons/AOS-tick-white.svg') !important;
}

@layer base {

  [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;
  }

  :is([type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select):focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    border-color: rgb(21, 93, 252);
  }

  input::-moz-placeholder, textarea::-moz-placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  input::placeholder,textarea::placeholder {

    color: rgb(106, 114, 130);

    opacity: 1;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  ::-webkit-date-and-time-value {

    min-height: 1.5em;
  }

  ::-webkit-date-and-time-value {

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {

    padding-top: 0;

    padding-bottom: 0;
  }

  select {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

    background-position: right 0.5rem center;

    background-repeat: no-repeat;

    background-size: 1.5em 1.5em;

    padding-right: 2.5rem;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;
  }

  [multiple],[size]:where(select:not([size="1"])) {

    background-image: initial;

    background-position: initial;

    background-repeat: unset;

    background-size: initial;

    padding-right: 0.75rem;

    -webkit-print-color-adjust: unset;

            print-color-adjust: unset;
  }

  [type='checkbox'],[type='radio'] {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    padding: 0;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: rgb(21, 93, 252);

    background-color: #fff;

    border-color: rgb(106, 114, 130);

    border-width: 1px;

    --tw-shadow: 0 0 #0000;
  }

  [type='checkbox'] {

    border-radius: 0px;
  }

  [type='radio'] {

    border-radius: 100%;
  }

  [type='checkbox']:focus,[type='radio']:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-width: 2px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(21, 93, 252);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  [type='checkbox']:checked,[type='radio']:checked {

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
  }

  [type='checkbox']:checked {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {

    [type='checkbox']:checked {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  [type='radio']:checked {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {

    [type='radio']:checked {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {

    border-color: transparent;

    background-color: currentColor;
  }

  [type='checkbox']:indeterminate {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;
  }

  @media (forced-colors: active) {

    [type='checkbox']:indeterminate {

      -webkit-appearance: auto;

         -moz-appearance: auto;

              appearance: auto;
    }
  }

  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {

    border-color: transparent;

    background-color: currentColor;
  }

  [type='file'] {

    background: unset;

    border-color: inherit;

    border-width: 0;

    border-radius: 0;

    padding: 0;

    font-size: unset;

    line-height: inherit;
  }

  [type='file']:focus {

    outline: 1px solid ButtonText;

    outline: 1px auto -webkit-focus-ring-color;
  }
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-tracking {

  syntax: "*";

  inherits: false;
}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;
}

@property --tw-scroll-snap-strictness {

  syntax: "*";

  inherits: false;

  initial-value: proximity;
}

@property --tw-space-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-space-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-divide-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-gradient-position {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-via {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-to {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-via-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 0%;
}

@property --tw-gradient-via-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 50%;
}

@property --tw-gradient-to-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-mask-linear {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-radial {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-conic {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-left {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-bottom {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-top {

  syntax: "*";

  inherits: false;

  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right-from-position {

  syntax: "*";

  inherits: false;

  initial-value: 0%;
}

@property --tw-mask-right-to-position {

  syntax: "*";

  inherits: false;

  initial-value: 100%;
}

@property --tw-mask-right-from-color {

  syntax: "*";

  inherits: false;

  initial-value: black;
}

@property --tw-mask-right-to-color {

  syntax: "*";

  inherits: false;

  initial-value: transparent;
}

@property --tw-mask-left-from-position {

  syntax: "*";

  inherits: false;

  initial-value: 0%;
}

@property --tw-mask-left-to-position {

  syntax: "*";

  inherits: false;

  initial-value: 100%;
}

@property --tw-mask-left-from-color {

  syntax: "*";

  inherits: false;

  initial-value: black;
}

@property --tw-mask-left-to-color {

  syntax: "*";

  inherits: false;

  initial-value: transparent;
}

@property --tw-mask-bottom-from-position {

  syntax: "*";

  inherits: false;

  initial-value: 0%;
}

@property --tw-mask-bottom-to-position {

  syntax: "*";

  inherits: false;

  initial-value: 100%;
}

@property --tw-mask-bottom-from-color {

  syntax: "*";

  inherits: false;

  initial-value: black;
}

@property --tw-mask-bottom-to-color {

  syntax: "*";

  inherits: false;

  initial-value: transparent;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-ordinal {

  syntax: "*";

  inherits: false;
}

@property --tw-slashed-zero {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-figure {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-spacing {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-fraction {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

@property --tw-content {

  syntax: "*";

  initial-value: "";

  inherits: false;
}

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@keyframes ping {

  75%, 100% {

    transform: scale(2);

    opacity: 0;
  }
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@keyframes bounce {

  0%, 100% {

    transform: translateY(-25%);

    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {

    transform: none;

    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-border-style: solid;

      --tw-tracking: initial;

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-scroll-snap-strictness: proximity;

      --tw-space-y-reverse: 0;

      --tw-space-x-reverse: 0;

      --tw-divide-y-reverse: 0;

      --tw-gradient-position: initial;

      --tw-gradient-from: #0000;

      --tw-gradient-via: #0000;

      --tw-gradient-to: #0000;

      --tw-gradient-stops: initial;

      --tw-gradient-via-stops: initial;

      --tw-gradient-from-position: 0%;

      --tw-gradient-via-position: 50%;

      --tw-gradient-to-position: 100%;

      --tw-mask-linear: linear-gradient(#fff, #fff);

      --tw-mask-radial: linear-gradient(#fff, #fff);

      --tw-mask-conic: linear-gradient(#fff, #fff);

      --tw-mask-left: linear-gradient(#fff, #fff);

      --tw-mask-right: linear-gradient(#fff, #fff);

      --tw-mask-bottom: linear-gradient(#fff, #fff);

      --tw-mask-top: linear-gradient(#fff, #fff);

      --tw-mask-right-from-position: 0%;

      --tw-mask-right-to-position: 100%;

      --tw-mask-right-from-color: black;

      --tw-mask-right-to-color: transparent;

      --tw-mask-left-from-position: 0%;

      --tw-mask-left-to-position: 100%;

      --tw-mask-left-from-color: black;

      --tw-mask-left-to-color: transparent;

      --tw-mask-bottom-from-position: 0%;

      --tw-mask-bottom-to-position: 100%;

      --tw-mask-bottom-from-color: black;

      --tw-mask-bottom-to-color: transparent;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-ordinal: initial;

      --tw-slashed-zero: initial;

      --tw-numeric-figure: initial;

      --tw-numeric-spacing: initial;

      --tw-numeric-fraction: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-outline-style: solid;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-backdrop-blur: initial;

      --tw-backdrop-brightness: initial;

      --tw-backdrop-contrast: initial;

      --tw-backdrop-grayscale: initial;

      --tw-backdrop-hue-rotate: initial;

      --tw-backdrop-invert: initial;

      --tw-backdrop-opacity: initial;

      --tw-backdrop-saturate: initial;

      --tw-backdrop-sepia: initial;

      --tw-duration: initial;

      --tw-ease: initial;

      --tw-content: "";
    }
  }
}