/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --logo-w: 125px;
      --header-height: 60px;
      --padding-px: 16px;
      --heading-font: "sofia-pro-soft";
      --primary: #190e5c;
      --primary-medium: #567ed6;
      --primary-light: #98b0e4;
      --primary-extra-light: #f4f8ff;
      --secondary: #ffcfbb;
      --secondary-light: #fff4eb;
      --secondary-extra-light: #fff4eb;
      --tertiary: #a50064;
      --tertiary-light: #ffedf5;
      --quaternary: #fff;
      --quaternary-light: #fff;
      --error: #c7187c;
      --button-primary-text-color: #fff;
      --button-primary-icon-color: #fff;
      --button-primary-background-color: #190e5c;
      --button-primary-border-color: #190e5c;
      --button-primary-text-color-hover: #190e5c;
      --button-primary-icon-color-hover: #190e5c;
      --button-primary-background-color-hover: #fff;
      --button-primary-border-color-hover: #190e5c;
      --button-primary-text-color-active: #fff;
      --button-primary-icon-color-active: #fff;
      --button-primary-background-color-active: #567ed6;
      --button-primary-border-color-active: #567ed6;
      --button-secondary-text-color: #fff;
      --button-secondary-icon-color: #fff;
      --button-secondary-background-color: #190e5c;
      --button-secondary-border-color: #190e5c;
      --button-secondary-text-color-hover: #190e5c;
      --button-secondary-icon-color-hover: #190e5c;
      --button-secondary-background-color-hover: #fff;
      --button-secondary-border-color-hover: #190e5c;
      --button-secondary-text-color-active: #fff;
      --button-secondary-icon-color-active: #fff;
      --button-secondary-background-color-active: #567ed6;
      --button-secondary-border-color-active: #567ed6;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-duration: initial;
      --tw-ease: initial;
      --divider-left: 0px;
      --translate-x: 0px;
      --translate-y: 0px;
      --tw-tracking: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

#pageloader {
  z-index: 1000;
  background: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

#pageloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

:is(#content, #header-notification-container):not(.show) {
  display: none;
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 912px;
    --breakpoint-xl: 1024px;
    --container-sm: 24rem;
    --container-3xl: 48rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --radius-sm: .25rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--base-font-family);
    --default-mono-font-family: var(--font-mono);
    --color-primary: var(--primary);
    --color-primary-light: var(--primary-light);
    --color-primary-extra-light: var(--primary-extra-light);
    --color-primary-medium: var(--primary-medium);
    --color-secondary: var(--secondary);
    --color-tertiary: var(--tertiary);
    --color-beige: var(--beige);
    --color-error: var(--error);
    --color-star: var(--star);
    --color-white: #fff;
    --color-grey-400: #ddd;
    --color-grey-600: #505154;
    --color-grey-700: #333;
    --color-required: #ff6984;
    --container-max-width: 1440px;
    --gap: .5rem;
    --gap-md: 1.5rem;
    --gap-2xl: 2.5rem;
    --padding-xs: 16px;
    --padding-sm: 20px;
    --padding-md: 28px;
    --padding-lg: 48px;
    --padding-xl: 80px;
    --padding-2xl: 100px;
    --padding-3xl: 120px;
    --breakpoint-xs: 375px;
    --font-sofia: "sofia-pro-soft", var(--default-font-family);
    --text-h1: 7rem;
    --text-h1--line-height: calc(108 / 112);
    --text-h1--letter-spacing: -.03em;
    --text-h1--font-weight: var(--h1-font-weight);
    --text-h1-desktop-sm: 5rem;
    --text-h1-desktop-sm--line-height: calc(108 / 112);
    --text-h1-desktop-sm--letter-spacing: -.03em;
    --text-h1-desktop-sm--font-weight: var(--h1-font-weight);
    --text-h1-tablet: 4rem;
    --text-h1-tablet--line-height: calc(108 / 112);
    --text-h1-tablet--letter-spacing: -.03em;
    --text-h1-tablet--font-weight: var(--h1-font-weight);
    --text-h1-mobile: 2.25rem;
    --text-h1-mobile--line-height: calc(44 / 36);
    --text-h1-mobile--letter-spacing: -.03em;
    --text-h1-mobile--font-weight: var(--h1-font-weight);
    --text-h2: 3.75rem;
    --text-h2--line-height: calc(64 / 60);
    --text-h2--font-weight: var(--h2-font-weight);
    --text-h2-tablet: 3rem;
    --text-h2-tablet--line-height: calc(64 / 60);
    --text-h2-tablet--font-weight: var(--h2-font-weight);
    --text-h2-mobile: 1.625rem;
    --text-h2-mobile--line-height: calc(32 / 26);
    --text-h2-mobile--font-weight: var(--h2-font-weight);
    --text-h3: 2.25rem;
    --text-h3--line-height: calc(44 / 36);
    --text-h3--letter-spacing: -.02em;
    --text-h3--font-weight: var(--h3-font-weight);
    --text-h3-mobile: 1.4375rem;
    --text-h3-mobile--line-height: calc(28 / 23);
    --text-h3-mobile--letter-spacing: -.02em;
    --text-h3-mobile--font-weight: var(--h3-font-weight);
    --text-h4: 1.75rem;
    --text-h4--line-height: calc(36 / 28);
    --text-h4--letter-spacing: .1em;
    --text-h4--font-weight: var(--h4-font-weight);
    --text-h4-mobile: 1.375rem;
    --text-h4-mobile--line-height: calc(26 / 22);
    --text-h4-mobile--letter-spacing: .1em;
    --text-h4-mobile--font-weight: var(--h4-font-weight);
    --text-h5: 1.5rem;
    --text-h5--line-height: calc(28 / 24);
    --text-h5--font-weight: var(--h5-font-weight);
    --text-h5-mobile: 1.125rem;
    --text-h5-mobile--line-height: calc(24 / 18);
    --text-h5-mobile--font-weight: var(--h5-font-weight);
    --text-h6: 1.125rem;
    --text-h6--line-height: calc(24 / 18);
    --text-h6--letter-spacing: .15em;
    --text-h6--font-weight: var(--h6-font-weight);
    --text-h6-mobile: .875rem;
    --text-h6-mobile--line-height: calc(18 / 14);
    --text-h6-mobile--letter-spacing: .15em;
    --text-h6-mobile--font-weight: var(--h6-font-weight);
    --text-h7: 1.25rem;
    --text-h7--line-height: calc(28 / 20);
    --text-h7--font-weight: var(--h7-font-weight);
    --text-h7-mobile: .9375rem;
    --text-h7-mobile--line-height: calc(18 / 15);
    --text-h7-mobile--font-weight: var(--h7-font-weight);
    --text-body-xs: .75rem;
    --text-body-xs--line-height: 1;
    --text-body-xs--letter-spacing: .05em;
    --text-body-sm: .875rem;
    --text-body-sm--line-height: calc(20 / 14);
    --text-body-base: 1rem;
    --text-body-base--line-height: calc(24 / 16);
    --text-body-base--font-weight: var(--base-font-weight);
    --text-body-lg: 1.125rem;
    --text-body-lg--line-height: calc(32 / 18);
    --text-body-lg--letter-spacing: .02em;
    --text-body-xl: 1.5rem;
    --text-body-xl--line-height: calc(32 / 24);
  }
}

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

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

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

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

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

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

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

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::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 {
    padding-block: 0;
  }

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

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

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

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

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

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

  html, body {
    overflow-x: clip;
  }

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

  a {
    text-decoration-line: underline;
  }

  a:hover, a:focus {
    color: currentColor;
    text-decoration-line: none;
  }

  button {
    cursor: pointer;
  }

  p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
  }

  body {
    font-size: var(--text-body-base);
    line-height: var(--tw-leading, var(--text-body-base--line-height));
    font-weight: var(--tw-font-weight, var(--text-body-base--font-weight));
    color: var(--color-grey-600);
  }

  h1, .h1 {
    font-size: var(--text-h1-mobile);
    line-height: var(--tw-leading, var(--text-h1-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h1-mobile--font-weight));
    color: var(--text-color-title);
  }

  :is(h1, .h1):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 10);
  }

  @media (min-width: 768px) {
    h1, .h1 {
      font-size: var(--text-h1-tablet);
      line-height: var(--tw-leading, var(--text-h1-tablet--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1-tablet--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1-tablet--font-weight));
    }
  }

  @media (min-width: 1280px) {
    h1, .h1 {
      font-size: var(--text-h1-desktop-sm);
      line-height: var(--tw-leading, var(--text-h1-desktop-sm--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1-desktop-sm--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1-desktop-sm--font-weight));
    }
  }

  @media (min-width: 1600px) {
    h1, .h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
    }
  }

  h2, .h2 {
    font-size: var(--text-h2-mobile);
    line-height: var(--tw-leading, var(--text-h2-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h2-mobile--font-weight));
    color: var(--text-color-title);
  }

  :is(h2, .h2):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    h2, .h2 {
      font-size: var(--text-h2-tablet);
      line-height: var(--tw-leading, var(--text-h2-tablet--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2-tablet--font-weight));
    }
  }

  @media (min-width: 1600px) {
    h2, .h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
    }
  }

  h3, .h3 {
    font-size: var(--text-h3-mobile);
    line-height: var(--tw-leading, var(--text-h3-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight));
    color: var(--text-color-title);
  }

  :is(h3, .h3):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    h3, .h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
    }
  }

  h4, .h4 {
    font-size: var(--text-h4-mobile);
    line-height: var(--tw-leading, var(--text-h4-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h4-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h4-mobile--font-weight));
    color: var(--text-color-title);
  }

  :is(h4, .h4):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    h4, .h4 {
      font-size: var(--text-h4);
      line-height: var(--tw-leading, var(--text-h4--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
    }
  }

  h5, .h5 {
    font-size: var(--text-h5-mobile);
    line-height: var(--tw-leading, var(--text-h5-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5-mobile--font-weight));
    color: var(--text-color-title);
  }

  :is(h5, .h5):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    h5, .h5 {
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
    }
  }

  h6, .h6 {
    font-size: var(--text-h6-mobile);
    line-height: var(--tw-leading, var(--text-h6-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h6-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h6-mobile--font-weight));
    color: var(--text-color-title);
    text-transform: uppercase;
  }

  :is(h6, .h6):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    h6, .h6 {
      font-size: var(--text-h6);
      line-height: var(--tw-leading, var(--text-h6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
    }
  }

  .h7 {
    font-size: var(--text-h7-mobile);
    line-height: var(--tw-leading, var(--text-h7-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h7-mobile--font-weight));
    color: var(--text-color-title);
    text-transform: none;
  }

  .h7:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  @media (min-width: 768px) {
    .h7 {
      font-size: var(--text-h7);
      line-height: var(--tw-leading, var(--text-h7--line-height));
      font-weight: var(--tw-font-weight, var(--text-h7--font-weight));
    }
  }

  p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }
}

@layer components {
  .plus-sign {
    width: 5px;
    height: 1px;
    transition: width .25s ease-in-out;
    position: relative;
  }

  .plus-sign span {
    background-color: currentColor;
    width: 100%;
    height: 1px;
    transition: width .25s ease-in-out, transform .25s ease-in-out;
    display: block;
    position: absolute;
  }

  .plus-sign span:nth-child(2) {
    transform: rotate(90deg);
  }

  .expandable.animation-open .plus-sign {
    width: 7px;
  }

  .expandable.animation-open .plus-sign span:first-child {
    transform: rotate(180deg);
  }

  .expandable.animation-open .plus-sign span:nth-child(2) {
    transform: rotate(-180deg);
  }

  .expandable.expanded .plus-sign {
    width: 7px;
  }

  .expandable.expanded .plus-sign span:first-child {
    transform: rotate(180deg);
  }

  .expandable.expanded .plus-sign span:nth-child(2) {
    transform: rotate(-180deg);
  }

  .expandable.animation-close .plus-sign {
    width: 5px;
  }

  .expandable.animation-close .plus-sign span:first-child {
    transform: rotate(0);
  }

  .expandable.animation-close .plus-sign span:nth-child(2) {
    transform: rotate(90deg);
  }

  .checkbox-input input:checked + .checkbox-holder svg path {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .15s .1s;
  }

  .checkbox-holder svg path {
    stroke: currentColor;
    stroke-dasharray: 20;
    stroke-dashoffset: 20px;
    transition: stroke-dashoffset .15s;
  }

  a {
    color: var(--text-color-link);
  }

  .floater {
    min-height: calc(var(--spacing) * 15);
    width: calc(var(--spacing) * 15);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    --tw-leading: 1;
    color: var(--color-white);
    flex-direction: column;
    line-height: 1;
    text-decoration-line: none;
    display: flex;
  }

  @media (min-width: 576px) {
    .floater {
      height: calc(var(--spacing) * 18);
      width: calc(var(--spacing) * 18);
    }
  }

  @media (min-width: 1024px) {
    .floater {
      min-height: calc(var(--spacing) * 27);
      width: calc(var(--spacing) * 27);
    }
  }

  .floater img {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    object-fit: contain;
  }

  .background {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: calc(2 * -1);
    position: absolute;
    margin: calc(var(--spacing) * 0) !important;
  }

  :is(.background *) {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .background:has(.bg_video) .bg_image {
    z-index: calc(1 * -1);
    position: absolute;
  }

  .banner {
    --row-2: 0px;
    min-height: max(95svh, 680px);
    position: relative;
  }

  .banner:has(.media-image) {
    --row-2: 130px;
  }

  @media (min-width: 768px) {
    .banner:has(.media-image) {
      --row-2: 32px;
    }
  }

  .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
    color: var(--color-white);
  }

  .banner .background:after {
    content: "";
    background-image: var(--gradient-hero-picture);
    pointer-events: none;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    opacity: .2;
    display: block;
    position: absolute;
  }

  .banner.banner-small {
    min-height: 50svh;
  }

  .banner-content {
    grid-template-rows: 1fr var(--row-2, 50px);
  }

  :is(.banner-content .container-grid > *) {
    grid-column: content;
  }

  .banner-content .container-grid .wp-block-heading {
    font-size: var(--text-h1-mobile);
    line-height: var(--tw-leading, var(--text-h1-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h1-mobile--font-weight));
  }

  .banner-content .container-grid .wp-block-heading:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 10);
  }

  @media (min-width: 768px) {
    .banner-content .container-grid .wp-block-heading {
      font-size: var(--text-h1-tablet);
      line-height: var(--tw-leading, var(--text-h1-tablet--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1-tablet--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1-tablet--font-weight));
    }
  }

  @media (min-width: 1280px) {
    .banner-content .container-grid .wp-block-heading {
      font-size: var(--text-h1-desktop-sm);
      line-height: var(--tw-leading, var(--text-h1-desktop-sm--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1-desktop-sm--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1-desktop-sm--font-weight));
    }
  }

  @media (min-width: 1600px) {
    .banner-content .container-grid .wp-block-heading {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
    }
  }

  @media (min-width: 768px) {
    .banner-content .container-grid .wp-block-heading sup {
      top: -.25em;
    }
  }

  .banner-content .container-grid .media-image {
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--row-2) * -1);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    opacity: 0;
    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: .3s;
    grid-column: 1 / -1;
    transition-duration: .3s;
    position: absolute;
  }

  .banner-content .container-grid .media-image img {
    width: clamp(320px, 28vw, 450px);
    margin-inline: auto;
  }

  @media not all and (min-width: 768px) {
    .banner-content .container-grid .has-text-align-center {
      text-align: left !important;
    }
  }

  @media (min-width: 768px) {
    .banner-content .container-grid {
      justify-items: center;
    }

    :is(.banner-content .container-grid > *) {
      text-align: center;
      grid-column: 3 content-start / span 8 content-gap;
    }

    .banner-content .container-grid h1, .banner-content .container-grid h2, .banner-content .container-grid h3 {
      grid-column: 2 content-start / span 10 content-gap !important;
    }

    .banner-content .container-grid .media-image {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      left: 60%;
      right: auto;
    }
  }

  @media (min-width: 1280px) {
    :is(.banner-content .container-grid > *) {
      grid-column: 4 content-start / span 6 content-gap;
    }
  }

  .banner-content.swiper-slide-active .media-image {
    opacity: 1;
    --tw-duration: .3s;
    transition-duration: .3s;
    transition-delay: .1s;
  }

  .top-decorative-image.alignright {
    left: 33.3333%;
  }

  @media (min-width: 768px) {
    .top-decorative-image.alignright {
      left: 50%;
    }
  }

  @media (min-width: 1600px) {
    .top-decorative-image.alignright {
      left: 58%;
    }
  }

  .top-decorative-image.aligncenter {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }

  .top-decorative-image.alignleft {
    right: 33.3333%;
  }

  @media (min-width: 768px) {
    .top-decorative-image.alignleft {
      right: 50%;
    }
  }

  @media (min-width: 1600px) {
    .top-decorative-image.alignleft {
      right: 58%;
    }
  }

  .tab-navigation-holder {
    margin-top: calc(var(--spacing) * -1);
    margin-bottom: calc(var(--spacing) * -7.5);
    padding-top: calc(var(--spacing) * 1);
    overflow-x: auto;
  }

  .tab-navigation-holder:focus-within, .tab-navigation-holder:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .container-grid .content .tab-navigation-holder {
    margin-inline: calc(var(--padding-px) * -1);
  }

  .tab-navigation {
    z-index: 10;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: var(--padding-px);
    padding-bottom: calc(var(--spacing) * 2);
    margin-inline: auto;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 768px) {
    .tab-navigation {
      gap: calc(var(--spacing) * 5);
    }
  }

  .tab-navigation button {
    pointer-events: none;
    width: calc(var(--spacing) * 25);
    max-width: calc(var(--spacing) * 25);
    min-width: calc(var(--spacing) * 25);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 5.5);
    text-align: center;
    font-size: var(--text-h5-mobile);
    line-height: var(--tw-leading, var(--text-h5-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5-mobile--font-weight));
    color: var(--product-presentation-tab-navigation);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (min-width: 768px) {
    .tab-navigation button {
      width: calc(var(--spacing) * 50);
      max-width: calc(var(--spacing) * 50);
      min-width: calc(var(--spacing) * 50);
      gap: calc(var(--spacing) * 5);
      font-size: var(--text-h5);
      line-height: var(--tw-leading, var(--text-h5--line-height));
      font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
    }
  }

  .tab-navigation button:has(.tab-image-holder) {
    border-top-left-radius: 3.40282e38px;
    border-top-right-radius: 3.40282e38px;
  }

  .tab-navigation button .tab-image-holder {
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 25);
    padding-bottom: calc(var(--spacing) * 25);
    transition-property: width, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    display: flex;
    position: relative;
  }

  @media (min-width: 768px) {
    .tab-navigation button .tab-image-holder {
      width: calc(var(--spacing) * 50);
      padding-bottom: calc(var(--spacing) * 50);
    }
  }

  .tab-navigation button .tab-image-holder:has(.fill):after {
    opacity: 0;
  }

  .tab-navigation button .tab-image-holder:before {
    content: "";
    inset: calc(var(--spacing) * 4.5);
    z-index: 10;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--product-presentation-tab-navigation-active);
    opacity: 0;
    transition-property: inset, background-color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    background-color: #0000;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @media (min-width: 768px) {
    .tab-navigation button .tab-image-holder:before {
      inset: calc(var(--spacing) * 9);
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }

  .tab-navigation button .tab-image-holder:after {
    content: "";
    pointer-events: auto;
    inset: calc(var(--spacing) * 5);
    z-index: 20;
    background-color: var(--product-presentation-tab-navigation);
    transition-property: inset, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .tab-navigation button .tab-image-holder:after {
      inset: calc(var(--spacing) * 10);
    }
  }

  .tab-navigation button .tab-image-holder .tab-image {
    inset: calc(var(--spacing) * 8.75);
    z-index: 30;
    aspect-ratio: 1;
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
    object-fit: cover;
    transition-property: inset, width, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    position: absolute;
  }

  @media (min-width: 768px) {
    .tab-navigation button .tab-image-holder .tab-image {
      inset: calc(var(--spacing) * 17.5);
      width: calc(var(--spacing) * 15);
      height: calc(var(--spacing) * 15);
    }
  }

  .tab-navigation button .tab-image-holder .tab-image.fill {
    inset: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
    border-radius: 3.40282e38px;
    display: flex;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .tab-navigation button .tab-image-holder .tab-image.fill {
      inset: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 30);
      height: calc(var(--spacing) * 30);
    }
  }

  .tab-navigation button .tab-text {
    pointer-events: auto;
  }

  @media (hover: hover) {
    .tab-navigation button:hover {
      color: var(--product-presentation-tab-navigation-active);
    }

    .tab-navigation button:hover .tab-image-holder:before {
      pointer-events: auto;
      inset: calc(var(--spacing) * 3.75);
      opacity: 1;
    }

    @media (min-width: 768px) {
      .tab-navigation button:hover .tab-image-holder:before {
        inset: calc(var(--spacing) * 7.5);
      }
    }

    .tab-navigation button:hover .tab-image-holder:after {
      background-color: var(--product-presentation-tab-navigation-active);
    }
  }

  .tab-navigation button.active {
    color: var(--product-presentation-tab-navigation-active);
  }

  .tab-navigation button.active .tab-image-holder:before {
    pointer-events: auto;
    inset: calc(var(--spacing) * 1.25);
    z-index: 10;
    border-style: var(--tw-border-style);
    opacity: 1;
    border-width: 2px;
  }

  @media (min-width: 768px) {
    .tab-navigation button.active .tab-image-holder:before {
      inset: calc(var(--spacing) * 2.5);
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }

  .tab-navigation button.active .tab-image-holder:after {
    inset: calc(var(--spacing) * 2.5);
    background-color: var(--product-presentation-tab-navigation-active);
  }

  @media (min-width: 768px) {
    .tab-navigation button.active .tab-image-holder:after {
      inset: calc(var(--spacing) * 5);
    }
  }

  .tab-navigation button.active .tab-image-holder .tab-image {
    inset: calc(var(--spacing) * 7.5);
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  @media (min-width: 768px) {
    .tab-navigation button.active .tab-image-holder .tab-image {
      inset: calc(var(--spacing) * 15);
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }

  .tab-navigation button.active .tab-image-holder .tab-image.fill {
    inset: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  @media (min-width: 768px) {
    .tab-navigation button.active .tab-image-holder .tab-image.fill {
      inset: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40);
    }
  }

  .tab-navigation .tab-navigation-underline {
    bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 12);
    background-color: var(--product-presentation-tab-navigation-active);
    transition-property: left, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    display: block;
    position: absolute;
  }

  .category-navigation-buttons {
    margin-top: calc(var(--spacing) * 10);
    margin-right: calc(var(--spacing) * -2.5);
    justify-content: flex-start;
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: inline-flex;
  }

  @media (min-width: 768px) {
    .category-navigation-buttons {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 912px) {
    .category-navigation-buttons {
      gap: calc(var(--spacing) * 7);
    }
  }

  .category-navigation-buttons button {
    pointer-events: none;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    padding-right: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 2);
    color: var(--product-presentation-side-navigation);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 20px;
    margin-right: auto;
    text-decoration-line: underline;
    display: inline-flex;
    position: relative;
  }

  @media (min-width: 768px) {
    .category-navigation-buttons button {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  .category-navigation-buttons button .text {
    pointer-events: auto;
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 1);
    margin-left: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
    letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing));
  }

  @media not all and (min-width: 768px) {
    .category-navigation-buttons button .text {
      font-size: var(--text-body-base);
    }
  }

  .category-navigation-buttons button .text {
    transition: inherit;
  }

  .category-navigation-buttons button .icon {
    pointer-events: auto;
    z-index: 10;
    margin-block: calc(var(--spacing) * 2);
    aspect-ratio: 1;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    background-color: var(--product-presentation-side-navigation-icon);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
    color: var(--color-white);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    text-decoration-line: none;
    transition: inherit;
    display: inline-flex;
    position: relative;
  }

  .category-navigation-buttons button .icon:before {
    pointer-events: none;
    transition: inherit;
    position: absolute;
  }

  @media (hover: hover) {
    .category-navigation-buttons button:hover {
      color: var(--color-grey-600);
      text-decoration-line: none;
    }

    .category-navigation-buttons button:hover .icon {
      background-color: var(--product-presentation-side-navigation-active);
    }
  }

  .category-navigation-buttons button.active {
    padding-left: calc(var(--spacing) * 0);
    color: var(--color-grey-600);
    text-decoration-line: none;
  }

  .category-navigation-buttons button.active .text {
    margin-left: calc(var(--spacing) * 0);
  }

  .category-navigation-buttons button.active .icon {
    margin-block: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    background-color: var(--product-presentation-side-navigation-active);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .category-navigation-buttons > :not(:last-child):before {
    content: "";
    pointer-events: none;
    top: 100%;
    left: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 6);
    background-color: var(--color-grey-400);
    width: 1px;
    transition: inherit;
    position: absolute;
  }

  @media (min-width: 912px) {
    .category-navigation-buttons > :not(:last-child):before {
      height: calc(var(--spacing) * 11);
    }
  }

  .category-navigation-buttons > :not(:last-child):after {
    content: "";
    pointer-events: none;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 5);
    background-color: var(--color-grey-400);
    width: 1px;
    height: 100%;
    transition: inherit;
    position: absolute;
  }

  .category-navigation-buttons > :first-child:after {
    top: 50%;
  }

  .product-category + .product-category-background, .presentation-tab + .presentation-tab-background {
    opacity: 0;
  }

  .tab-panel > *, .gutenberg-tab > *, .product-category > *, .presentation-tab > *, .product-category:not([hidden]) + .product-category-background, .presentation-tab:not([hidden]) + .presentation-tab-background, .product-category .tab-image, .presentation-tab .tab-image {
    opacity: 1;
    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: .5s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .5s;
    transition-timing-function: var(--ease-in-out);
  }

  @starting-style {
    .tab-panel > *, .gutenberg-tab > *, .product-category > *, .presentation-tab > *, .product-category:not([hidden]) + .product-category-background, .presentation-tab:not([hidden]) + .presentation-tab-background, .product-category .tab-image, .presentation-tab .tab-image {
      opacity: 0;
    }
  }

  :not(.container-grid) .presentation-tabs {
    margin-inline: var(--padding-px);
  }

  @media (min-width: 912px) {
    :not(.container-grid) .presentation-tabs {
      --padding-px: 48px;
    }
  }

  .presentation-tabs-side-content {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-grey-600);
  }

  .presentation-tabs-side-content h1, .presentation-tabs-side-content h2, .presentation-tabs-side-content h3, .presentation-tabs-side-content h4, .presentation-tabs-side-content h5, .presentation-tabs-side-content h6 {
    font-size: var(--text-h3-mobile);
    line-height: var(--tw-leading, var(--text-h3-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight));
    --tw-tracking: var(--text-h3-mobile--letter-spacing);
    letter-spacing: var(--text-h3-mobile--letter-spacing);
    color: var(--text-color-title);
  }

  @media (min-width: 768px) {
    .presentation-tabs-side-content h1, .presentation-tabs-side-content h2, .presentation-tabs-side-content h3, .presentation-tabs-side-content h4, .presentation-tabs-side-content h5, .presentation-tabs-side-content h6 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
      --tw-tracking: var(--text-h3--letter-spacing);
      letter-spacing: var(--text-h3--letter-spacing);
    }
  }

  .article__category-list .cards__card-article-category h3 {
    font-size: var(--text-h3-mobile) !important;
    line-height: var(--tw-leading, var(--text-h3-mobile--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight)) !important;
  }

  @media (min-width: 768px) {
    .article__category-list .cards__card-article-category h3 {
      font-size: var(--text-h3) !important;
      line-height: var(--tw-leading, var(--text-h3--line-height)) !important;
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing)) !important;
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight)) !important;
    }
  }

  .block-container .bg_image {
    inset: calc(var(--spacing) * 0);
    z-index: -1;
    position: absolute;
    overflow: hidden;
  }

  .block-container .bg_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .block-container .content:has( > .container-grid) {
    grid-column: 1 / -1 !important;
  }

  .tabs .tab {
    padding-block: calc(var(--spacing) * 6);
  }

  .product-tabs-nav {
    position: relative;
  }

  .product-tabs-nav .product-tab-underline {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 0);
    background-color: var(--product-tab-active);
    transition-property: left, width, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
    position: absolute;
  }

  .tab-button {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 6);
    font-size: var(--text-h5);
    line-height: var(--tw-leading, var(--text-h5--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
    color: var(--product-tab);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    padding-block: 18px;
    position: relative;
  }

  @media (hover: hover) {
    .tab-button:hover {
      color: var(--product-tab-hover);
    }
  }

  .tab-button.active {
    color: var(--product-tab-active);
  }

  .decorative-image {
    z-index: calc(1 * -1);
    left: var(--left, initial);
    top: var(--top, initial);
    right: var(--right, initial);
    bottom: var(--bottom, initial);
    transform: translate(var(--translate-x, initial), var(--translate-y, initial));
    position: absolute;
  }

  .decorative-image.top-position {
    --bottom: 100%;
    --translate-y: 66%;
  }

  .decorative-image.bottom-position {
    --bottom: 0;
  }

  .decorative-image.left {
    --right: 66%;
    --translate-x: 25%;
  }

  .decorative-image.far-left {
    --left: 0;
  }

  .decorative-image.right {
    --left: 66%;
    --translate-x: -25%;
  }

  .decorative-image.far-right {
    --right: 0;
  }

  .pattern-influencer-reviews {
    padding-bottom: calc(var(--spacing) * 20);
  }

  @media (min-width: 1600px) {
    .pattern-influencer-reviews {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }

  .pattern-influencer-reviews .background {
    height: 60%;
    top: auto;
  }

  :is(.pattern-product-configurator, .pattern-crossbrand-linker) .content-narrow {
    max-width: var(--container-3xl);
    margin-inline: auto;
  }

  .banner-video .banner-video-content .wysiwyg h1, .banner-video .banner-video-content .wysiwyg h2, .banner-video .banner-video-content .wysiwyg h3, .banner-video .banner-video-content .wysiwyg h4, .banner-video .banner-video-content .wysiwyg h5, .banner-video .banner-video-content .wysiwyg h6 {
    font-size: var(--text-h2-mobile);
    line-height: var(--tw-leading, var(--text-h2-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h2-mobile--font-weight));
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    margin-bottom: calc(var(--spacing) * 1) !important;
  }

  @media (min-width: 768px) {
    .banner-video .banner-video-content .wysiwyg h1, .banner-video .banner-video-content .wysiwyg h2, .banner-video .banner-video-content .wysiwyg h3, .banner-video .banner-video-content .wysiwyg h4, .banner-video .banner-video-content .wysiwyg h5, .banner-video .banner-video-content .wysiwyg h6 {
      font-size: var(--text-h2-tablet);
      line-height: var(--tw-leading, var(--text-h2-tablet--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2-tablet--font-weight));
      margin-bottom: calc(var(--spacing) * 10) !important;
    }
  }

  @media (min-width: 1600px) {
    .banner-video .banner-video-content .wysiwyg h1, .banner-video .banner-video-content .wysiwyg h2, .banner-video .banner-video-content .wysiwyg h3, .banner-video .banner-video-content .wysiwyg h4, .banner-video .banner-video-content .wysiwyg h5, .banner-video .banner-video-content .wysiwyg h6 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
    }
  }

  .banner-video .banner-video-content .wysiwyg p {
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
    letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing));
  }

  @media not all and (min-width: 768px) {
    .banner-video .banner-video-content .wysiwyg p {
      font-size: var(--text-body-base);
    }
  }

  @media (min-width: 768px) {
    .banner-video .banner-video-content .wysiwyg p {
      font-size: var(--text-body-xl);
      line-height: var(--tw-leading, var(--text-body-xl--line-height));
    }
  }

  .banner-video .banner-video-content button:hover > *, .banner-video .banner-video-content button:focus > * {
    width: calc(var(--spacing) * 38) !important;
    height: calc(var(--spacing) * 38) !important;
  }

  @media not all and (min-width: 1024px) {
    .banner-video .banner-video-content button:hover > *, .banner-video .banner-video-content button:focus > * {
      width: calc(var(--spacing) * 27.5) !important;
      height: calc(var(--spacing) * 27.5) !important;
    }
  }

  @media not all and (min-width: 768px) {
    .banner-video .banner-video-content button:hover > *, .banner-video .banner-video-content button:focus > * {
      margin-block: calc(var(--spacing) * -1);
      width: calc(var(--spacing) * 22) !important;
      height: calc(var(--spacing) * 22) !important;
    }
  }

  .banner-video .banner-video-content button:before {
    inset: calc(var(--spacing) * -10000);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .banner-video .banner-video-content .bg_image {
    position: relative;
  }

  .banner-video iframe {
    border-radius: var(--radius-xl);
  }

  .header-notification-container, .header-notification-container *, .header-notification-container a {
    color: var(--notification-text);
  }

  .button {
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    --tw-font-weight: var(--font-weight-extrabold);
    line-height: 1;
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-primary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    border-width: 2px;
    border-color: #0000;
    border-radius: 3.40282e38px;
    text-decoration-line: none;
    transition-duration: .2s;
    display: inline-flex;
  }

  .button * {
    transition: inherit;
  }

  .button.button-primary {
    border-color: var(--button-primary-border-color);
    background-color: var(--button-primary-background-color);
    color: var(--button-primary-text-color);
  }

  @media (hover: hover) {
    .button.button-primary:hover {
      border-color: var(--button-primary-border-color-hover);
      background-color: var(--button-primary-background-color-hover);
      color: var(--button-primary-text-color-hover);
    }
  }

  .button.button-primary:focus {
    border-color: var(--button-primary-border-color-hover);
    background-color: var(--button-primary-background-color-hover);
    color: var(--button-primary-text-color-hover);
  }

  .button.button-primary:active {
    border-color: var(--button-primary-border-color-active);
    background-color: var(--button-primary-background-color-active);
    color: var(--button-primary-text-color-active);
  }

  .button.button-primary .icon {
    color: var(--button-primary-icon-color);
  }

  .button.button-primary:hover .icon, .button.button-primary:focus .icon {
    color: var(--button-primary-icon-color-hover);
  }

  .button.button-primary:active .icon {
    color: var(--button-primary-icon-color-active);
  }

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

  @media (hover: hover) {
    .button.button-secondary:hover {
      border-color: var(--button-secondary-border-color-hover);
      background-color: var(--button-secondary-background-color-hover);
      color: var(--button-secondary-text-color-hover);
    }
  }

  .button.button-secondary:focus {
    border-color: var(--button-secondary-border-color-hover);
    background-color: var(--button-secondary-background-color-hover);
    color: var(--button-secondary-text-color-hover);
  }

  .button.button-secondary:active {
    border-color: var(--button-secondary-border-color-active);
    background-color: var(--button-secondary-background-color-active);
    color: var(--button-secondary-text-color-active);
  }

  .button.button-secondary .icon {
    color: var(--button-secondary-icon-color);
  }

  .button.button-secondary:hover .icon, .button.button-secondary:focus .icon {
    color: var(--button-secondary-icon-color-hover);
  }

  .button.button-secondary:active .icon {
    color: var(--button-secondary-icon-color-active);
  }

  .button.button-slider-navigation, .button.button-slider-navigation:disabled {
    border-style: var(--tw-border-style);
    background-color: var(--button-slider-navigation-background-color);
    color: var(--button-slider-navigation-icon-color);
    border-width: 0;
  }

  @media (hover: hover) {
    :is(.button.button-slider-navigation, .button.button-slider-navigation:disabled):hover {
      background-color: var(--button-slider-navigation-background-color-hover);
      color: var(--button-slider-navigation-icon-color-hover);
    }
  }

  :is(.button.button-slider-navigation, .button.button-slider-navigation:disabled):focus {
    background-color: var(--button-slider-navigation-background-color-hover);
    color: var(--button-slider-navigation-icon-color-hover);
  }

  .button.button-slider-navigation-white {
    border-style: var(--tw-border-style);
    background-color: var(--color-white);
    color: var(--color-primary);
    border-width: 0;
  }

  @media (hover: hover) {
    .button.button-slider-navigation-white:hover {
      background-color: var(--button-slider-navigation-background-color-hover);
      color: var(--button-slider-navigation-icon-color-hover);
    }
  }

  .button.button-slider-navigation-white:focus {
    background-color: var(--button-slider-navigation-background-color-hover);
    color: var(--button-slider-navigation-icon-color-hover);
  }

  .button.button-filter {
    gap: calc(var(--spacing) * 1);
    border-color: var(--button-filter-border-color);
    background-color: var(--button-filter-background-color);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-body-sm);
    line-height: var(--tw-leading, var(--text-body-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--button-filter-text-color);
  }

  @media (hover: hover) {
    .button.button-filter:hover {
      border-color: var(--button-filter-border-color-hover);
      background-color: var(--button-filter-background-color-hover);
      color: var(--button-filter-text-color-hover);
    }
  }

  .button.button-filter:focus {
    border-color: var(--button-filter-border-color-hover);
    background-color: var(--button-filter-background-color-hover);
    color: var(--button-filter-text-color-hover);
  }

  .button.button-filter:active {
    border-color: var(--button-filter-border-color-active);
    background-color: var(--button-filter-background-color-active);
    color: var(--button-filter-text-color-active);
  }

  .button.button-filter .icon {
    color: var(--button-filter-icon-color);
  }

  .button.button-filter:hover .icon, .button.button-filter:focus .icon {
    color: var(--button-filter-icon-color-hover);
  }

  .button.button-filter:active .icon {
    color: var(--button-filter-icon-color-active);
  }

  .button.disabled, .button:disabled {
    pointer-events: none;
    border-color: var(--color-grey-600);
    background-color: var(--color-grey-600);
    color: var(--color-white);
    opacity: .3;
  }

  :is(.button.disabled, .button:disabled) .icon {
    color: var(--color-white);
  }

  .main_footer {
    --container-max-width: 2000px;
    overflow-x: clip;
  }

  @media (min-width: 1024px) {
    .main_footer {
      --padding-px: 48px;
    }
  }

  @media not all and (min-width: 2120px) {
    .main_footer {
      padding-bottom: calc(var(--spacing) * 15) !important;
    }
  }

  .main_footer .content-full {
    flex-direction: column;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .main_footer .block-social-links {
      order: calc(1 * -1);
      justify-content: flex-start !important;
    }

    .main_footer .block-social-links + .block-spacer {
      order: calc(2 * -1);
    }
  }

  .main_footer .block-site-logo {
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .main_footer .block-site-logo {
      order: calc(3 * -1);
    }
  }

  @media (min-width: 768px) {
    .main_footer .block-site-logo {
      justify-content: center;
    }
  }

  @media not all and (min-width: 768px) {
    .main_footer .block-site-logo img {
      max-width: calc(var(--spacing) * 35);
    }

    .main_footer .block-site-logo + .block-spacer, .main_footer .block-site-logo + .block-spacer + .block-navigation {
      display: none;
    }

    .main_footer .block-footer-disclaimer * {
      text-align: left !important;
    }
  }

  .main_footer .nav_link {
    color: var(--color-grey-700);
  }

  @media (hover: hover) {
    .main_footer .nav_link:hover {
      color: var(--color-primary-medium);
    }
  }

  .main_footer .footer-bottom {
    margin-inline: calc(var(--spacing) * -5);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--text-footer-bottom);
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  @media (min-width: 768px) {
    .main_footer .footer-bottom {
      margin-top: calc(var(--spacing) * -5);
    }
  }

  :is(.main_footer .footer-bottom > *) {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  :where(:is(.main_footer .footer-bottom > *) > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :is(:is(.main_footer .footer-bottom > *) > *) {
    border-color: var(--separator-footer-bottom);
    padding-inline: calc(var(--spacing) * 5);
  }

  @media not all and (min-width: 1600px) {
    :is(.main_footer .footer-bottom > *) {
      row-gap: calc(var(--spacing) * 2);
      flex-wrap: wrap;
    }

    :is(:is(.main_footer .footer-bottom > *) > *) {
      order: 1;
    }
  }

  @media (min-width: 912px) {
    :is(:is(.main_footer .footer-bottom > *) > *):last-child {
      margin-left: auto;
    }
  }

  .main_footer .footer-bottom p {
    margin-bottom: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .main_footer .footer-bottom .copyright {
    border-style: var(--tw-border-style);
    white-space: nowrap;
    border-width: 0;
  }

  @media (min-width: 1600px) {
    .main_footer .footer-bottom .copyright {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
      border-color: var(--separator-footer-bottom);
    }
  }

  .main_footer .footer-bottom button {
    margin-right: calc(var(--spacing) * 5.25);
    margin-left: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 0);
    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, visibility, 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));
    border-width: 0;
    position: relative;
  }

  @media (hover: hover) {
    .main_footer .footer-bottom button:hover {
      color: var(--color-primary-medium);
    }
  }

  .main_footer .footer-bottom button:after {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * -5);
    height: 100%;
    width: calc(var(--spacing) * .25);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--color-secondary);
    --tw-content: "";
    content: var(--tw-content);
    display: flex;
    position: absolute;
    left: auto;
  }

  .main_footer .footer-bottom .block-container.navigation {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 0);
    border-width: 0;
    width: auto !important;
    display: flex !important;
  }

  .main_footer .footer-bottom .block-container.navigation .background {
    display: none;
  }

  .main_footer .footer-bottom .block-container.navigation .content {
    justify-content: flex-start;
    gap: calc(var(--spacing) * 0);
    row-gap: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 0);
    border-width: 0;
    flex-wrap: wrap;
    display: flex;
  }

  @media not all and (min-width: 1600px) {
    .main_footer .footer-bottom .block-container.navigation .content {
      row-gap: calc(var(--spacing) * 5);
      width: 100%;
    }
  }

  .main_footer .footer-bottom .block-container.navigation .content .nav_link {
    color: var(--text-footer-bottom);
    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, visibility, 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));
  }

  @media (hover: hover) {
    .main_footer .footer-bottom .block-container.navigation .content .nav_link:hover {
      color: var(--color-primary-medium);
    }
  }

  .main_footer .footer-bottom .block-container.navigation .content > nav:last-child > ul > :last-child {
    border-style: var(--tw-border-style) !important;
    padding-right: calc(var(--spacing) * 0) !important;
    border-width: 0 !important;
  }

  .main_footer .footer-bottom .block-container.navigation .content > button:last-child {
    margin-right: calc(var(--spacing) * 5) !important;
  }

  .main_footer .footer-bottom .block-container.navigation .content > button:last-child:after {
    display: none !important;
  }

  @media not all and (min-width: 1600px) {
    .main_footer .footer-bottom .block-container.navigation .content {
      justify-content: flex-start;
    }

    .main_footer .footer-bottom .block-container.navigation .content:after {
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      margin-left: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 0);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-bottom-color: var(--color-secondary);
      --tw-content: "";
      content: var(--tw-content);
      width: 100%;
      display: flex;
      position: relative;
    }

    .main_footer .footer-bottom .block-container.navigation {
      margin-bottom: calc(var(--spacing) * 3);
      padding-right: calc(var(--spacing) * 5);
      align-items: flex-start;
      order: 0 !important;
      width: 100% !important;
    }

    :is(.main_footer .footer-bottom .block-container.navigation > *):last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }

  .main_footer .footer-bottom nav.contents > ul {
    display: contents;
  }

  .main_footer .footer-bottom .navigation-list {
    justify-content: flex-start;
    gap: calc(var(--spacing) * 0);
    row-gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
  }

  :where(.main_footer .footer-bottom .navigation-list > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :is(.main_footer .footer-bottom .navigation-list > *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--separator-footer-bottom);
    padding-inline: calc(var(--spacing) * 5);
  }

  .main_footer .footer-bottom .navigation-list .nav_link {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .main_footer .footer-bottom .block-langswitcher {
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 0);
    border-width: 0;
    display: inline-flex;
  }

  @media (min-width: 912px) {
    .main_footer .footer-bottom .block-langswitcher {
      margin-left: auto;
    }
  }

  .main_footer .footer-bottom .block-langswitcher a {
    margin-inline: calc(var(--spacing) * 5);
    white-space: nowrap;
    color: var(--text-footer-bottom);
    text-decoration-line: none;
  }

  .main_footer .footer-bottom .block-langswitcher a:not(:first-child) {
    margin-left: 21px;
  }

  .main_footer .footer-bottom .block-langswitcher a:not(:first-of-type):before {
    pointer-events: none;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--separator-footer-bottom);
    --tw-content: "";
    content: var(--tw-content);
    margin-right: -1px;
    position: relative;
    left: -21px;
  }

  .main_footer .madeby a:after {
    content: "";
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: medis-icons !important;
  }

  .form-item input[type="range"] {
    appearance: none;
    cursor: pointer;
    background: none;
  }

  .form-item input[type="range"]:focus {
    outline: none;
  }

  .form-item input[type="range"]::-webkit-slider-runnable-track {
    background-color: #0000;
    height: 0;
  }

  .form-item input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    z-index: 2;
    background-color: var(--primary);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    position: relative;
  }

  .form-item input[type="range"]::-moz-range-track {
    background-color: #0000;
    height: 0;
  }

  .form-item input[type="range"]::-moz-range-thumb {
    z-index: 2;
    background-color: var(--primary);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    position: relative;
  }

  .ddg-checkbox-group input[type="checkbox"] {
    position: absolute;
    left: -9999px;
  }

  .ddg-checkbox-group input[type="checkbox"] + div {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 4px;
  }

  .ddg-checkbox-group input[type="checkbox"] + div:before {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    --tw-content: "";
    content: var(--tw-content);
    border-radius: .25rem;
    position: absolute;
  }

  .ddg-checkbox-group input[type="checkbox"]:checked + div:before {
    background-color: var(--color-primary);
  }

  .ddg-checkbox-group input[type="checkbox"]:checked + div:after {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    border-color: var(--color-white);
    width: 12px;
    height: 6px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-content: "";
    content: var(--tw-content);
    border-radius: 1px;
    transition-duration: .3s;
    position: absolute;
    top: 6px;
    left: 4px;
    rotate: -45deg;
  }

  .input-checkbox input[type="checkbox"]:not(:checked) + div:after {
    opacity: 0;
  }

  ._disabled .input-checkbox input[type="checkbox"] + div:before, ._disabled .input-checkbox input[type="checkbox"]:checked + div:before, ._disabled .input-checkbox input[type="checkbox"]:checked + div:after {
    opacity: .5;
  }

  ._disabled .input-radio input[type="radio"] + div:before, ._disabled .input-radio input[type="radio"]:checked + div:before {
    border-color: var(--color-primary);
    opacity: .5;
  }

  ._disabled .input-radio input[type="radio"]:checked + div:after {
    background-color: var(--color-white);
    opacity: .5;
  }

  .ddg-form-group > label {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--text-color-title);
    margin-bottom: 4px;
  }

  .ddg-checkbox-group > label {
    cursor: pointer;
    color: var(--color-grey-600);
  }

  .ddg-checkbox-group > label a {
    cursor: pointer;
    color: var(--color-primary-light);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-inline: 4px;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .ddg-checkbox-group > label a:hover {
      color: var(--color-primary);
    }
  }

  .main_header {
    height: var(--header-height);
    padding-left: calc(var(--spacing) * 5);
    place-items: center;
    display: flex;
    position: relative;
  }

  .main_header .logo .primary-logo {
    opacity: 1;
  }

  .main_header .logo .secondary-logo {
    opacity: 0;
  }

  .main_header .lang-search-wrapper {
    align-items: center;
    gap: calc(var(--spacing) * 5);
    place-self: center flex-end;
    display: flex;
  }

  @media (min-width: 1600px) {
    .main_header .lang-search-wrapper {
      gap: calc(var(--spacing) * 10);
    }
  }

  .main_header .search-button {
    color: var(--color-white);
    font-size: 32px;
  }

  .main_header .gutenberg-clone {
    display: contents;
  }

  .main_header .navigation .navigation-list {
    flex-wrap: nowrap;
  }

  .main_header .navigation .navigation-list > .nav-item {
    position: relative;
  }

  .main_header .navigation .navigation-list > .nav-item > .submenu .nav-item {
    display: flex;
  }

  .main_header .navigation .navigation-list > .nav-item > .submenu .nav_link {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-white);
  }

  @media (hover: hover) {
    .main_header .navigation .navigation-list > .nav-item > .submenu .nav_link:hover {
      color: var(--button-header-menu-text-color-active);
    }
  }

  .main_header .navigation .nav_link, .main_header .navigation .icon-chevron-D {
    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, visibility, 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));
  }

  @media (hover: hover) {
    :is(.main_header .navigation .nav_link, .main_header .navigation .icon-chevron-D):hover {
      color: var(--button-header-menu-text-color-hover-mob) !important;
    }
  }

  :is(.main_header .navigation .nav_link, .main_header .navigation .icon-chevron-D).active {
    color: var(--button-header-menu-text-color-active);
  }

  .main_header .mobile-toggle {
    background-color: var(--color-primary);
    padding: calc(var(--spacing) * 3.5);
    color: var(--color-white);
    order: 2;
    font-size: 32px;
    display: grid;
  }

  .main_header .mobile-toggle:before {
    opacity: 1;
    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, visibility, 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));
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .main_header .mobile-toggle:after {
    opacity: 0;
    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, visibility, 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-content: "";
    content: var(--tw-content);
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .main_header.secondary-header {
    background-color: var(--color-white);
    --tw-shadow: 0px 5px 15px 0px var(--tw-shadow-color, #1f1a3a1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .main_header.secondary-header .logo .primary-logo {
    opacity: 0;
  }

  .main_header.secondary-header .logo .secondary-logo {
    opacity: 1;
  }

  .main_header.secondary-header .search-button, .main_header.secondary-header .block-langswitcher .icon-globe {
    color: var(--button-header-menu-text-color-hover) !important;
  }

  @media (min-width: 576px) {
    .main_header {
      --logo-w: 160px;
    }

    .main_header .mobile-toggle {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1280px) {
    .main_header {
      --logo-w: 180px;
    }
  }

  @media (min-width: 1600px) {
    .main_header {
      --logo-w: 220px;
      grid-template-columns: var(--logo-w) 1fr auto;
      gap: calc(var(--spacing) * 6);
      padding-right: calc(var(--spacing) * 7.5);
      padding-left: calc(var(--spacing) * 20);
      display: grid;
    }

    @media (min-width: 1600px) {
      .main_header .mobile-toggle {
        display: none;
      }
    }

    .main_header .header-subgrid {
      grid-column-start: 2;
      grid-column-end: calc(1 * -1);
      grid-template-columns: subgrid;
      height: 100%;
      padding-top: calc(var(--spacing) * 2);
      align-items: center;
      display: grid;
    }

    .main_header .navigation, .main_header .navigation .navigation-list {
      height: 100%;
    }

    .main_header .navigation .navigation-list > .nav-item {
      align-items: center;
      height: 100%;
      display: flex;
    }

    :is(.main_header .navigation .navigation-list > .nav-item:has(* .active) > .flex > *) {
      color: var(--button-header-menu-text-color-active) !important;
    }

    @media (hover: hover) {
      :is(.main_header .navigation .navigation-list > .nav-item:has(* .active) > .flex > *):hover, :is(.main_header .navigation .navigation-list > .nav-item .nav_link, .main_header .navigation .navigation-list > .nav-item .icon-chevron-D):hover {
        color: var(--button-header-menu-text-color-hover) !important;
      }
    }

    .main_header .navigation .navigation-list > .nav-item .submenu {
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 3);
      --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-radius: 20px;
      position: absolute;
    }

    .main_header .navigation .navigation-list > .nav-item .submenu .nav-item {
      position: relative;
    }

    .main_header .navigation .navigation-list > .nav-item .submenu .nav-item > .flex {
      width: 100%;
      justify-content: space-between !important;
    }

    :is(.main_header .navigation .navigation-list > .nav-item .submenu .nav-item:has(* .active) > .flex > *) {
      color: var(--button-header-menu-text-color-active) !important;
    }

    @media (hover: hover) {
      :is(.main_header .navigation .navigation-list > .nav-item .submenu .nav-item:has(* .active) > .flex > *):hover {
        color: var(--button-header-menu-text-color-hover) !important;
      }
    }

    :is(.main_header .navigation .navigation-list > .nav-item .submenu .nav-item:has( > .active) > *) {
      color: var(--button-header-menu-text-color-active) !important;
    }

    @media (hover: hover) {
      :is(.main_header .navigation .navigation-list > .nav-item .submenu .nav-item:has( > .active) > *):hover {
        color: var(--button-header-menu-text-color-hover) !important;
      }
    }

    .main_header .navigation .navigation-list > .nav-item .submenu .nav_link, .main_header .navigation .navigation-list > .nav-item .submenu .icon-chevron-D {
      color: var(--button-header-menu-text-color);
    }

    @media (hover: hover) {
      :is(.main_header .navigation .navigation-list > .nav-item .submenu .nav_link, .main_header .navigation .navigation-list > .nav-item .submenu .icon-chevron-D):hover {
        color: var(--button-header-menu-text-color-hover) !important;
      }
    }

    .main_header .navigation .navigation-list > .nav-item .submenu .icon-chevron-D {
      rotate: -90deg;
    }

    .main_header .navigation .navigation-list > .nav-item .submenu.level-1 {
      top: calc(100% + 4px);
      left: calc(var(--spacing) * -5);
      min-width: 250px;
    }

    .main_header .navigation .navigation-list > .nav-item .submenu.level-1 .nav_link {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }

    .main_header .navigation .navigation-list > .nav-item .submenu.level-1 .nav-item:first-child .submenu {
      border-top-left-radius: 20px;
    }

    .main_header .navigation .navigation-list > .nav-item .submenu.level-2 {
      z-index: calc(10 * -1);
    }

    .main_header .navigation .navigation-list > .nav-item .submenu.level-3 {
      z-index: calc(20 * -1);
    }

    .main_header .navigation .navigation-list > .nav-item .submenu:not(.level-1) {
      top: calc(var(--spacing) * -3);
      border-top-left-radius: 0;
      min-width: 200px;
      left: calc(100% + 8px);
    }

    .main_header .navigation .navigation-list > .nav-item .submenu:not(.level-1) .nav_link {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }

    .main_header .navigation .nav_link, .main_header .navigation .icon-chevron-D {
      color: var(--color-white);
    }

    :is(.main_header .navigation .nav_link, .main_header .navigation .icon-chevron-D).active + .icon-chevron-D {
      color: var(--button-header-menu-text-color-active);
    }

    .main_header .lang-search-wrapper {
      height: 100%;
    }

    :is(.main_header .lang-search-wrapper > *) {
      align-items: center;
      height: 100%;
      display: flex;
    }

    .main_header .block-langswitcher {
      position: relative;
    }

    .main_header .lang-list {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      gap: calc(var(--spacing) * 1);
      background-color: var(--color-primary);
      padding: calc(var(--spacing) * 3);
      --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-radius: 20px;
      flex-direction: column;
      display: flex;
      top: 100%;
      left: 50%;
    }

    .main_header .lang-list .lang-item {
      height: calc(var(--spacing) * 13);
      width: calc(var(--spacing) * 17);
      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, visibility, 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));
      border-radius: 3.40282e38px;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    @media (hover: hover) {
      .main_header .lang-list .lang-item:hover {
        background-color: #fff3;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .main_header .lang-list .lang-item:hover {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }

    .main_header .lang-list .lang-item.current {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
    }

    .main_header.secondary-header .navigation .nav_link, .main_header.secondary-header .navigation .icon-chevron-D {
      color: var(--button-header-menu-text-color);
    }

    :is(.main_header.secondary-header .navigation .nav_link, .main_header.secondary-header .navigation .icon-chevron-D).active, :is(.main_header.secondary-header .navigation .nav_link, .main_header.secondary-header .navigation .icon-chevron-D).active + .icon-chevron-D {
      color: var(--button-header-menu-text-color-active);
    }
  }

  @media not all and (min-width: 576px) {
    .main_header:has(.menu-is-active) .logo .primary-logo {
      z-index: 1010 !important;
      opacity: 1 !important;
    }

    .main_header:has(.menu-is-active) .logo .secondary-logo {
      opacity: 0 !important;
    }
  }

  @media not all and (min-width: 1600px) {
    .main_header .header-subgrid {
      border-top: var(--header-height) solid var(--primary);
      pointer-events: none;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      z-index: 1000;
      background-color: var(--color-primary);
      width: 100%;
      height: 100dvh;
      padding-inline: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 4);
      padding-bottom: calc(var(--spacing) * 7.5);
      opacity: 0;
      --tw-shadow: 0px 5px 15px 0px var(--tw-shadow-color, #1f1a3a1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      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, visibility, 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: .3s;
      transition-duration: .3s;
      overflow: auto;
      position: absolute !important;
    }

    .main_header .header-subgrid.menu-is-active {
      pointer-events: auto;
      opacity: 1;
    }

    @media (min-width: 576px) {
      .main_header .header-subgrid {
        max-width: var(--container-sm);
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }

      .main_header .header-subgrid.menu-is-active {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    .main_header .lang-search-wrapper {
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
      border-color: var(--color-primary-medium);
      flex-direction: column-reverse;
      width: 100%;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .main_header .lang-search-wrapper {
        border-color: color-mix(in oklab, var(--color-primary-medium) 20%, transparent);
      }
    }

    .main_header .lang-search-wrapper {
      padding-top: calc(var(--spacing) * 5);
    }

    .main_header .lang-search-wrapper .block-langswitcher {
      padding-right: calc(var(--spacing) * 0);
      align-self: flex-end;
    }

    .main_header .lang-search-wrapper .block-langswitcher .toggle {
      display: none;
    }

    .main_header .lang-search-wrapper .block-langswitcher .lang-list {
      gap: calc(var(--spacing) * 1);
      height: auto !important;
      display: flex !important;
      position: static !important;
      overflow: visible !important;
    }

    .main_header .lang-search-wrapper .block-langswitcher .lang-list .lang-item {
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 12);
      border-radius: 3.40282e38px;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .main_header .lang-search-wrapper .block-langswitcher .lang-list .lang-item.current {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
    }

    .main_header:has(.has-submenu) .lang-search-wrapper .block-langswitcher {
      padding-right: calc(var(--spacing) * 8);
    }

    .main_header .navigation > .navigation-list {
      gap: calc(var(--spacing) * 0);
      color: var(--color-white);
      flex-direction: column;
    }

    :is(.main_header .navigation > .navigation-list > *) {
      padding-block: calc(var(--spacing) * 3);
    }

    :is(.main_header .navigation > .navigation-list > *):not(:first-child) {
      border-top-style: var(--tw-border-style);
      border-color: #ffffff26;
      border-top-width: 1px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.main_header .navigation > .navigation-list > *):not(:first-child) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .main_header .navigation > .navigation-list .nav-item {
      justify-content: flex-end;
    }

    .main_header .navigation > .navigation-list .nav-item.has-submenu {
      flex-direction: column;
      padding-right: calc(var(--spacing) * 0) !important;
    }

    .main_header .navigation > .navigation-list .nav-item.has-submenu .flex .nav_link, .main_header .navigation > .navigation-list .nav-item.has-submenu .has-submenu .flex {
      padding-inline: calc(var(--spacing) * 0);
    }

    .main_header .navigation > .navigation-list .nav-item.has-submenu .has-submenu .submenu {
      padding-right: calc(var(--spacing) * 0);
    }

    .main_header .navigation > .navigation-list .nav-item .nav_link {
      justify-content: flex-end;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      width: 100%;
      color: var(--color-white);
      display: flex;
    }

    .main_header .navigation > .navigation-list .nav-item .submenu .nav_link {
      padding-left: calc(var(--spacing) * 0);
    }

    .main_header .navigation > .navigation-list .nav-item > .nav_link {
      padding-right: calc(var(--spacing) * 0);
    }

    .main_header .navigation > .navigation-list .icon-chevron-D {
      top: calc(var(--spacing) * .5);
      left: calc(var(--spacing) * .25);
      color: var(--color-white);
      position: relative;
      margin: calc(var(--spacing) * .25) !important;
    }

    .main_header .navigation > .navigation-list :not(.has-submenu.open) > .flex .icon-chevron-D {
      rotate: -90deg;
    }

    .main_header .navigation > .navigation-list .submenu {
      padding-top: calc(var(--spacing) * 3);
    }

    .main_header .navigation > .navigation-list .submenu .nav-item {
      padding-block: calc(var(--spacing) * 1);
      padding-right: calc(var(--spacing) * 5);
    }

    .main_header .navigation > .navigation-list:has(.has-submenu) .nav_link {
      padding-right: calc(var(--spacing) * 8);
    }

    .main_header .mobile-toggle.menu-is-active {
      z-index: 1001;
      position: relative;
    }

    .main_header .mobile-toggle.menu-is-active:before {
      opacity: 0;
    }

    .main_header .mobile-toggle.menu-is-active:after {
      opacity: 1;
    }
  }

  .navigation > .navigation-list {
    justify-content: center;
    gap: calc(var(--spacing) * 6);
    flex-wrap: wrap;
    display: flex;
  }

  @media (min-width: 1280px) {
    .navigation > .navigation-list {
      gap: calc(var(--spacing) * 8);
    }
  }

  .navigation > .navigation-list .nav_link {
    font-size: var(--text-lg);
    --tw-font-weight: var(--font-weight-extrabold);
    line-height: 1.5rem;
    font-weight: var(--font-weight-extrabold);
    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, visibility, 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));
    text-decoration-line: none;
  }

  @media (hover: hover) {
    .navigation > .navigation-list .nav_link:hover {
      color: var(--color-primary-medium);
    }
  }

  .wysiwyg ul, ul.wp-block-list {
    padding-left: calc(var(--spacing) * 6);
    list-style-type: disc;
  }

  :is(.wysiwyg ul, ul.wp-block-list):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  :is(.wysiwyg ul, ul.wp-block-list).has-text-align-center {
    padding-left: calc(var(--spacing) * 0);
    flex-direction: column;
    list-style-position: inside;
    display: flex;
  }

  :is(.wysiwyg ul, ul.wp-block-list).has-text-align-center li {
    margin-inline: auto;
  }

  .wysiwyg ol, ol.wp-block-list {
    padding-left: calc(var(--spacing) * 6);
    list-style-type: decimal;
  }

  :is(.wysiwyg ol, ol.wp-block-list):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .wp-block-quote p {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    border-color: var(--color-primary-light);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-body-xl);
    line-height: var(--tw-leading, var(--text-body-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-style: italic;
  }

  .media-image {
    flex-direction: column;
    max-width: 100%;
    display: flex;
    overflow: hidden;
  }

  .media-image:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .media-image img {
    border-radius: var(--radius-xl);
  }

  .media-image .caption {
    margin-top: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 4);
    font-style: italic;
  }

  .media-image.alignleft {
    align-items: flex-start;
  }

  .media-image.aligncenter {
    align-items: center;
  }

  .media-image.alignright {
    align-items: flex-end;
  }

  .block-cta.aligncenter {
    justify-content: center;
  }

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

  @media (min-width: 768px) {
    .wp-block-columns {
      gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {
    .wp-block-columns {
      gap: 150px;
    }
  }

  .wp-block-columns ~ .wp-block-columns {
    margin-top: calc(var(--spacing) * 15);
  }

  @media not all and (min-width: 768px) {
    .wp-block-columns.block-reverse {
      flex-direction: column-reverse;
    }
  }

  .wp-block-columns .media-image {
    margin-block: calc(var(--spacing) * 0);
    aspect-ratio: 462 / 360;
    width: 100%;
    height: auto;
    max-height: max-content;
    overflow: hidden;
  }

  .wp-block-columns .media-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .accordion-button {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .accordion-button .icon-arrow-D {
    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));
    --tw-duration: .25s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out);
  }

  :is(.accordion.animation-open, .accordion.open) .accordion-button .icon-arrow-D {
    rotate: -180deg;
  }

  .accordion.open.animation-close .accordion-button .icon-arrow-D {
    rotate: none;
  }

  .wp-block-table {
    background-color: #fff;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #50515440, #fff0), linear-gradient(to left, #50515440, #fff0);
    background-position: 0, 100%, 0, 100%;
    background-repeat: no-repeat;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
    overflow-x: auto;
  }

  .wp-block-embed {
    aspect-ratio: var(--aspect-video);
    width: 100%;
    height: auto;
  }

  .wp-block-embed iframe {
    border-radius: var(--radius-xl);
  }

  .embed-content iframe {
    aspect-ratio: var(--aspect-video);
    border-radius: var(--radius-xl);
    width: 100%;
    height: auto;
  }
}

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

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }

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

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

  .top-12\.5 {
    top: calc(var(--spacing) * 12.5);
  }

  .top-auto {
    top: auto;
  }

  .top-full {
    top: 100%;
  }

  .clip-top-radius > .background {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }

  @media (min-width: 912px) {
    .clip-top-radius > .background {
      right: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 4);
      border-top-left-radius: 80px;
      border-top-right-radius: 80px;
    }
  }

  @media (min-width: 1024px) {
    .clip-top-radius > .background {
      right: calc(var(--spacing) * 6);
      left: calc(var(--spacing) * 6);
      border-top-left-radius: 120px;
      border-top-right-radius: 120px;
    }
  }

  @media (min-width: 1280px) {
    .clip-top-radius > .background {
      right: calc(var(--spacing) * 12);
      left: calc(var(--spacing) * 12);
      border-top-left-radius: 200px;
      border-top-right-radius: 200px;
    }
  }

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

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

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

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

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

  .bottom-full {
    bottom: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .z-\[101\] {
    z-index: 101;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

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

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

  .col-4 {
    grid-column: 4;
  }

  .col-5 {
    grid-column: 5;
  }

  .col-6 {
    grid-column: 6;
  }

  .col-7 {
    grid-column: 7;
  }

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

  .col-9 {
    grid-column: 9;
  }

  .col-10 {
    grid-column: 10;
  }

  .col-11 {
    grid-column: 11;
  }

  .col-12 {
    grid-column: 12;
  }

  .col-auto {
    grid-column: auto;
  }

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

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

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

  .content {
    grid-column: content;
  }

  .outer {
    grid-column: outer;
  }

  .col-start-6 {
    grid-column-start: 6;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-end-1 {
    grid-row-end: 1;
  }

  .float-left {
    float: left;
  }

  .float-none {
    float: none;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 375px) {
    .container {
      max-width: 375px;
    }
  }

  @media (min-width: 576px) {
    .container {
      max-width: 576px;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }

  @media (min-width: 912px) {
    .container {
      max-width: 912px;
    }
  }

  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1600px) {
    .container {
      max-width: 1600px;
    }
  }

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

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

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

  .-mx-\[50px\] {
    margin-inline: -50px;
  }

  .-mx-\[var\(--padding-px\)\] {
    margin-inline: calc(var(--padding-px) * -1);
  }

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

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

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

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

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

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

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

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

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

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

  .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-5 {
    margin-block: calc(var(--spacing) * 5);
  }

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

  .-mt-\[50px\] {
    margin-top: -50px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

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

  .-mb-\[100px\] {
    margin-bottom: -100px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-\[4px\] {
    margin-left: 4px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .container-grid {
    --max: calc((var(--container-max-width)  - (var(--gap) * 11)) / 12);
    grid-template-columns: minmax(0, 1fr) [outer-start] var(--padding-px) repeat(5, [content-start] minmax(0, var(--max)) [content-gap] var(--gap)) [content-start] minmax(0, var(--max)) [content-gap] calc(var(--gap) / 2) [half] calc(var(--gap) / 2) repeat(5, [content-start] minmax(0, var(--max)) [content-gap] var(--gap)) [content-start] minmax(0, var(--max)) [content-gap content-end] var(--padding-px) [outer-end] minmax(0, 1fr);
    grid-auto-rows: auto;
    width: 100%;
    display: grid;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

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

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

  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }

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

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

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

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

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

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

  .custom-scrollbar-primary::-webkit-scrollbar {
    background-color: var(--color-transparent);
    border-radius: 4px;
    width: 6px;
  }

  .custom-scrollbar-primary::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 4px;
  }

  @supports not selector(::-webkit-scrollbar) {
    .custom-scrollbar-primary {
      scrollbar-width: thin;
      scrollbar-color: var(--color-primary), var(--color-transparent);
    }
  }

  .w-\(--logo-w\) {
    width: var(--logo-w);
  }

  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }

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

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

  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }

  .w-17\.5 {
    width: calc(var(--spacing) * 17.5);
  }

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

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

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

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

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

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

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

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-screen {
    width: 100vw;
  }

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

  .max-w-62\.5 {
    max-width: calc(var(--spacing) * 62.5);
  }

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

  .max-w-114\.5 {
    max-width: calc(var(--spacing) * 114.5);
  }

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

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

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

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

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

  .min-w-12\.5 {
    min-width: calc(var(--spacing) * 12.5);
  }

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

  .min-w-17\.5 {
    min-width: calc(var(--spacing) * 17.5);
  }

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

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

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

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

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

  .flex-grow-0 {
    flex-grow: 0;
  }

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

  .border-collapse {
    border-collapse: collapse;
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    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-2\/5 {
    --tw-translate-y: calc(calc(2 / 5 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-50 {
    --tw-translate-y: calc(var(--spacing) * -50);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .-rotate-180 {
    rotate: -180deg;
  }

  .-rotate-270 {
    rotate: -270deg;
  }

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

  .disable-transitions *, .disable-transitions :before, .disable-transitions :after {
    transition-property: none;
    animation: none;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

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

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

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

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

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

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

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

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

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

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

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

  .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-between {
    justify-content: space-between;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-\[5px\] {
    gap: 5px;
  }

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

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

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

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

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

  :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)));
  }

  :where(.divide-grey-600 > :not(:last-child)) {
    border-color: var(--color-grey-600);
  }

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .overflow-y-visible {
    overflow-y: visible;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

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

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

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

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

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

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

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

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

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

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

  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }

  .border-t-8 {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-double {
    --tw-border-style: double;
    border-style: double;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\(--button-filter-border-color-active\) {
    border-color: var(--button-filter-border-color-active);
  }

  .border-\(--prod-card-border\) {
    border-color: var(--prod-card-border);
  }

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

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

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

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

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

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

  .bg-\(--button-filter-background-color-active\) {
    background-color: var(--button-filter-background-color-active);
  }

  .bg-\(--custom-floater-bg\) {
    background-color: var(--custom-floater-bg);
  }

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

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-banner-gradient {
    background-image: var(--gradient-banner);
  }

  .bg-card {
    background-image: var(--gradient-card);
  }

  .bg-notification-gradient {
    background-image: var(--gradient-notification);
  }

  .bg-popup-gradient {
    background-image: var(--gradient-popup-background);
  }

  .bg-product-free-delivery {
    background-image: var(--gradient-product-free-delivery);
  }

  .bg-product-icon {
    background-image: var(--gradient-product-icon);
  }

  .bg-product-icon-plus-text {
    background-image: var(--gradient-product-icon-plus-text);
  }

  .bg-product-promotion {
    background-image: var(--gradient-product-promotion);
  }

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

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

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

  .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-8 {
    padding: calc(var(--spacing) * 8);
  }

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

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

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

  .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-\[50px\] {
    padding-inline: 50px;
  }

  .px-\[var\(--padding-px\)\] {
    padding-inline: var(--padding-px);
  }

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

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

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

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

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

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

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

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

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

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

  .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-8 {
    padding-top: calc(var(--spacing) * 8);
  }

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

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

  .pt-\[50px\] {
    padding-top: 50px;
  }

  .pt-px {
    padding-top: 1px;
  }

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

  .pr-11\.5 {
    padding-right: calc(var(--spacing) * 11.5);
  }

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

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

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

  .pb-\[100px\] {
    padding-bottom: 100px;
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

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

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

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

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

  .align-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-top {
    vertical-align: top;
  }

  .text-h3 {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }

  .text-h3-mobile {
    font-size: var(--text-h3-mobile);
    line-height: var(--tw-leading, var(--text-h3-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight));
  }

  .text-h6-mobile {
    font-size: var(--text-h6-mobile);
    line-height: var(--tw-leading, var(--text-h6-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h6-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h6-mobile--font-weight));
  }

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

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

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

  .text-body-lg {
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
    letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing));
  }

  .text-body-xs {
    font-size: var(--text-body-xs);
    line-height: var(--tw-leading, var(--text-body-xs--line-height));
    letter-spacing: var(--tw-tracking, var(--text-body-xs--letter-spacing));
  }

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

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

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

  .text-body-xl {
    font-size: var(--text-body-xl);
    line-height: var(--tw-leading, var(--text-body-xl--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-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  @media not all and (min-width: 768px) {
    .text-body-lg {
      font-size: var(--text-body-base);
    }
  }

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

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

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

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

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

  .text-\(--breadcrumbs-separator\) {
    color: var(--breadcrumbs-separator);
  }

  .text-\(--button-filter-icon-color-active\) {
    color: var(--button-filter-icon-color-active);
  }

  .text-\(--button-filter-text-color-active\) {
    color: var(--button-filter-text-color-active);
  }

  .text-\(--notification-link\) {
    color: var(--notification-link);
  }

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

  .text-\(--product-free-delivery\) {
    color: var(--product-free-delivery);
  }

  .text-\(--product-icon\) {
    color: var(--product-icon);
  }

  .text-\(--product-icon-plus-text\) {
    color: var(--product-icon-plus-text);
  }

  .text-\(--product-promotion\) {
    color: var(--product-promotion);
  }

  .text-\(--rating-link\) {
    color: var(--rating-link);
  }

  .text-\(--text-color-card-title\) {
    color: var(--text-color-card-title);
  }

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

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

  .text-\(--text-footer-bottom\) {
    color: var(--text-footer-bottom);
  }

  .text-grey-400 {
    color: var(--color-grey-400);
  }

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

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

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

  .text-primary-medium {
    color: var(--color-primary-medium);
  }

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

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

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

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow-lg {
    --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
    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: 0px 5px 15px 0px var(--tw-shadow-color, #1f1a3a1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\!transition-none {
    transition-property: none !important;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

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

  .clip-bottom-desktop > .background {
    clip-path: url("#svg-bottom-clip-desktop");
  }

  .clip-bottom-mobile > .background {
    clip-path: url("#svg-bottom-clip-mobile");
  }

  .clip-top-desktop > .background, .clip-top-mobile > .background {
    clip-path: url("#svg-top-clip-desktop");
  }

  :is(.\*\:pointer-events-auto > *) {
    pointer-events: auto;
  }

  :is(.\*\:col-span-1 > *) {
    grid-column: span 1 / span 1;
  }

  :is(.\*\:col-span-6 > *) {
    grid-column: span 6 / span 6;
  }

  :is(.\*\:col-start-1 > *) {
    grid-column-start: 1;
  }

  :is(.\*\:row-start-1 > *) {
    grid-row-start: 1;
  }

  :is(.\*\:mx-auto > *) {
    margin-inline: auto;
  }

  :is(.\*\:aspect-square > *) {
    aspect-ratio: 1;
  }

  :is(.\*\:aspect-video > *) {
    aspect-ratio: var(--aspect-video);
  }

  :is(.\*\:h-full > *) {
    height: 100%;
  }

  :is(.\*\:max-h-\[559px\] > *) {
    max-height: 559px;
  }

  :is(.\*\:min-h-\[360px\] > *) {
    min-height: 360px;
  }

  :is(.\*\:w-15 > *) {
    width: calc(var(--spacing) * 15);
  }

  :is(.\*\:w-full > *) {
    width: 100%;
  }

  :is(.\*\:rounded > *) {
    border-radius: .25rem;
  }

  :is(.\*\:rounded-l > *) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  :is(.\*\:bg-white > *) {
    background-color: var(--color-white);
  }

  :is(.\*\:object-cover > *) {
    object-fit: cover;
  }

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

  :is(.\*\:text-body-lg > *) {
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
    letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing));
  }

  :is(.\*\:text-body-sm > *) {
    font-size: var(--text-body-sm);
    line-height: var(--tw-leading, var(--text-body-sm--line-height));
  }

  :is(.\*\:text-sm > *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  @media not all and (min-width: 768px) {
    :is(.\*\:text-body-lg > *) {
      font-size: var(--text-body-base);
    }
  }

  :is(.\*\:text-white > *) {
    color: var(--color-white);
  }

  :is(.\*\: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));
  }

  :is(.\*\:duration-250 > *) {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  :is(.\*\:ease-in-out > *) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  @media (hover: hover) {
    .group-hover\:max-h-\[250px\]:is(:where(.group):hover *) {
      max-height: 250px;
    }

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

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-focus\:max-h-\[250px\]:is(:where(.group):focus *) {
    max-height: 250px;
  }

  .group-focus\:opacity-100:is(:where(.group):focus *) {
    opacity: 1;
  }

  :is(.\*\:first\:col-start-4 > *):first-child {
    grid-column-start: 4;
  }

  :is(.\*\:first\:col-start-auto > *):first-child {
    grid-column-start: auto;
  }

  :is(.\*\:last\:rounded-bl-\[1\.25rem\] > *):last-child {
    border-bottom-left-radius: 1.25rem;
  }

  :is(.\*\:last\:text-h3 > *):last-child {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }

  :is(.\*\:last\:text-h5-mobile > *):last-child {
    font-size: var(--text-h5-mobile);
    line-height: var(--tw-leading, var(--text-h5-mobile--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5-mobile--font-weight));
  }

  .focus-within\:border-\(--prod-card-border-hover\):focus-within {
    border-color: var(--prod-card-border-hover);
  }

  .focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
    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-0:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  @media (hover: hover) {
    .hover\:border-\(--prod-card-border-hover\):hover {
      border-color: var(--prod-card-border-hover);
    }

    .hover\:text-\(--color-primary-medium\):hover, .hover\:text-primary-medium:hover {
      color: var(--color-primary-medium);
    }

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

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

    .hover\:shadow-lg:hover {
      --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    :is(.hover\:\*\:no-underline:hover > *) {
      text-decoration-line: none;
    }
  }

  .focus\:border-\(--prod-card-border-hover\):focus {
    border-color: var(--prod-card-border-hover);
  }

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

  .focus\:shadow-lg:focus {
    --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:text-primary-medium:active {
    color: var(--color-primary-medium);
  }

  @media not all and (min-width: 1024px) {
    .max-xl\:-mx-\(--padding-px\) {
      margin-inline: calc(var(--padding-px) * -1);
    }

    .max-xl\:\!hidden {
      display: none !important;
    }

    .max-xl\:hidden {
      display: none;
    }

    .max-xl\:w-77 {
      width: calc(var(--spacing) * 77);
    }

    .max-xl\:w-87\.5 {
      width: calc(var(--spacing) * 87.5);
    }

    .max-xl\:w-100 {
      width: calc(var(--spacing) * 100);
    }

    .max-xl\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media not all and (min-width: 912px) {
    .max-lg\:\!hidden {
      display: none !important;
    }

    .max-lg\:w-87\.5 {
      width: calc(var(--spacing) * 87.5);
    }

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

    :is(.max-lg\:\*\:w-25 > *) {
      width: calc(var(--spacing) * 25);
    }

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

  @media not all and (min-width: 768px) {
    .max-md\:text-center {
      text-align: center;
    }

    :is(.max-md\:\*\:h-20 > *) {
      height: calc(var(--spacing) * 20);
    }

    :is(.max-md\:\*\:w-20 > *) {
      width: calc(var(--spacing) * 20);
    }

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

  @media (min-width: 375px) {
    :is(.xs\:\*\:w-20 > *) {
      width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 576px) {
    .sm\:mx-20 {
      margin-inline: calc(var(--spacing) * 20);
    }

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

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

    .sm\:block {
      display: block;
    }

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

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

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

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

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

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

    :is(.sm\:\*\:col-span-12 > *) {
      grid-column: span 12 / span 12;
    }

    :is(.sm\:\*\:min-h-\[400px\] > *) {
      min-height: 400px;
    }

    :is(.sm\:\*\:first\:col-start-7 > *):first-child {
      grid-column-start: 7;
    }

    @media not all and (min-width: 912px) {
      .sm\:max-lg\:col-start-2 {
        grid-column-start: 2;
      }
    }
  }

  @media (min-width: 768px) {
    .md\:absolute {
      position: absolute;
    }

    .md\:inset-x-6 {
      inset-inline: calc(var(--spacing) * 6);
    }

    .md\:-top-6 {
      top: calc(var(--spacing) * -6);
    }

    .md\:-top-29\.5 {
      top: calc(var(--spacing) * -29.5);
    }

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

    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

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

    .md\:content-start-2\/10 {
      grid-column: 2 content-start / span 10 content-gap;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:inline-flex {
      display: inline-flex;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:pt-29\.5 {
      padding-top: calc(var(--spacing) * 29.5);
    }

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

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

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

    .md\:text-h3 {
      font-size: var(--text-h3);
      line-height: var(--tw-leading, var(--text-h3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
    }

    :is(.md\:\*\:col-span-12 > *) {
      grid-column: span 12 / span 12;
    }

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

    :is(.md\:\*\:first\:col-span-2 > *):first-child {
      grid-column: span 2 / span 2;
    }

    :is(.md\:\*\:first\:col-start-7 > *):first-child {
      grid-column-start: 7;
    }
  }

  @media (min-width: 912px) {
    .lg\:\!absolute {
      position: absolute !important;
    }

    .lg\:static {
      position: static;
    }

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

    .lg\:top-auto {
      top: auto;
    }

    .lg\:top-full {
      top: 100%;
    }

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

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

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

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

    .lg\:content {
      grid-column: content;
    }

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

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

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

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

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

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:clip-bottom-desktop > .background {
      clip-path: url("#svg-bottom-clip-desktop");
    }

    .lg\:clip-bottom-mobile > .background {
      clip-path: url("#svg-bottom-clip-mobile");
    }

    .lg\:clip-top-desktop > .background, .lg\:clip-top-mobile > .background {
      clip-path: url("#svg-top-clip-desktop");
    }

    :is(.lg\:\*\:col-span-8 > *) {
      grid-column: span 8 / span 8;
    }

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

    :is(.lg\:\*\:first\:col-start-5 > *):first-child {
      grid-column-start: 5;
    }

    :is(.lg\:\*\:first\:col-start-9 > *):first-child {
      grid-column-start: 9;
    }

    @media not all and (min-width: 1280px) {
      .lg\:max-2xl\:show-only-1 swiper-slide {
        transition: opacity .25s;
      }

      .lg\:max-2xl\:show-only-1 .swiper-slide-prev, .lg\:max-2xl\:show-only-1 .swiper-slide-next {
        opacity: 0;
      }
    }
  }

  @media (min-width: 1024px) {
    .xl\:fixed {
      position: fixed;
    }

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

    .xl\:order-2 {
      order: 2;
    }

    .xl\:order-first {
      order: -9999;
    }

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

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

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

    .xl\:-mx-\[50px\] {
      margin-inline: -50px;
    }

    .xl\:-mr-16 {
      margin-right: calc(var(--spacing) * -16);
    }

    .xl\:grid {
      display: grid;
    }

    .xl\:hidden {
      display: none;
    }

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

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

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

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

    .xl\:self-center {
      align-self: center;
    }

    .xl\:p-1 {
      padding: calc(var(--spacing) * 1);
    }

    .xl\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

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

    .xl\:px-\[50px\] {
      padding-inline: 50px;
    }

    .xl\:text-right {
      text-align: right;
    }

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

    .xl\:show-only-2 swiper-slide {
      transition: opacity .25s;
    }

    .xl\:show-only-2 .swiper-slide-prev, .xl\:show-only-2 .swiper-slide-next + * {
      opacity: 0;
    }

    .xl\:show-only-3 swiper-slide {
      transition: opacity .25s;
    }

    .xl\:show-only-3 .swiper-slide-prev, .xl\:show-only-3 .swiper-slide-next + * + * {
      opacity: 0;
    }

    .xl\:clip-bottom-desktop > .background {
      clip-path: url("#svg-bottom-clip-desktop");
    }

    .xl\:clip-bottom-mobile > .background {
      clip-path: url("#svg-bottom-clip-mobile");
    }

    .xl\:clip-top-desktop > .background, .xl\:clip-top-mobile > .background {
      clip-path: url("#svg-top-clip-desktop");
    }

    :is(.xl\:\*\:w-40 > *) {
      width: calc(var(--spacing) * 40);
    }

    :is(.xl\:\*\:first\:col-span-1 > *):first-child {
      grid-column: span 1 / span 1;
    }

    :is(.xl\:\*\:first\:col-span-2 > *):first-child {
      grid-column: span 2 / span 2;
    }

    :is(.xl\:\*\:first\:col-span-3 > *):first-child {
      grid-column: span 3 / span 3;
    }

    :is(.xl\:\*\:first\:row-span-2 > *):first-child {
      grid-row: span 2 / span 2;
    }

    :is(.xl\:\*\:first\:rounded-tl-\[1\.25rem\] > *):first-child {
      border-top-left-radius: 1.25rem;
    }

    :is(.xl\:\*\:last\:col-span-2 > *):last-child {
      grid-column: span 2 / span 2;
    }

    :is(.xl\:\*\:last\:col-span-3 > *):last-child {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 1280px) {
    .\32 xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

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

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

    .\32 xl\:block {
      display: block;
    }

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

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

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

    .\32 xl\:grid-cols-\[minmax\(600px\,1fr\)_1fr\] {
      grid-template-columns: minmax(600px, 1fr) 1fr;
    }

    .\32 xl\:show-only-2 swiper-slide {
      transition: opacity .25s;
    }

    .\32 xl\:show-only-2 .swiper-slide-prev, .\32 xl\:show-only-2 .swiper-slide-next + * {
      opacity: 0;
    }

    :is(.\32 xl\:\*\:col-span-6 > *) {
      grid-column: span 6 / span 6;
    }

    :is(.\32 xl\:\*\:col-span-8 > *) {
      grid-column: span 8 / span 8;
    }

    :is(.\32 xl\:\*\:first\:col-start-4 > *):first-child {
      grid-column-start: 4;
    }

    :is(.\32 xl\:\*\:first\:col-start-5 > *):first-child {
      grid-column-start: 5;
    }

    :is(.\32 xl\:\*\:first\:col-start-7 > *):first-child {
      grid-column-start: 7;
    }

    :is(.\32 xl\:\*\:first\:col-start-9 > *):first-child {
      grid-column-start: 9;
    }

    :is(.\32 xl\:\*\:first\:col-start-10 > *):first-child {
      grid-column-start: 10;
    }
  }

  @media (max-width: 399px) {
    .\[\@media\(max-width\:399px\)\]\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (max-width: 480px) {
    .\[\@media\(max-width\:480px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    :is(.\[\@media\(max-width\:480px\)\]\:\*\:col-span-full > *) {
      grid-column: 1 / -1;
    }

    :is(.\[\@media\(max-width\:480px\)\]\:\*\:first\:col-start-auto > *):first-child {
      grid-column-start: auto;
    }
  }
}

:root {
  --animated-underline-thickness: min(.1em, 1px);
  --animated-underline-size-initial: 100% var(--animated-underline-thickness), 0 var(--animated-underline-thickness);
  --animated-underline-size-full: 0 var(--animated-underline-thickness), 100% var(--animated-underline-thickness);
  --aniamted-underline-position: 100% calc(100% - 1px), 0 calc(100% - 1px);
  --animated-underline-position-reverse: 0 calc(100% - 1px), 100% calc(100% - 1px);
  --animated-underline-background-image: linear-gradient(var(--color-transparent), var(--color-transparent)), linear-gradient(currentColor, currentColor);
}

@media (min-width: 375px) {
  :root {
    --padding-px: var(--padding-xs);
  }
}

@media (min-width: 576px) {
  :root {
    --padding-px: var(--padding-sm);
    --header-height: 72px;
  }
}

@media (min-width: 768px) {
  :root {
    --padding-px: var(--padding-md);
    --gap: var(--gap-md);
  }
}

@media (min-width: 912px) {
  :root {
    --padding-px: var(--padding-lg);
  }
}

@media (min-width: 1024px) {
  :root {
    --padding-px: var(--padding-xl);
  }
}

@media (min-width: 1280px) {
  :root {
    --padding-px: var(--padding-2xl);
    --gap: var(--gap-2xl);
  }
}

@media (min-width: 1600px) {
  :root {
    --padding-px: var(--padding-3xl) --header-height: 92px;
  }
}

@font-face {
  font-family: medis-icons;
  src: url("/../../wp-content/themes/humanfrog/fonts/medis-icons.woff?gp35df") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@property --divider-left {
  syntax: "<length> | <percentage>";
  inherits: false;
  initial-value: 0;
}

@property --translate-x {
  syntax: "<length> | <percentage>";
  inherits: false;
  initial-value: 0;
}

@property --translate-y {
  syntax: "<length> | <percentage>";
  inherits: false;
  initial-value: 0;
}

@property --logo-w {
  syntax: "<length> | <percentage>";
  inherits: true;
  initial-value: 125px;
}

@property --header-height {
  syntax: "<length> | <percentage>";
  inherits: true;
  initial-value: 60px;
}

@property --padding-px {
  syntax: "<length> | <percentage>";
  inherits: true;
  initial-value: 16px;
}

@property --primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --primary-medium {
  syntax: "<color>";
  inherits: true;
  initial-value: #567ed6;
}

@property --primary-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #98b0e4;
}

@property --primary-extra-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4f8ff;
}

@property --secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffcfbb;
}

@property --secondary-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff4eb;
}

@property --secondary-extra-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff4eb;
}

@property --tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #a50064;
}

@property --tertiary-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffedf5;
}

@property --quaternary {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --quaternary-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --error {
  syntax: "<color>";
  inherits: true;
  initial-value: #c7187c;
}

@property --button-primary-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-primary-icon-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-primary-background-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-primary-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-primary-text-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-primary-icon-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-primary-background-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-primary-border-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-primary-text-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-primary-icon-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-primary-background-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #567ed6;
}

@property --button-primary-border-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #567ed6;
}

@property --button-secondary-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-secondary-icon-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-secondary-background-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-secondary-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-secondary-text-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-secondary-icon-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-secondary-background-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-secondary-border-color-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #190e5c;
}

@property --button-secondary-text-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-secondary-icon-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --button-secondary-background-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #567ed6;
}

@property --button-secondary-border-color-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #567ed6;
}

@keyframes translate {
  0%, 100% {
    --translate-x: 0%;
    --translate-y: 0%;
  }

  16% {
    --translate-x: 0.5%;
    --translate-y: 1%;
  }

  28% {
    --translate-x: -1%;
    --translate-y: -1%;
  }

  50% {
    --translate-x: 2%;
    --translate-y: 0.5%;
  }

  76% {
    --translate-x: 0.5%;
    --translate-y: -1%;
  }
}

[class^="icon-"], [class*=" icon-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: medis-icons !important;
}

.icon-arrow-D:before {
  content: "";
}

.icon-arrow-L:before {
  content: "";
}

.icon-arrow-R:before {
  content: "";
}

.icon-arrow-U:before {
  content: "";
}

.icon-back:before {
  content: "";
}

.icon-basket:before {
  content: "";
}

.icon-ribbon:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-delivery:before {
  content: "";
}

.icon-fb:before {
  content: "";
}

.icon-quick-delivery:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-hf:before {
  content: "";
}

.icon-ig:before {
  content: "";
}

.icon-ln:before {
  content: "";
}

.icon-man:before {
  content: "";
}

.icon-medis:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-planning:before {
  content: "";
}

.icon-pregnancy:before {
  content: "";
}

.icon-kid:before {
  content: "";
}

.icon-baby:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-tt:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-safe-payment:before {
  content: "";
}

.icon-woman:before {
  content: "";
}

.icon-yt:before {
  content: "";
}

.icon-star_full:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-question_circle:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-mail_circle:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-chevron-D:before {
  content: "";
}

.cards__card-product {
  container: card_product / inline-size;
}

.cards__card-product .badges_holder_mob {
  gap: calc(var(--spacing) * 1);
  padding-right: calc(var(--spacing) * 5);
  display: flex;
}

@container card_product (max-width: 380px) {
  .cards__card-product:has(.--price) .button {
    width: calc(var(--spacing) * 12);
    padding: calc(var(--spacing) * 4);
  }

  .cards__card-product:has(.--price) .button .text {
    display: none;
  }

  .cards__card-product:has(.--price) .button [class^="icon-"] {
    position: absolute;
  }
}

@container card_product (max-width: 300px) {
  .cards__card-product .badges_holder {
    right: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 0);
  }

  .cards__card-product .square_badges {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 0);
    align-items: flex-start;
  }

  .cards__card-product .square_badges .elements__square-badge {
    border-radius: 0 .25rem .25rem 0;
  }

  .cards__card-product .circle_badges, .cards__card-product .quick-delivery-text {
    display: none;
  }

  .cards__card-product .badges_holder_mob {
    padding-left: calc(var(--spacing) * 5);
  }

  .cards__card-product .circle_badges_mob {
    display: inline-flex;
  }

  .cards__card-product .circle_badges_mob .elements__circle-badge {
    width: calc(var(--spacing) * 10);
    min-width: calc(var(--spacing) * 10);
  }

  .cards__card-product .circle_badges_mob .top_text {
    font-size: var(--text-body-sm);
    line-height: var(--tw-leading, var(--text-body-sm--line-height));
  }

  .cards__card-product .circle_badges_mob .bottom_text {
    display: none;
  }

  .cards__card-product .quick-delivery-icon {
    display: flex;
  }
}

@container card_product (max-width: 235px) {
  .cards__card-product:not(.--price) .button {
    width: calc(var(--spacing) * 12);
    padding: calc(var(--spacing) * 4);
  }

  .cards__card-product:not(.--price) .button .text {
    display: none;
  }

  .cards__card-product:not(.--price) .button [class^="icon-"] {
    position: absolute;
  }
}

body {
  --cc-font-family: var(--font-sofia);
  --cc-modal-border-radius: var(--radius-xl);
  --cc-modal-margin: 20px;
  --cc-btn-border-radius: var(--radius-xl);
  --cc-primary-color: var(--color-primary);
  --cc-secondary-color: var(--color-grey-600);
  --cc-btn-primary-bg: var(--button-primary-background-color);
  --cc-btn-primary-color: var(--button-primary-text-color);
  --cc-btn-primary-border-color: var(--button-primary-border-color);
  --cc-btn-primary-hover-bg: var(--button-primary-background-color-hover);
  --cc-btn-primary-hover-color: var(--button-primary-text-color-hover);
  --cc-btn-primary-hover-border-color: var(--button-primary-border-color-hover);
  --cc-btn-secondary-bg: var(--button-secondary-background-color);
  --cc-btn-secondary-color: var(--button-secondary-text-color);
  --cc-btn-secondary-border-color: var(--button-secondary-border-color);
  --cc-btn-secondary-hover-bg: var(--button-secondary-background-color-hover);
  --cc-btn-secondary-hover-color: var(--button-secondary-text-color-hover);
  --cc-btn-secondary-hover-border-color: var(--button-secondary-border-color-hover);
  --cc-separator-border-color: var(--color-secondary);
  --cc-cookie-category-block-bg: var(--color-beige);
  --cc-cookie-category-block-border: var(--color-beige);
  --cc-cookie-category-block-hover-bg: var(--color-primary-extra-light);
  --cc-cookie-category-block-hover-border: var(--color-primary-extra-light);
  --cc-cookie-category-expanded-block-hover-bg: var(--color-beige);
  --cc-toggle-on-bg: var(--color-primary);
  --cc-toggle-off-bg: var(--color-grey-600);
  --cc-toggle-readonly-bg: var(--color-grey-600);
}

body #cc-main .pm {
  --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  overflow: visible;
}

body #cc-main .pm__close-btn {
  top: calc(var(--spacing) * -4);
  right: calc(var(--spacing) * -4);
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-style: var(--tw-border-style);
  background-color: var(--color-primary);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-white);
  border-width: 0;
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

@media (hover: hover) {
  body #cc-main .pm__close-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

@media (min-width: 768px) {
  body #cc-main .pm__close-btn {
    top: calc(var(--spacing) * -6);
    right: calc(var(--spacing) * -6);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
  }
}

body #cc-main .pm__close-btn span {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: auto;
  height: auto;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: medis-icons !important;
}

body #cc-main .pm__close-btn span:before {
  content: "";
}

body #cc-main .pm__close-btn span svg {
  display: none;
}

body #cc-main .pm-overlay {
  background-image: var(--gradient-popup-background);
}

body #cc-main .pm__header, body #cc-main .pm__footer {
  margin-inline: calc(var(--spacing) * 5);
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 5);
}

body #cc-main .pm--box {
  height: auto;
  max-height: 90dvh;
}

@media (min-width: 912px) {
  body #cc-main .pm--box {
    padding: calc(var(--spacing) * 7);
  }
}

body #cc-main .pm__body {
  padding: calc(var(--spacing) * 5);
}

body #cc-main .cm {
  --tw-shadow: 0px 50px 50px 0px var(--tw-shadow-color, #1f1a3a1a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

body #cc-main .cm__title {
  font-size: var(--text-h3-mobile);
  line-height: var(--tw-leading, var(--text-h3-mobile--line-height));
  letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight));
  color: var(--text-color-title);
  padding-inline: calc(var(--spacing) * 5) !important;
}

body #cc-main .pm__title {
  margin-right: calc(var(--spacing) * 0);
  font-size: var(--text-h3-mobile);
  line-height: var(--tw-leading, var(--text-h3-mobile--line-height));
  letter-spacing: var(--tw-tracking, var(--text-h3-mobile--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-h3-mobile--font-weight));
  color: var(--text-color-title);
}

body #cc-main .cm__texts {
  padding-top: calc(var(--spacing) * 5);
}

body #cc-main .cm__title + .cm__desc {
  margin-top: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  padding-inline: calc(var(--spacing) * 5) !important;
}

body #cc-main a {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--text-color-link);
  background-image: none;
  text-decoration-line: underline;
}

@media (hover: hover) {
  body #cc-main a:hover {
    color: var(--text-color-link);
    text-decoration-line: none;
  }
}

body #cc-main .cm__btns {
  gap: calc(var(--spacing) * 2);
  margin-inline: calc(var(--spacing) * 5) !important;
  padding-inline: calc(var(--spacing) * 0) !important;
  padding-block: calc(var(--spacing) * 5) !important;
}

body #cc-main .cm__btn-group {
  gap: calc(var(--spacing) * 2);
}

body #cc-main .cm__btn, body #cc-main .pm__btn {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  --tw-font-weight: var(--font-weight-extrabold);
  line-height: 1;
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  border-width: 2px;
  border-color: #0000;
  border-radius: 3.40282e38px;
  text-decoration-line: none;
  transition-duration: .2s;
  display: inline-flex;
}

:is(body #cc-main .cm__btn, body #cc-main .pm__btn) * {
  transition: inherit;
}

body #cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: calc(var(--spacing) * 0);
}

body #cc-main .cm__btn-group + .cm__btn-group {
  margin-top: calc(var(--spacing) * 0);
}

body #cc-main .pm__section--toggle .pm__section-title {
  padding: calc(var(--spacing) * 5);
  padding-right: calc(var(--spacing) * 22.5);
}

body #cc-main .pm__section--expandable .pm__section-title {
  padding-left: calc(var(--spacing) * 15);
}

body #cc-main .pm__section--expandable .pm__section-arrow {
  left: calc(var(--spacing) * 5);
  background-color: var(--color-primary);
}

body #cc-main .pm__section:first-child {
  margin-bottom: calc(var(--spacing) * 5);
}

body #cc-main .pm__section-toggles {
  gap: calc(var(--spacing) * 2);
  flex-direction: column;
  display: flex;
}

body #cc-main .pm__section-toggles + .pm__section {
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 0);
}

body #cc-main .pm__section-toggles + .pm__section .pm__section-desc-wrapper {
  padding-inline: calc(var(--spacing) * 0);
}

body #cc-main .pm__section--toggle {
  margin-bottom: calc(var(--spacing) * 0);
}

body #cc-main .pm__section-title {
  font-size: var(--text-h5-mobile);
  line-height: var(--tw-leading, var(--text-h5-mobile--line-height));
  font-weight: var(--tw-font-weight, var(--text-h5-mobile--font-weight));
  color: var(--text-color-title);
}

body #cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: calc(var(--spacing) * 5);
}

body #cc-main .section__toggle-wrapper {
  right: calc(var(--spacing) * 5);
}

body #cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  opacity: .3;
}

body #cc-main .pm__section--toggle .pm__section-desc {
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 5);
}

body #cc-main .pm__section {
  padding: calc(var(--spacing) * 5);
}

body #cc-main .pm__section-desc-wrapper {
  padding-inline: calc(var(--spacing) * 5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

body #cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-style: var(--tw-border-style);
  border-width: 0;
}

body #cc-main [id$="-desc"]:after {
  top: calc(var(--spacing) * -5);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  position: relative;
}

body #cc-main .pm__table-caption {
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 5);
  font-size: var(--text-h6);
  line-height: var(--tw-leading, var(--text-h6--line-height));
  letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
  color: var(--text-color-title);
  border-width: 0;
}

body #cc-main .pm__section-table {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 5);
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}

body #cc-main .pm__section-table tr:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

body #cc-main .pm__section-table td, body #cc-main .pm__section-table th {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}

body #cc-main .pm__section-table td {
  vertical-align: top;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  border-bottom-style: var(--tw-border-style) !important;
  padding-inline: 13px !important;
  padding-block: calc(var(--spacing) * 4) !important;
  border-bottom-width: 1px !important;
}

body #cc-main .pm__section-table td:first-child {
  padding-left: calc(var(--spacing) * 0);
}

body #cc-main .pm__section-table td:last-child {
  padding-right: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 0 !important;
}

@media (min-width: 768px) {
  body #cc-main .pm__section-table td {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
}

body #cc-main .pm__section-table thead {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 0 !important;
}

body #cc-main .pm__section-table thead td, body #cc-main .pm__section-table thead th {
  background-color: var(--color-primary);
  text-align: left;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  --tw-border-style: none !important;
  padding: calc(var(--spacing) * 4) !important;
  border-style: none !important;
}

:is(body #cc-main .pm__section-table thead td, body #cc-main .pm__section-table thead th):first-child {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:is(body #cc-main .pm__section-table thead td, body #cc-main .pm__section-table thead th):last-child {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

@media not all and (min-width: 768px) {
  body #cc-main .pm__section-table thead td, body #cc-main .pm__section-table thead th {
    display: none;
  }
}

body #cc-main .pm__section-table tfoot {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0 !important;
}

body #cc-main .pm__section-table tfoot td {
  background-color: var(--color-grey-400);
  text-align: left;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  --tw-border-style: none !important;
  padding: calc(var(--spacing) * 4) !important;
  border-style: none !important;
}

body #cc-main .pm__section-table tfoot td:first-child {
  border-bottom-left-radius: var(--radius-lg);
}

body #cc-main .pm__section-table tfoot td:last-child {
  border-bottom-right-radius: var(--radius-lg);
}

@media not all and (min-width: 768px) {
  body #cc-main .pm__section-table .pm__table-body, body #cc-main .pm__section-table .pm__table-tr {
    display: block;
  }

  body #cc-main .pm__section-table .pm__table-td {
    justify-content: space-between;
    display: flex;
  }

  body #cc-main .pm__section-table .pm__table-td > div {
    flex: 3;
  }

  body #cc-main .pm__section-table .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    font-weight: var(--font-weight-bold);
    text-overflow: ellipsis;
    flex: 1;
    min-width: 100px;
    padding-right: 26px;
    overflow: hidden;
  }
}

.show--preferences body #cc-main .cc--anim .pm-overlay {
  opacity: .2;
}

@media screen and (max-width: 640px) {
  .show--preferences body #cc-main .cc--anim .pm {
    border-radius: var(--radius-xl);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    top: 50% !important;
    bottom: auto !important;
  }

  body #cc-main {
    --cc-modal-margin: 20px;
  }

  body #cc-main .pm--box {
    margin-inline: calc(var(--spacing) * 5);
  }

  body #cc-main .pm__header {
    padding-inline: calc(var(--spacing) * 0) !important;
    padding-block: calc(var(--spacing) * 5) !important;
  }

  body #cc-main .pm__body {
    padding: calc(var(--spacing) * 5) !important;
  }

  body #cc-main .pm__footer {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 0) !important;
    padding-block: calc(var(--spacing) * 5) !important;
  }

  body #cc-main .pm__btn-group, body #cc-main .cm__btn-group {
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    flex-direction: row !important;
  }

  body #cc-main .pm__btn + .pm__btn, body #cc-main .pm__btn-group + .pm__btn-group, body #cc-main .cm__btn + .cm__btn, body #cc-main .cm__btn-group + .cm__btn-group {
    margin-top: calc(var(--spacing) * 0) !important;
  }
}

#cookie-change, #cookie-change img {
  display: none;
}

.ddg-form-group input[type="text"], .ddg-form-group input[type="email"], .ddg-form-group textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-400);
  background-color: var(--color-white);
  width: 100%;
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-grey-600);
  border-radius: .25rem;
}

:is(.ddg-form-group input[type="text"], .ddg-form-group input[type="email"], .ddg-form-group textarea):focus-visible {
  border-color: var(--color-grey-600);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.block-user-reviews-form .updated {
  margin-bottom: calc(var(--spacing) * 5);
  font-size: var(--text-h6);
  line-height: var(--tw-leading, var(--text-h6--line-height));
  letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-h6--font-weight));
  color: var(--text-color-title);
}

.block-user-reviews-form form > .acf-notice {
  display: none;
}

.block-user-reviews-form .acf-fields {
  gap: calc(var(--spacing) * 5);
  flex-direction: column;
  display: flex;
}

.block-user-reviews-form .acf-fields > .acf-field {
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  border-width: 0;
}

.block-user-reviews-form .acf-field .acf-label {
  margin-bottom: calc(var(--spacing) * 1);
}

.block-user-reviews-form .acf-field .acf-label label {
  margin-bottom: calc(var(--spacing) * 0);
  color: var(--text-color-title);
  display: inline-flex;
}

.block-user-reviews-form .acf-field .acf-label label .acf-required {
  color: var(--color-error);
}

.block-user-reviews-form .acf-field input[type="text"], .block-user-reviews-form .acf-field input[type="email"], .block-user-reviews-form .acf-field textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-400);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-grey-600);
  border-radius: .25rem;
}

:is(.block-user-reviews-form .acf-field input[type="text"], .block-user-reviews-form .acf-field input[type="email"], .block-user-reviews-form .acf-field textarea):focus-visible {
  border-color: var(--color-grey-600);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.block-user-reviews-form .acf-field .acf-input {
  flex-direction: column;
  display: flex;
}

.block-user-reviews-form .acf-field .acf-input .acf-notice {
  margin-top: calc(var(--spacing) * 1);
  margin-bottom: calc(var(--spacing) * 0);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  border-width: 0;
  order: 2;
}

.block-user-reviews-form .acf-field .acf-input .acf-notice p {
  margin: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.block-user-reviews-form .acf-field .acf-input .acf-notice.-error {
  color: var(--color-error);
  background-color: #0000;
}

.block-user-reviews-form .acf-field .acf-input .acf-notice.-error + .acf-input-wrap input[type="text"], .block-user-reviews-form .acf-field .acf-input .acf-notice.-error + .acf-input-wrap input[type="email"], .block-user-reviews-form .acf-field .acf-input .acf-notice.-error + textarea, .block-user-reviews-form .acf-field .acf-input .acf-notice.-error + * + .acf-checkbox-list label:before {
  border-color: var(--color-error);
}

.block-user-reviews-form .acf-field .acf-input .acf-input-wrap, .block-user-reviews-form .acf-field .acf-input textarea, .block-user-reviews-form .acf-field .acf-input .acf-checkbox-list {
  order: -9999;
}

.block-user-reviews-form .acf-form-submit {
  margin-top: calc(var(--spacing) * 5);
  display: inline-flex;
  position: relative;
}

.block-user-reviews-form .acf-form-submit:has(.acf-spinner.is-active) .button.button-primary {
  color: #0000;
}

.block-user-reviews-form .acf-form-submit:has(.acf-spinner.is-active) .acf-spinner {
  color: var(--button-primary-text-color-hover);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background: url("/../../wp-content/themes/humanfrog/img/spinner.svg") 0 0 / contain;
  position: absolute;
  top: 50%;
  left: 50%;
}

.block-user-reviews-form .acf-radio-list.acf-hl {
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  border-width: 0;
  margin-right: auto;
  display: inline-flex;
}

.block-user-reviews-form .acf-radio-list.acf-hl:focus-within {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.block-user-reviews-form .acf-radio-list.acf-hl li {
  margin: calc(var(--spacing) * 0);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
}

.block-user-reviews-form .acf-radio-list.acf-hl input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.block-user-reviews-form .acf-radio-list.acf-hl label {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  color: var(--color-star);
  line-height: 1;
  display: inline-flex;
}

.block-user-reviews-form .acf-radio-list.acf-hl label:after {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: medis-icons !important;
}

.block-user-reviews-form .acf-radio-list.acf-hl:has(input[value="1"]:checked) li:nth-child(-n+1) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(input[value="2"]:checked) li:nth-child(-n+2) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(input[value="3"]:checked) li:nth-child(-n+3) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(input[value="4"]:checked) li:nth-child(-n+4) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(input[value="5"]:checked) li:nth-child(-n+5) label:after {
  content: "";
}

.block-user-reviews-form .acf-radio-list.acf-hl:hover li label:after {
  content: "" !important;
}

.block-user-reviews-form .acf-radio-list.acf-hl:has(li:first-child:hover) li:nth-child(-n+1) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(li:nth-child(2):hover) li:nth-child(-n+2) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(li:nth-child(3):hover) li:nth-child(-n+3) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(li:nth-child(4):hover) li:nth-child(-n+4) label:after, .block-user-reviews-form .acf-radio-list.acf-hl:has(li:nth-child(5):hover) li:nth-child(-n+5) label:after {
  content: "" !important;
}

.block-user-reviews-form ul.acf-checkbox-list {
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  border-width: 0;
  display: inline-flex;
}

.block-user-reviews-form ul.acf-checkbox-list:focus-within {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.block-user-reviews-form ul.acf-checkbox-list:focus-within li label:before {
  border-color: var(--color-grey-600) !important;
}

.block-user-reviews-form ul.acf-checkbox-list li {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
}

.block-user-reviews-form ul.acf-checkbox-list li label {
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-grey-600);
  display: inline-flex;
  position: relative;
}

.block-user-reviews-form ul.acf-checkbox-list li label input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.block-user-reviews-form ul.acf-checkbox-list li label:before {
  content: "";
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-400);
  border-radius: .25rem;
  display: inline-flex;
}

.block-user-reviews-form ul.acf-checkbox-list li label:has(input:checked):before {
  border-color: var(--color-primary-medium);
  background-color: var(--color-primary-medium);
}

.block-user-reviews-form ul.acf-checkbox-list li label:has(input:checked):after {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  left: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 5);
  text-align: center;
  color: var(--color-white);
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  font-family: medis-icons !important;
}

.select-input {
  height: calc(var(--spacing) * 10.5);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-grey-400);
  background-color: var(--color-white);
  width: 100%;
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-grey-600);
  border-radius: .25rem;
}

:is(.select-input > *) {
  color: var(--color-grey-600);
}

:is(.select-input > *):checked {
  background-color: var(--color-primary-extra-light);
  color: var(--text-color-title);
}

.select-input:focus {
  border-color: var(--color-grey-600);
}

label .required, label .acf-required {
  color: var(--color-error);
}

.block-product-configurator #product-configurator .error-msg {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-error);
}

.block-product-configurator #product-configurator .error-msg, .block-product-configurator #configurator-results, .block-product-configurator #reset-configurator {
  display: none;
}

.block-product-configurator #product-configurator .error-msg.show {
  display: block;
}

.dotdigital-signup-form {
  max-height: 100%;
  overflow-y: auto;
}

.dotdigital-signup-form h2 {
  margin-bottom: calc(var(--spacing) * 5);
  font-size: var(--text-h3);
  line-height: var(--tw-leading, var(--text-h3--line-height));
  letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
}

.dotdigital-signup-form .dotdigital-for-wordpress-widget-description {
  margin-bottom: 10px;
}

.dotdigital-signup-form .ddg-form-group + .ddg-form-group, .dotdigital-signup-form .ddg-checkbox-group + .ddg-checkbox-group {
  margin-top: 10px;
}

.dotdigital-signup-form .dotdigital-form-submit {
  margin-top: calc(var(--spacing) * 10);
}

.dotdigital-signup-form .ddg-form-group + p {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--text-color-title);
}

#sb_instagram {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: calc(var(--spacing) * 0) !important;
}

#sb_instagram .sb_instagram_header {
  display: none;
}

#sb_instagram #sbi_images {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
  gap: 0 !important;
}

#sb_instagram #sbi_images .sbi_item {
  flex-shrink: 0;
  overflow: visible !important;
}

#sb_instagram #sbi_images .sbi_item .sbi_photo {
  height: auto !important;
}

#sb_instagram #sbi_images .sbi_item .sbi_photo:focus, #sb_instagram #sbi_images .sbi_item .sbi_photo:focus-visible {
  border-radius: var(--radius-xl);
  outline: auto;
}

#sb_instagram #sbi_images .sbi_item .sbi_photo img {
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 1 !important;
}

#sb_instagram #sbi_load {
  margin-top: calc(var(--spacing) * 20);
  justify-content: center;
  gap: calc(var(--spacing) * 6);
  flex-wrap: wrap;
  display: flex;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a {
  margin: calc(var(--spacing) * 0) !important;
  align-items: center !important;
  gap: calc(var(--spacing) * 4) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
  border-color: var(--button-primary-border-color) !important;
  background-color: var(--button-primary-background-color) !important;
  padding-inline: calc(var(--spacing) * 6) !important;
  padding-block: calc(var(--spacing) * 4) !important;
  font-size: var(--text-base) !important;
  --tw-font-weight: var(--font-weight-extrabold) !important;
  line-height: 1 !important;
  font-weight: var(--font-weight-extrabold) !important;
  --tw-tracking: var(--tracking-wider) !important;
  letter-spacing: var(--tracking-wider) !important;
  color: var(--button-primary-text-color) !important;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  --tw-duration: .2s !important;
  border-radius: 3.40282e38px !important;
  text-decoration-line: none !important;
  transition-duration: .2s !important;
  display: inline-flex !important;
}

@media (hover: hover) {
  :is(#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a):hover {
    border-color: var(--button-primary-border-color-hover) !important;
    background-color: var(--button-primary-background-color-hover) !important;
    color: var(--button-primary-text-color-hover) !important;
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}

:is(#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a):focus {
  border-color: var(--button-primary-border-color-hover) !important;
  background-color: var(--button-primary-background-color-hover) !important;
  color: var(--button-primary-text-color-hover) !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

:is(#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a):active {
  border-color: var(--button-primary-border-color-active) !important;
  background-color: var(--button-primary-background-color-active) !important;
  color: var(--button-primary-text-color-active) !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

:is(#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a) svg {
  display: none !important;
}

:is(#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a):after {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: medis-icons !important;
}

#sb_instagram #sbi_load .sbi_follow_btn {
  margin: calc(var(--spacing) * 0) !important;
}

#sb_instagram #sbi_load .sbi_load_btn .sbi_loader {
  background-color: var(--button-primary-background-color) !important;
}

.modal {
  opacity: 0;
  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, visibility, 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: .3s;
  transition-duration: .3s;
}

.modal .modal-content {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  max-width: 824px;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  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, visibility, 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: .3s;
  place-self: center;
  transition-duration: .3s;
  display: flex;
}

.modal.modal-open {
  opacity: 1;
}

.modal.modal-open .modal-content {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  --tw-duration: .3s;
  transition-duration: .3s;
}

swiper-container:not(.swiper-initialized):before {
  content: "";
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  color: var(--color-primary);
  background: url("/../../wp-content/themes/humanfrog/img/spinner.svg") 0 0 / contain;
  position: absolute;
  top: 50%;
  left: 50%;
}

swiper-container:not(.swiper-initialized) swiper-slide:not(:first-child) {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

swiper-container:not(.swiper-initialized) swiper-slide:first-child {
  visibility: hidden;
}

.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.slider-dividers swiper-slide {
  position: relative;
}

.slider-dividers swiper-slide:before {
  content: "";
  border-left: var(--divider-width) var(--divider-style) var(--divider-color);
  left: calc((var(--divider-left)  + var(--divider-width)) / -2);
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.swiper-navigation {
  speak: never;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 8px 0;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: medis-icons !important;
}

.swiper-navigation:before {
  margin: 0 auto;
}

.swiper-navigation.prev:before {
  content: "";
}

.swiper-navigation.next:before {
  content: "";
}

.swiper-navigation.swiper-button-disabled {
  pointer-events: none;
}

.swiper-navigation.swiper-button-lock {
  display: none !important;
}

.nav-absolute-outside {
  position: relative;
}

.nav-absolute-outside .swiper-navigation {
  z-index: 10;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}

.nav-absolute-outside .swiper-navigation.prev {
  left: -64px;
}

.nav-absolute-outside .swiper-navigation.next {
  right: -64px;
}

.nav-bottom {
  z-index: 10;
  justify-content: center;
  gap: 32px;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.nav-bottom:has(.swiper-button-lock), .nav-bottom:has(.swiper-button-lock) + .nav-bottom-cover {
  display: none;
}

@media (max-width: 1023px) {
  .nav-absolute-outside .swiper-navigation {
    display: none;
  }
}

.swiper-pagination {
  z-index: 11;
  justify-content: center;
  margin-bottom: -8px;
  padding-top: 32px;
  display: flex;
  position: relative;
}

.swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  padding: calc(var(--spacing) * 2);
  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, visibility, 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));
  border-radius: 3.40282e38px;
}

.swiper-pagination .swiper-pagination-bullet:focus {
  outline-offset: -5px;
}

.swiper-pagination .swiper-pagination-bullet:before {
  content: " ";
  opacity: .3;
  background: currentColor;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  transition: inherit;
  display: block;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .swiper-pagination .swiper-pagination-bullet:hover:before {
  opacity: 1;
}

.swiper-pagination.swiper-pagination-lock {
  display: none;
}

.gallery-top-badges-holder {
  opacity: 1;
  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: .25s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .25s;
  transition-timing-function: var(--ease-in-out);
}

.gallery-top-holder:not(:has(swiper-container swiper-slide:first-child.swiper-slide-active)) .gallery-top-badges-holder, .gallery-top-holder:has(.swiper-slide-active > iframe, .swiper-slide-active > .needs-consent) .gallery-top-badges-holder {
  pointer-events: none;
  opacity: 0;
}

:is(.gallery-top-holder:not(:has(swiper-container swiper-slide:first-child.swiper-slide-active)) .gallery-top-badges-holder, .gallery-top-holder:has(.swiper-slide-active > iframe, .swiper-slide-active > .needs-consent) .gallery-top-badges-holder) * {
  pointer-events: none;
}

.gallery-top-holder:focus-within:not(:has(.swiper-slide-active > iframe:focus-within, .swiper-slide-active > .needs-consent:focus-within)) > div {
  border-radius: var(--radius-xl);
  outline: auto;
}

.product-thumbs {
  margin-block: calc(var(--spacing) * -1);
}

.product-thumbs swiper-slide {
  padding: calc(var(--spacing) * 1);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.product-thumbs swiper-slide img {
  border-radius: var(--radius-xl);
}

.product-thumbs swiper-slide.swiper-slide-thumb-active {
  position: relative;
}

.product-thumbs swiper-slide.swiper-slide-thumb-active:before {
  inset: calc(var(--spacing) * 1);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--primary-light);
  --tw-content: "";
  content: var(--tw-content);
  position: absolute;
}

.slider-banner .swiper-pagination {
  --bottom-quotient: 12.5;
  bottom: calc(var(--spacing) * var(--bottom-quotient)  + var(--row-2));
  width: 100%;
  position: absolute;
}

@media (min-width: 576px) {
  .slider-banner .swiper-pagination {
    --bottom-quotient: 17.5;
  }
}

:is(.wysiwyg, section) > :not(:last-child) {
  margin-bottom: calc(var(--spacing) * 5);
}

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

table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}

table tr:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

table td, table th {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}

table td {
  vertical-align: top;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
  border-bottom-style: var(--tw-border-style) !important;
  padding-inline: 13px !important;
  padding-block: calc(var(--spacing) * 4) !important;
  border-bottom-width: 1px !important;
}

table td:first-child {
  padding-left: calc(var(--spacing) * 0);
}

table td:last-child {
  padding-right: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 0 !important;
}

table thead {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 0 !important;
}

table thead td, table thead th {
  background-color: var(--color-primary);
  text-align: left;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--thead-font-weight);
  font-weight: var(--thead-font-weight);
  color: var(--color-white);
  --tw-border-style: none !important;
  padding: calc(var(--spacing) * 4) !important;
  border-style: none !important;
}

:is(table thead td, table thead th):first-child {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:is(table thead td, table thead th):last-child {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

table thead td, table thead th {
  font-family: var(--thead-font-family);
}

table tfoot {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0 !important;
}

table tfoot td {
  background-color: var(--color-grey-400);
  text-align: left;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--tfoot-font-weight);
  font-weight: var(--tfoot-font-weight);
  color: var(--color-white);
  --tw-border-style: none !important;
  padding: calc(var(--spacing) * 4) !important;
  border-style: none !important;
}

table tfoot td:first-child {
  border-bottom-left-radius: var(--radius-lg);
}

table tfoot td:last-child {
  border-bottom-right-radius: var(--radius-lg);
}

table tfoot td {
  font-family: var(--tfoot-font-family);
}

figcaption {
  vertical-align: top;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.content-full {
  grid-column: 1 / -1;
}

.content-narrow {
  grid-column: content;
}

@media (min-width: 576px) {
  .content-narrow {
    grid-column: 2 content-start / span 10 content-gap;
  }
}

@media (min-width: 1024px) {
  .content-narrow {
    grid-column: 3 content-start / span 8 content-gap;
  }
}

.mt-s {
  margin-top: 10px;
}

.mt-m {
  margin-top: 20px;
}

.mt-l {
  margin-top: 40px;
}

.mt-xl {
  margin-top: 80px;
}

.mt-xxl {
  margin-top: 160px;
}

.mb-s {
  margin-bottom: 10px;
}

.mb-m {
  margin-bottom: 20px;
}

.mb-l {
  margin-bottom: 40px;
}

.mb-xl {
  margin-bottom: 80px;
}

.mb-xxl {
  margin-bottom: 160px;
}

.tabs-articles-product .article-category-tab {
  display: none;
}

.hide-popup {
  display: none !important;
}

.decorative-filter {
  opacity: .6;
  mix-blend-mode: multiply;
}

.decorative-filter-2 {
  opacity: .8;
  mix-blend-mode: multiply;
}

.logout-floater {
  z-index: 100;
  padding: 3px;
  position: fixed;
  top: 77px;
  right: 72px;
}

@media (max-width: 1599px) {
  .logout-floater {
    top: 75px;
    right: 84px;
  }
}

@media (max-width: 767px) {
  .logout-floater {
    top: 71px;
  }
}

@media (max-width: 575px) {
  .logout-floater {
    top: 65px;
  }
}

picture.object-cover img {
  object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-404 {
  margin: 0 auto 40px;
}

@media (max-width: 425px) {
  .image-404 {
    margin: 20px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-divide-x-reverse {
  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;
}