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

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

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

    --color-red-500: oklch(63.7% 0.237 25.331);

    --color-yellow-200: oklch(94.5% 0.129 101.54);

    --color-green-600: rgb(0, 164, 71);

    --color-blue-100: oklch(93.2% 0.032 255.585);

    --color-gray-100: oklch(96.7% 0.003 264.542);

    --color-gray-200: oklch(92.8% 0.006 264.531);

    --color-gray-300: oklch(87.2% 0.01 258.338);

    --color-gray-400: oklch(70.7% 0.022 261.325);

    --color-gray-500: oklch(55.1% 0.027 264.364);

    --color-gray-600: oklch(44.6% 0.03 256.802);

    --color-gray-700: oklch(37.3% 0.034 259.733);

    --color-gray-800: oklch(27.8% 0.033 256.848);

    --color-gray-900: oklch(21% 0.034 264.665);

    --color-black: #000;

    --color-white: #fff;

    --spacing: 0.25rem;

    --text-xs: 0.75rem;

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

    --text-sm: 0.875rem;

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

    --text-base: 1rem;

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

    --text-lg: 1.125rem;

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

    --text-xl: 1.25rem;

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

    --text-2xl: 1.5rem;

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

    --text-3xl: 1.875rem;

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

    --text-4xl: 2.25rem;

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

    --text-7xl: 4.5rem;

    --text-9xl: 8rem;

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

    --font-weight-light: 300;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --font-weight-extrabold: 800;

    --leading-normal: 1.5;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --radius-4xl: 2rem;

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

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

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

    --default-transition-duration: 200ms;

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

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

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

    --font-display: 'Bricolage Grotesque', sans-serif;

    --radius-xxl: 20px;

    --color-primary: var(--user-theme-primary-color, #2653ee);

    --color-background: #f6f7f8;

    --color-foreground: #f6f7f8;

    --color-contrast: var(--user-theme-contrast-color, #000);

    --color-buy-and-get: var(--user-theme-buy-and-get-color, #2653ee);

    --color-more-for-less: var(--user-theme-more-for-less-color, #2653ee);

    --color-regular-promotion: var(--user-theme-regular-promotion-color, #2653ee);

    --color-progressive-discount: var(--user-theme-progressive-discount-color, #2653ee);

    --color-persona: var(--user-theme-persona-color, #2653ee);

    --color-default-link: #2699fb;

    --color-black-2: #3F4B49;

    --color-alert-warning: #FAE364;

    --color-info-message: #FF9900;

    --color-product-installment: #04943c;

    --color-header: var(--user-theme-menu-color, #fff);

    --color-header-foreground: var(--user-theme-menu-text-color, #000);

    --color-banner-background: var(--user-theme-banner-color, transparent);

    --color-shopping-cart: var(--user-theme-shopping-cart-color, #2653ee);

    --color-shopping-cart-foreground: var(--user-theme-shopping-cart-foreground, #fff);

    --color-f6f6f6: #f6f6f6;

    --color-separator: #e8e9eb;

    --min-height-container: calc(100vh - 800px);

    --color-footer-button: #f6f7f8;

    --color-footer-button-hover: #e8e9eb;

    --color-footer-border: #e8e9eb;

    --color-safe-connection-certificate: #252f3e;

    --color-full-price: #999999;

    --color-warning: #f8bc0c;

    --color-link: #1024e5;

    --color-error: #ff272d;

    --color-replacement-accept-button: #04943C;

    --color-replacement-remove-button: #FF272D;

    --color-replacement-understood-button: #2653ee;

    --shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.08);

    --shadow-card-reverse: 0 -1px 2px 0 rgba(0, 0, 0, 0.08);

    --animate-slide-down: slide-down 300ms cubic-bezier(0.87, 0, 0.13, 1);

    --animate-slide-up: slide-up 300ms cubic-bezier(0.87, 0, 0.13, 1);

    --animate-fade-in: fade-in 150ms cubic-bezier(0.17, 0.67, 0.83, 0.67);

    --breakpoint-desktop-small: 1024px;

    --breakpoint-desktop-small-half: calc(var(--breakpoint-desktop-small) / 2);
  }

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

      --color-green-600: oklch(62.7% 0.194 149.214);
    }
}
}

@layer base {

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

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html,
  :host {

    line-height: 1.5;

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

    -moz-tab-size: 4;

         tab-size: 4;

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

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

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

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

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline;

    text-decoration: underline dotted;
  }

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

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b,
  strong {

    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {

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

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

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

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub,
  sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol,
  ul,
  menu {

    list-style: none;
  }

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

    display: block;

    vertical-align: middle;
  }

  img,
  video {

    max-width: 100%;

    height: auto;
  }

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

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

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

    font-weight: bolder;
  }

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

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

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

    ::-moz-placeholder {

      color: currentcolor;

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

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

    ::placeholder {

      color: currentcolor;

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

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

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

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

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

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

    padding: 0;
  }

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

    padding-block: 0;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

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

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

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

    height: auto;
  }

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

    display: none !important;
  }
}

@layer utilities {

  .pointer-events-none {

    pointer-events: none;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

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

  .top-0 {

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

  .top-1\/2 {

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

  .top-2 {

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

  .top-full {

    top: 100%;
  }

  .right-0 {

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

  .right-1 {

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

  .right-1\/2 {

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

  .right-4 {

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

  .right-5 {

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

  .-bottom-4\.5 {

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

  .bottom-0 {

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

  .bottom-1 {

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

  .bottom-10 {

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

  .bottom-23 {

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

  .left-0 {

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

  .left-1\/2 {

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

  .left-2 {

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

  .isolate {

    isolation: isolate;
  }

  .-z-10 {

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

  .z-0 {

    z-index: 0;
  }

  .z-1 {

    z-index: 1;
  }

  .z-2 {

    z-index: 2;
  }

  .z-3 {

    z-index: 3;
  }

  .z-10 {

    z-index: 10;
  }

  .z-20 {

    z-index: 20;
  }

  .z-30 {

    z-index: 30;
  }

  .z-50 {

    z-index: 50;
  }

  .z-99 {

    z-index: 99;
  }

  .z-1000 {

    z-index: 1000;
  }

  .col-span-2 {

    grid-column: span 2 / span 2;
  }

  .col-start-2 {

    grid-column-start: 2;
  }

  .-col-end-1 {

    grid-column-end: calc(1 * -1);
  }

  .container {

    width: 100%;

    @media (width >= calc(var(--breakpoint-desktop-small) / 2)) {

      max-width: calc(var(--breakpoint-desktop-small) / 2);
    }

    @media (width >= 361px) {

      max-width: 361px;
    }

    @media (width >= 608px) {

      max-width: 608px;
    }

    @media (width >= 750px) {

      max-width: 750px;
    }

    @media (width >= 900px) {

      max-width: 900px;
    }

    @media (width >= 1024px) {

      max-width: 1024px;
    }

    @media (width >= 1178px) {

      max-width: 1178px;
    }

    @media (width >= 1418px) {

      max-width: 1418px;
    }

    @media (width >= 1638px) {

      max-width: 1638px;
    }

    @media (width >= 40rem) {

      max-width: 40rem;
    }

    @media (width >= 48rem) {

      max-width: 48rem;
    }

    @media (width >= 64rem) {

      max-width: 64rem;
    }

    @media (width >= 80rem) {

      max-width: 80rem;
    }

    @media (width >= 96rem) {

      max-width: 96rem;
    }
  }

  .-m-3\.5 {

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

  .-m-4 {

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

  .m-0 {

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

  .m-2 {

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

  .m-4 {

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

  .m-5 {

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

  .m-7 {

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

  .m-10 {

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

  .m-14 {

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

  .m-17 {

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

  .m-21 {

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

  .m-33 {

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

  .m-34 {

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

  .m-36 {

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

  .m-41 {

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

  .m-47 {

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

  .m-51 {

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

  .m-53 {

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

  .m-62 {

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

  .m-66 {

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

  .m-70 {

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

  .m-71 {

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

  .m-72 {

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

  .m-79 {

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

  .m-86 {

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

  .m-93 {

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

  .m-99 {

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

  .m-100 {

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

  .m-104 {

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

  .m-105 {

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

  .m-110 {

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

  .m-112 {

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

  .m-114 {

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

  .m-115 {

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

  .m-120 {

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

  .m-121 {

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

  .m-124 {

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

  .m-126 {

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

  .m-135 {

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

  .m-141 {

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

  .m-142 {

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

  .m-148 {

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

  .m-149 {

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

  .m-154 {

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

  .m-168 {

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

  .m-181 {

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

  .m-182 {

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

  .m-188 {

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

  .m-192 {

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

  .m-196 {

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

  .m-203 {

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

  .m-205 {

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

  .m-207 {

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

  .m-215 {

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

  .m-219 {

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

  .m-221 {

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

  .m-222 {

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

  .m-223 {

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

  .m-231 {

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

  .m-234 {

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

  .m-242 {

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

  .m-244 {

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

  .m-246 {

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

  .m-248 {

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

  .m-264 {

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

  .m-273 {

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

  .m-278 {

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

  .m-285 {

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

  .m-291 {

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

  .m-296 {

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

  .m-304 {

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

  .m-314 {

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

  .m-350 {

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

  .m-355 {

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

  .m-365 {

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

  .m-367 {

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

  .m-371 {

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

  .m-375 {

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

  .m-387 {

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

  .m-416 {

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

  .m-432 {

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

  .m-434 {

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

  .m-436 {

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

  .m-451 {

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

  .m-459 {

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

  .m-490 {

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

  .m-533 {

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

  .m-545 {

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

  .m-556 {

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

  .m-560 {

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

  .m-578 {

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

  .m-594 {

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

  .m-603 {

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

  .m-614 {

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

  .m-656 {

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

  .m-684 {

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

  .m-725 {

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

  .m-818 {

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

  .m-875 {

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

  .m-\[1px\] {

    margin: 1px;
  }

  .-mx-5 {

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

  .-mx-6 {

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

  .-mx-8 {

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

  .mx-4 {

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

  .mx-5 {

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

  .mx-6\.25 {

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

  .mx-8 {

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

  .mx-auto {

    margin-inline: auto;
  }

  .my-1 {

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

  .my-2\.5 {

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

  .my-4 {

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

  .my-5 {

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

  .my-8 {

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

  .my-\[1px\] {

    margin-block: 1px;
  }

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

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

  .mt-2\.5 {

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

  .mt-3\.5 {

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

  .mt-4 {

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

  .mt-5 {

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

  .mt-6 {

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

  .mt-\[1px\] {

    margin-top: 1px;
  }

  .mt-\[70px\] {

    margin-top: 70px;
  }

  .mr-2\.5 {

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

  .mr-auto {

    margin-right: auto;
  }

  .mb-0 {

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

  .mb-1 {

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

  .mb-1\.5 {

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

  .mb-2 {

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

  .mb-2\.5 {

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

  .mb-3 {

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

  .mb-3\.5 {

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

  .mb-5 {

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

  .mb-6 {

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

  .mb-7\.5 {

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

  .mb-\[64px\] {

    margin-bottom: 64px;
  }

  .ml-auto {

    margin-left: auto;
  }

  .payments-cap-7 {

    display: grid;

    grid-auto-flow: column;

    grid-auto-columns: max-content;

    gap: .75rem;

    align-items: center;

    & > .payment-item:nth-child(-n + 7) {

      display: revert;
    }

    & > .payment-item:nth-child(n + 8) {

      display: none;
    }
  }

  .line-clamp-1 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;
  }

  .line-clamp-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }

  .line-clamp-3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
  }

  .no-scrollbar {

    -ms-overflow-style: none;

    scrollbar-width: none;

    &::-webkit-scrollbar {

      display: none;
    }
  }

  .\[display\:contents\] {

    display: contents;
  }

  .block {

    display: block;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-flex {

    display: inline-flex;
  }

  .table {

    display: table;
  }

  .aspect-1\/1 {

    aspect-ratio: 1/1;
  }

  .aspect-120\/84 {

    aspect-ratio: 120/84;
  }

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

    aspect-ratio: 3/2;
  }

  .aspect-square {

    aspect-ratio: 1 / 1;
  }

  .size-5 {

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

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

  .size-5\.5 {

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

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

  .size-7\.5 {

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

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

  .size-8 {

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

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

  .size-10 {

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

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

  .size-10\.75 {

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

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

  .size-12 {

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

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

  .size-27 {

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

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

  .h-1 {

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

  .h-2 {

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

  .h-3 {

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

  .h-3\.5 {

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

  .h-4 {

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

  .h-4\.5 {

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

  .h-4\.25 {

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

  .h-5 {

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

  .h-5\.5 {

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

  .h-6 {

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

  .h-7 {

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

  .h-8 {

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

  .h-8\.5 {

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

  .h-8\.75 {

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

  .h-9 {

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

  .h-9\.5 {

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

  .h-10 {

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

  .h-12 {

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

  .h-15 {

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

  .h-20 {

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

  .h-25 {

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

  .h-41 {

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

  .h-77\.5 {

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

  .h-78 {

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

  .h-\[14px\] {

    height: 14px;
  }

  .h-\[26px\] {

    height: 26px;
  }

  .h-\[28px\] {

    height: 28px;
  }

  .h-\[45px\] {

    height: 45px;
  }

  .h-\[50px\] {

    height: 50px;
  }

  .h-\[68px\] {

    height: 68px;
  }

  .h-\[220px\] {

    height: 220px;
  }

  .h-fit {

    height: -moz-fit-content;

    height: fit-content;
  }

  .h-full {

    height: 100%;
  }

  .h-screen {

    height: 100vh;
  }

  .max-h-96 {

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

  .max-h-137\.5 {

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

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

    max-height: 44px;
  }

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

    max-height: 50px;
  }

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

    max-height: 80vh;
  }

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

    max-height: 90vh;
  }

  .max-h-fit {

    max-height: -moz-fit-content;

    max-height: fit-content;
  }

  .max-h-full {

    max-height: 100%;
  }

  .min-h-\(--min-height-container\) {

    min-height: var(--min-height-container);
  }

  .min-h-9\.5 {

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

  .min-h-96 {

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

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

    min-height: 88px;
  }

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

    min-height: 400px;
  }

  .min-h-\[calc\(100dvh-231px\)\] {

    min-height: calc(100dvh - 231px);
  }

  .min-h-\[calc\(100dvh-237px\)\] {

    min-height: calc(100dvh - 237px);
  }

  .min-h-\[calc\(100dvh-267px\)\] {

    min-height: calc(100dvh - 267px);
  }

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

    min-height: calc(100vh - 300px);
  }

  .min-h-\[inherit\] {

    min-height: inherit;
  }

  .min-h-dvh {

    min-height: 100dvh;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .\!w-full {

    width: 100% !important;
  }

  .w-1\/2 {

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

  .w-2\/3 {

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

  .w-4 {

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

  .w-5 {

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

  .w-7\.5 {

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

  .w-8 {

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

  .w-9\.5 {

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

  .w-10 {

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

  .w-10\.5 {

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

  .w-12 {

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

  .w-15 {

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

  .w-20 {

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

  .w-22\.5 {

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

  .w-25 {

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

  .w-30 {

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

  .w-35 {

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

  .w-41 {

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

  .w-95 {

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

  .w-100 {

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

  .w-\[1px\] {

    width: 1px;
  }

  .w-\[14px\] {

    width: 14px;
  }

  .w-\[54px\] {

    width: 54px;
  }

  .w-\[68px\] {

    width: 68px;
  }

  .w-\[94px\] {

    width: 94px;
  }

  .w-fit {

    width: -moz-fit-content;

    width: fit-content;
  }

  .w-full {

    width: 100%;
  }

  .w-max {

    width: -moz-max-content;

    width: max-content;
  }

  .max-w-1\/2 {

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

  .max-w-1\/3 {

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

  .max-w-10 {

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

  .max-w-14\.5 {

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

  .max-w-20 {

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

  .max-w-41 {

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

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

    max-width: 76px;
  }

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

    max-width: 90%;
  }

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

    max-width: 142px;
  }

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

    max-width: 180px;
  }

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

    max-width: 250px;
  }

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

    max-width: 330px;
  }

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

    max-width: 400px;
  }

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

    max-width: 1110px;
  }

  .max-w-\[calc\(100\%-86px\)\] {

    max-width: calc(100% - 86px);
  }

  .max-w-\[var\(--breakpoint-desktop-small\)\] {

    max-width: var(--breakpoint-desktop-small);
  }

  .max-w-fit {

    max-width: -moz-fit-content;

    max-width: fit-content;
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-min {

    max-width: -moz-min-content;

    max-width: min-content;
  }

  .min-w-0 {

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

  .min-w-5 {

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

  .min-w-6 {

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

  .min-w-14\.5 {

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

  .min-w-30 {

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

  .min-w-38 {

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

  .min-w-41 {

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

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

    min-width: 28px;
  }

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

    min-width: 214px;
  }

  .min-w-fit {

    min-width: -moz-fit-content;

    min-width: fit-content;
  }

  .min-w-full\! {

    min-width: 100% !important;
  }

  .min-w-max {

    min-width: -moz-max-content;

    min-width: max-content;
  }

  .\!flex-1 {

    flex: 1 !important;
  }

  .flex-1 {

    flex: 1;
  }

  .flex-1\/2 {

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

  .shrink {

    flex-shrink: 1;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .shrink-1 {

    flex-shrink: 1;
  }

  .shrink-2 {

    flex-shrink: 2;
  }

  .grow {

    flex-grow: 1;
  }

  .grow-0 {

    flex-grow: 0;
  }

  .grow-1 {

    flex-grow: 1;
  }

  .basis-5\/12 {

    flex-basis: calc(5/12 * 100%);
  }

  .basis-6\/12 {

    flex-basis: calc(6/12 * 100%);
  }

  .origin-top {

    transform-origin: top;
  }

  .-translate-x-1\/2 {

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

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

  .-translate-y-1\/2 {

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

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

  .transform {

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

  .animate-fade-in {

    animation: var(--animate-fade-in);
  }

  .animate-pulse {

    animation: var(--animate-pulse);
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .snap-x {

    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {

    --tw-scroll-snap-strictness: mandatory;
  }

  .grid-flow-col {

    grid-auto-flow: column;
  }

  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(167px\,1fr\)\)\] {

    grid-template-columns: repeat(auto-fill,minmax(167px,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-5 {

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

  .flex-col {

    flex-direction: column;
  }

  .flex-col-reverse {

    flex-direction: column-reverse;
  }

  .flex-row {

    flex-direction: row;
  }

  .flex-row-reverse {

    flex-direction: row-reverse;
  }

  .flex-nowrap {

    flex-wrap: nowrap;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .content-center {

    align-content: center;
  }

  .\!items-center {

    align-items: center !important;
  }

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

  .gap-0\.5 {

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

  .gap-1 {

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

  .gap-1\.5 {

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

  .gap-1\.25 {

    gap: calc(var(--spacing) * 1.25);
  }

  .gap-2 {

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

  .gap-2\.5 {

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

  .gap-3 {

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

  .gap-3\.5 {

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

  .gap-4 {

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

  .gap-5 {

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

  .gap-5\.75 {

    gap: calc(var(--spacing) * 5.75);
  }

  .gap-6 {

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

  .gap-10 {

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

  .gap-\[5px\] {

    gap: 5px;
  }

  .space-y-2 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .space-y-3 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .gap-x-0\.5 {

    -moz-column-gap: calc(var(--spacing) * 0.5);

         column-gap: calc(var(--spacing) * 0.5);
  }

  .gap-x-1 {

    -moz-column-gap: calc(var(--spacing) * 1);

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

  .gap-x-1\.5 {

    -moz-column-gap: calc(var(--spacing) * 1.5);

         column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {

    -moz-column-gap: calc(var(--spacing) * 2);

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

  .gap-x-3 {

    -moz-column-gap: calc(var(--spacing) * 3);

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

  .gap-x-3\.5 {

    -moz-column-gap: calc(var(--spacing) * 3.5);

         column-gap: calc(var(--spacing) * 3.5);
  }

  .gap-x-4 {

    -moz-column-gap: calc(var(--spacing) * 4);

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

  .gap-x-5 {

    -moz-column-gap: calc(var(--spacing) * 5);

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

  .gap-x-6 {

    -moz-column-gap: calc(var(--spacing) * 6);

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

  .gap-x-20 {

    -moz-column-gap: calc(var(--spacing) * 20);

         column-gap: calc(var(--spacing) * 20);
  }

  .gap-y-0\.5 {

    row-gap: calc(var(--spacing) * 0.5);
  }

  .gap-y-1 {

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

  .gap-y-1\.5 {

    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-1\.25 {

    row-gap: calc(var(--spacing) * 1.25);
  }

  .gap-y-2 {

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

  .gap-y-2\.5 {

    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-4 {

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

  .gap-y-5 {

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

  .gap-y-5\.75 {

    row-gap: calc(var(--spacing) * 5.75);
  }

  .gap-y-8 {

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

  .gap-y-9\.25 {

    row-gap: calc(var(--spacing) * 9.25);
  }

  .gap-y-px {

    row-gap: 1px;
  }

  .self-center {

    align-self: center;
  }

  .self-stretch {

    align-self: stretch;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .\!overflow-auto {

    overflow: auto !important;
  }

  .overflow-auto {

    overflow: auto;
  }

  .overflow-clip {

    overflow: clip;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-visible {

    overflow: visible;
  }

  .overflow-x-auto {

    overflow-x: auto;
  }

  .overflow-x-clip {

    overflow-x: clip;
  }

  .overflow-y-hidden {

    overflow-y: hidden;
  }

  .\!rounded-none {

    border-radius: 0 !important;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-2xl {

    border-radius: var(--radius-2xl);
  }

  .rounded-4xl {

    border-radius: var(--radius-4xl);
  }

  .rounded-\[0\.625rem\] {

    border-radius: 0.625rem;
  }

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

    border-radius: 1.25rem;
  }

  .rounded-\[5px\] {

    border-radius: 5px;
  }

  .rounded-\[8px\] {

    border-radius: 8px;
  }

  .rounded-\[10px\] {

    border-radius: 10px;
  }

  .rounded-\[12px\] {

    border-radius: 12px;
  }

  .rounded-\[14px\] {

    border-radius: 14px;
  }

  .rounded-\[16px\] {

    border-radius: 16px;
  }

  .rounded-\[17px\] {

    border-radius: 17px;
  }

  .rounded-\[18px\] {

    border-radius: 18px;
  }

  .rounded-\[35px\] {

    border-radius: 35px;
  }

  .rounded-\[50px\] {

    border-radius: 50px;
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

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

  .rounded-md {

    border-radius: var(--radius-md);
  }

  .rounded-none {

    border-radius: 0;
  }

  .rounded-sm {

    border-radius: var(--radius-sm);
  }

  .rounded-xl {

    border-radius: var(--radius-xl);
  }

  .rounded-xxl {

    border-radius: var(--radius-xxl);
  }

  .rounded-t-xxl {

    border-top-left-radius: var(--radius-xxl);

    border-top-right-radius: var(--radius-xxl);
  }

  .rounded-l-full {

    border-top-left-radius: calc(infinity * 1px);

    border-bottom-left-radius: calc(infinity * 1px);
  }

  .rounded-l-lg {

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

    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-l-none {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;
  }

  .rounded-l-sm {

    border-top-left-radius: var(--radius-sm);

    border-bottom-left-radius: var(--radius-sm);
  }

  .rounded-r-lg {

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

    border-bottom-right-radius: var(--radius-lg);
  }

  .\!rounded-b-lg {

    border-bottom-right-radius: var(--radius-lg) !important;

    border-bottom-left-radius: var(--radius-lg) !important;
  }

  .border {

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

    border-width: 1px;
  }

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

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

    border-bottom-width: 1px;
  }

  .border-b-1 {

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

    border-bottom-width: 1px;
  }

  .border-dashed {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .border-none {

    --tw-border-style: none;

    border-style: none;
  }

  .border-\[\#E6E7EB\] {

    border-color: #E6E7EB;
  }

  .border-\[var\(--color-replacement-remove-button\)\] {

    border-color: var(--color-replacement-remove-button);
  }

  .border-black {

    border-color: var(--color-black);
  }

  .border-black\/5 {

    border-color: color-mix(in srgb, #000 5%, transparent);

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

      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-black\/10 {

    border-color: color-mix(in srgb, #000 10%, transparent);

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

      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/20 {

    border-color: color-mix(in srgb, #000 20%, transparent);

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

      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .border-black\/30 {

    border-color: color-mix(in srgb, #000 30%, transparent);

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

      border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .border-gray-200 {

    border-color: var(--color-gray-200);
  }

  .border-primary {

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

  .border-transparent {

    border-color: transparent;
  }

  .bg-\[\#F6F7F8\] {

    background-color: #F6F7F8;
  }

  .bg-\[\#f6f7f8\] {

    background-color: #f6f7f8;
  }

  .bg-\[rgba\(0\,0\,0\,0\.04\)\] {

    background-color: rgba(0,0,0,0.04);
  }

  .bg-\[var\(--color-background\)\] {

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

  .bg-\[var\(--color-replacement-accept-button\)\] {

    background-color: var(--color-replacement-accept-button);
  }

  .bg-\[var\(--color-replacement-understood-button\)\] {

    background-color: var(--color-replacement-understood-button);
  }

  .bg-alert-warning\/40 {

    background-color: color-mix(in srgb, #FAE364 40%, transparent);

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

      background-color: color-mix(in oklab, var(--color-alert-warning) 40%, transparent);
    }
  }

  .bg-background {

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

  .bg-black {

    background-color: var(--color-black);
  }

  .bg-black-2\/10 {

    background-color: color-mix(in srgb, #3F4B49 10%, transparent);

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

      background-color: color-mix(in oklab, var(--color-black-2) 10%, transparent);
    }
  }

  .bg-black\/5 {

    background-color: color-mix(in srgb, #000 5%, transparent);

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

      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .bg-black\/10 {

    background-color: color-mix(in srgb, #000 10%, transparent);

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

      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/20 {

    background-color: color-mix(in srgb, #000 20%, transparent);

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

      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/30 {

    background-color: color-mix(in srgb, #000 30%, transparent);

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

      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-blue-100 {

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

  .bg-buy-and-get {

    background-color: var(--color-buy-and-get);
  }

  .bg-buy-and-get\/15 {

    background-color: var(--color-buy-and-get);

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

      background-color: color-mix(in oklab, var(--color-buy-and-get) 15%, transparent);
    }
  }

  .bg-contrast\/\(--opacity-contrast-button\) {

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

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

      background-color: color-mix(in oklab, var(--color-contrast) var(--opacity-contrast-button), transparent);
    }
  }

  .bg-f6f6f6 {

    background-color: var(--color-f6f6f6);
  }

  .bg-footer-border {

    background-color: var(--color-footer-border);
  }

  .bg-footer-button {

    background-color: var(--color-footer-button);
  }

  .bg-foreground {

    background-color: var(--color-foreground);
  }

  .bg-gray-200 {

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

  .bg-gray-300 {

    background-color: var(--color-gray-300);
  }

  .bg-gray-800 {

    background-color: var(--color-gray-800);
  }

  .bg-green-600 {

    background-color: var(--color-green-600);
  }

  .bg-header {

    background-color: var(--color-header);
  }

  .bg-header-foreground {

    background-color: var(--color-header-foreground);
  }

  .bg-header-foreground\/\(--opacity-menu\) {

    background-color: var(--color-header-foreground);

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

      background-color: color-mix(in oklab, var(--color-header-foreground) var(--opacity-menu), transparent);
    }
  }

  .bg-header-foreground\/10 {

    background-color: var(--color-header-foreground);

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

      background-color: color-mix(in oklab, var(--color-header-foreground) 10%, transparent);
    }
  }

  .bg-more-for-less {

    background-color: var(--color-more-for-less);
  }

  .bg-more-for-less\/15 {

    background-color: var(--color-more-for-less);

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

      background-color: color-mix(in oklab, var(--color-more-for-less) 15%, transparent);
    }
  }

  .bg-persona {

    background-color: var(--color-persona);
  }

  .bg-persona\/15 {

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

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

      background-color: color-mix(in oklab, var(--color-persona) 15%, transparent);
    }
  }

  .bg-primary {

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

  .bg-primary\/5 {

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

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

      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {

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

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

      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }

  .bg-primary\/15 {

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

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

      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }

  .bg-progressive-discount {

    background-color: var(--color-progressive-discount);
  }

  .bg-progressive-discount\/15 {

    background-color: var(--color-progressive-discount);

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

      background-color: color-mix(in oklab, var(--color-progressive-discount) 15%, transparent);
    }
  }

  .bg-red-500 {

    background-color: var(--color-red-500);
  }

  .bg-regular-promotion {

    background-color: var(--color-regular-promotion);
  }

  .bg-regular-promotion\/15 {

    background-color: var(--color-regular-promotion);

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

      background-color: color-mix(in oklab, var(--color-regular-promotion) 15%, transparent);
    }
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-warning\/20 {

    background-color: color-mix(in srgb, #f8bc0c 20%, transparent);

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

      background-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
    }
  }

  .bg-white {

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

  .bg-white\/50 {

    background-color: color-mix(in srgb, #fff 50%, transparent);

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

      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-yellow-200 {

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

  .bg-cover {

    background-size: cover;
  }

  .fill-black {

    fill: var(--color-black);
  }

  .object-contain {

    object-fit: contain;
  }

  .object-cover {

    object-fit: cover;
  }

  .\!p-0 {

    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {

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

  .p-0\.75 {

    padding: calc(var(--spacing) * 0.75);
  }

  .p-1 {

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

  .p-1\.5 {

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

  .p-1\.25 {

    padding: calc(var(--spacing) * 1.25);
  }

  .p-2 {

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

  .p-2\.5 {

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

  .p-3 {

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

  .p-3\.5 {

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

  .p-4 {

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

  .p-5 {

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

  .p-6 {

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

  .p-8 {

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

  .p-10 {

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

  .p-\[0\.5px\] {

    padding: 0.5px;
  }

  .p-\[3px\] {

    padding: 3px;
  }

  .p-\[10px\] {

    padding: 10px;
  }

  .p-\[20px_20px_10px_20px\] {

    padding: 20px 20px 10px 20px;
  }

  .p-px {

    padding: 1px;
  }

  .px-1 {

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

  .px-2 {

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

  .px-2\.5 {

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

  .px-3 {

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

  .px-3\.5 {

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

  .px-4 {

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

  .px-5 {

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

  .px-10 {

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

  .py-0\.5 {

    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {

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

  .py-2 {

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

  .py-2\.5 {

    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {

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

  .py-3\.5 {

    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {

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

  .py-5 {

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

  .py-\[8px\] {

    padding-block: 8px;
  }

  .py-\[13px\] {

    padding-block: 13px;
  }

  .pt-0 {

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

  .pt-0\.25 {

    padding-top: calc(var(--spacing) * 0.25);
  }

  .pt-1 {

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

  .pt-2 {

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

  .pt-3 {

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

  .pt-4 {

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

  .pt-5 {

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

  .pt-6 {

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

  .pt-8 {

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

  .pt-10 {

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

  .pt-\[20px\] {

    padding-top: 20px;
  }

  .pr-2 {

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

  .pr-5 {

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

  .pr-6 {

    padding-right: calc(var(--spacing) * 6);
  }

  .\!pb-2 {

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

  .pb-0 {

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

  .pb-0\.5 {

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

  .pb-1 {

    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {

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

  .pb-4 {

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

  .pb-5 {

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

  .pb-10 {

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

  .pl-1\.25 {

    padding-left: calc(var(--spacing) * 1.25);
  }

  .pl-2 {

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

  .pl-4 {

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

  .pl-5 {

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

  .pl-6\.25 {

    padding-left: calc(var(--spacing) * 6.25);
  }

  .\!text-start {

    text-align: start !important;
  }

  .text-center {

    text-align: center;
  }

  .text-justify {

    text-align: justify;
  }

  .text-left {

    text-align: left;
  }

  .text-right {

    text-align: right;
  }

  .text-start {

    text-align: start;
  }

  .font-display {

    font-family: var(--font-display);
  }

  .text-2xl {

    font-size: var(--text-2xl);

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

  .text-2xl\/7 {

    font-size: var(--text-2xl);

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

  .text-2xl\/7\.25 {

    font-size: var(--text-2xl);

    line-height: calc(var(--spacing) * 7.25);
  }

  .text-3xl {

    font-size: var(--text-3xl);

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

  .text-4xl {

    font-size: var(--text-4xl);

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

  .text-7xl\/\[1\] {

    font-size: var(--text-7xl);

    line-height: 1;
  }

  .text-9xl {

    font-size: var(--text-9xl);

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

  .text-\[0\.625rem\]\/2\.5 {

    font-size: 0.625rem;

    line-height: calc(var(--spacing) * 2.5);
  }

  .text-\[0\.625rem\]\/3 {

    font-size: 0.625rem;

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

  .text-\[0\.9375rem\]\/4\.5 {

    font-size: 0.9375rem;

    line-height: calc(var(--spacing) * 4.5);
  }

  .text-\[10px\]\/2\.5 {

    font-size: 10px;

    line-height: calc(var(--spacing) * 2.5);
  }

  .text-\[10px\]\/3 {

    font-size: 10px;

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

  .text-\[11px\]\/3 {

    font-size: 11px;

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

  .text-\[13px\]\/4 {

    font-size: 13px;

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

  .text-\[33px\]\/10 {

    font-size: 33px;

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

  .text-base {

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

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

  .text-base\/4\.5 {

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

    line-height: calc(var(--spacing) * 4.5);
  }

  .text-base\/4\.75 {

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

    line-height: calc(var(--spacing) * 4.75);
  }

  .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-sm\/3\.5 {

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

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

  .text-sm\/4 {

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

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

  .text-sm\/4\.5 {

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

    line-height: calc(var(--spacing) * 4.5);
  }

  .text-sm\/4\.25 {

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

    line-height: calc(var(--spacing) * 4.25);
  }

  .text-xl {

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

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

  .text-xl\/6 {

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

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

  .text-xs {

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

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

  .text-xs\/3 {

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

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

  .text-xs\/3\.5 {

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

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

  .text-xs\/normal {

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

    line-height: var(--leading-normal);
  }

  .text-\[0\.5rem\] {

    font-size: 0.5rem;
  }

  .text-\[3\.125rem\] {

    font-size: 3.125rem;
  }

  .text-\[8px\] {

    font-size: 8px;
  }

  .text-\[9px\] {

    font-size: 9px;
  }

  .text-\[10px\] {

    font-size: 10px;
  }

  .text-\[12px\] {

    font-size: 12px;
  }

  .text-\[13px\] {

    font-size: 13px;
  }

  .text-\[14px\] {

    font-size: 14px;
  }

  .text-\[15px\] {

    font-size: 15px;
  }

  .text-\[20px\] {

    font-size: 20px;
  }

  .text-\[28px\] {

    font-size: 28px;
  }

  .text-\[86px\] {

    font-size: 86px;
  }

  .leading-3 {

    --tw-leading: calc(var(--spacing) * 3);

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

  .leading-5 {

    --tw-leading: calc(var(--spacing) * 5);

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

  .leading-\[12px\] {

    --tw-leading: 12px;

    line-height: 12px;
  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;
  }

  .leading-normal {

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);
  }

  .\!font-normal {

    --tw-font-weight: var(--font-weight-normal) !important;

    font-weight: var(--font-weight-normal) !important;
  }

  .font-\[10px\] {

    --tw-font-weight: 10px;

    font-weight: 10px;
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {

    --tw-font-weight: var(--font-weight-extrabold);

    font-weight: var(--font-weight-extrabold);
  }

  .font-light {

    --tw-font-weight: var(--font-weight-light);

    font-weight: var(--font-weight-light);
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: var(--font-weight-semibold);
  }

  .break-all {

    word-break: break-all;
  }

  .overflow-ellipsis {

    text-overflow: ellipsis;
  }

  .text-ellipsis {

    text-overflow: ellipsis;
  }

  .whitespace-nowrap {

    white-space: nowrap;
  }

  .whitespace-pre-wrap {

    white-space: pre-wrap;
  }

  .text-\[\#9d9d9d\] {

    color: #9d9d9d;
  }

  .text-\[\#B5B5B5\] {

    color: #B5B5B5;
  }

  .text-\[var\(--color-replacement-remove-button\)\] {

    color: var(--color-replacement-remove-button);
  }

  .text-black {

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

  .text-black\/20 {

    color: color-mix(in srgb, #000 20%, transparent);

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

      color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .text-black\/40 {

    color: color-mix(in srgb, #000 40%, transparent);

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

      color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .text-black\/50 {

    color: color-mix(in srgb, #000 50%, transparent);

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

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

  .text-black\/60 {

    color: color-mix(in srgb, #000 60%, transparent);

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

      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .text-black\/70 {

    color: color-mix(in srgb, #000 70%, transparent);

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

      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .text-black\/80 {

    color: color-mix(in srgb, #000 80%, transparent);

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

      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .text-buy-and-get {

    color: var(--color-buy-and-get);
  }

  .text-contrast {

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

  .text-contrast\/20 {

    color: var(--color-contrast);

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

      color: color-mix(in oklab, var(--color-contrast) 20%, transparent);
    }
  }

  .text-default-link {

    color: var(--color-default-link);
  }

  .text-error {

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

  .text-full-price {

    color: var(--color-full-price);
  }

  .text-gray-400 {

    color: var(--color-gray-400);
  }

  .text-gray-500 {

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

  .text-gray-600 {

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

  .text-gray-700 {

    color: var(--color-gray-700);
  }

  .text-gray-900 {

    color: var(--color-gray-900);
  }

  .text-header-foreground {

    color: var(--color-header-foreground);
  }

  .text-info-message {

    color: var(--color-info-message);
  }

  .text-link {

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

  .text-more-for-less {

    color: var(--color-more-for-less);
  }

  .text-persona {

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

  .text-primary {

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

  .text-product-installment {

    color: var(--color-product-installment);
  }

  .text-product-installment\! {

    color: var(--color-product-installment) !important;
  }

  .text-progressive-discount {

    color: var(--color-progressive-discount);
  }

  .text-regular-promotion {

    color: var(--color-regular-promotion);
  }

  .text-safe-connection-certificate {

    color: var(--color-safe-connection-certificate);
  }

  .text-separator {

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

  .text-white {

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

  .capitalize {

    text-transform: capitalize;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .\!underline {

    text-decoration-line: underline !important;
  }

  .line-through {

    text-decoration-line: line-through;
  }

  .underline {

    text-decoration-line: underline;
  }

  .underline\! {

    text-decoration-line: underline !important;
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-40 {

    opacity: 40%;
  }

  .opacity-50 {

    opacity: 50%;
  }

  .opacity-75 {

    opacity: 75%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .mix-blend-multiply {

    mix-blend-mode: multiply;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

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

  .shadow-\[-8px_0_8px_-2px_\#f6f7f8\] {

    --tw-shadow: -8px 0 8px -2px var(--tw-shadow-color, #f6f7f8);

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

  .shadow-\[var\(--shadow-card\)\] {

    --tw-shadow: var(--shadow-card);

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

  .shadow-\[var\(--shadow-card-reverse\)\] {

    --tw-shadow: var(--shadow-card-reverse);

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

  .shadow-card {

    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.08));

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

  .shadow-dialog-mobile-bottom {

    --tw-shadow: 0 40px 0 var(--tw-shadow-color, #fff);

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

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

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

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

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

  .shadow-replace-button {

    --tw-shadow: 0px 1px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.2));

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

  .ring {

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

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

  .ring-1 {

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

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

  .ring-black\/50 {

    --tw-ring-color: color-mix(in srgb, #000 50%, transparent);

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

      --tw-ring-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .ring-info-message\/50 {

    --tw-ring-color: color-mix(in srgb, #FF9900 50%, transparent);

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

      --tw-ring-color: color-mix(in oklab, var(--color-info-message) 50%, transparent);
    }
  }

  .outline {

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

    outline-width: 1px;
  }

  .outline-0 {

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

    outline-width: 0px;
  }

  .outline-black {

    outline-color: var(--color-black);
  }

  .outline-black\/10 {

    outline-color: color-mix(in srgb, #000 10%, transparent);

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

      outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .outline-error {

    outline-color: var(--color-error);
  }

  .grayscale {

    --tw-grayscale: grayscale(100%);

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

  .filter {

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

  .backdrop-blur-\[7\.5px\] {

    --tw-backdrop-blur: blur(7.5px);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop-blur-\[12\.5px\] {

    --tw-backdrop-blur: blur(12.5px);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop-blur-\[20px\] {

    --tw-backdrop-blur: blur(20px);

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .transition {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, 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-colors {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;

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

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

  .transition-opacity {

    transition-property: opacity;

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

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

  .transition-shadow {

    transition-property: box-shadow;

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

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

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

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

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

  .delay-100 {

    transition-delay: 100ms;
  }

  .duration-75 {

    --tw-duration: 75ms;

    transition-duration: 75ms;
  }

  .duration-100 {

    --tw-duration: 100ms;

    transition-duration: 100ms;
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .duration-\[var\(--default-transition-duration\)\] {

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

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

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: var(--ease-in);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: var(--ease-out);
  }

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;
  }

  .\[clip-path\:polygon\(100\%_0\%\,calc\(100\%-4px\)_50\%\,100\%_100\%\,0\%_100\%\,0\%_50\%\,0\%_0\%\)\] {

    clip-path: polygon(100% 0%,calc(100% - 4px) 50%,100% 100%,0% 100%,0% 50%,0% 0%);
  }

  .group-hover\:scale-105 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        --tw-scale-x: 105%;

        --tw-scale-y: 105%;

        --tw-scale-z: 105%;

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

  .group-hover\:bg-\[rgba\(0\,0\,0\,0\.08\)\] {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        background-color: rgba(0,0,0,0.08);
      }
    }
  }

  .group-hover\:opacity-0 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        opacity: 0%;
      }
    }
  }

  .group-hover\:opacity-100 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        opacity: 100%;
      }
    }
  }

  .group-hover\:opacity-1000 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        opacity: 1000%;
      }
    }
  }

  .group-focus-visible\:opacity-0 {

    &:is(:where(.group):focus-visible *) {

      opacity: 0%;
    }
  }

  .group-focus-visible\:opacity-100 {

    &:is(:where(.group):focus-visible *) {

      opacity: 100%;
    }
  }

  .group-data-\[state\=open\]\:rotate-180 {

    &:is(:where(.group)[data-state="open"] *) {

      rotate: 180deg;
    }
  }

  .placeholder\:text-sm\/4\.5 {

    &::-moz-placeholder {

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

      line-height: calc(var(--spacing) * 4.5);
    }

    &::placeholder {

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

      line-height: calc(var(--spacing) * 4.5);
    }
  }

  .placeholder\:font-medium {

    &::-moz-placeholder {

      --tw-font-weight: var(--font-weight-medium);

      font-weight: var(--font-weight-medium);
    }

    &::placeholder {

      --tw-font-weight: var(--font-weight-medium);

      font-weight: var(--font-weight-medium);
    }
  }

  .before\:pointer-events-none {

    &::before {

      content: var(--tw-content);

      pointer-events: none;
    }
  }

  .before\:absolute {

    &::before {

      content: var(--tw-content);

      position: absolute;
    }
  }

  .before\:bottom-1\/2 {

    &::before {

      content: var(--tw-content);

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

  .before\:left-1\/2 {

    &::before {

      content: var(--tw-content);

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

  .before\:-z-1 {

    &::before {

      content: var(--tw-content);

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

  .before\:h-screen {

    &::before {

      content: var(--tw-content);

      height: 100vh;
    }
  }

  .before\:w-screen {

    &::before {

      content: var(--tw-content);

      width: 100vw;
    }
  }

  .before\:-translate-x-1\/2 {

    &::before {

      content: var(--tw-content);

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

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

  .before\:bg-banner-background {

    &::before {

      content: var(--tw-content);

      background-color: var(--color-banner-background);
    }
  }

  .last\:mb-0 {

    &:last-child {

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

  .focus-within\:bg-white {

    &:focus-within {

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

  .hover\:border-\[\#d9d9d9\] {

    &:hover {

      @media (hover: hover) {

        border-color: #d9d9d9;
      }
    }
  }

  .hover\:bg-\[color-mix\(in_srgb\,var\(--color-replacement-accept-button\)_90\%\,black_10\%\)\] {

    &:hover {

      @media (hover: hover) {

        background-color: color-mix(in srgb,#04943C 90%,black 10%);

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

          background-color: color-mix(in srgb,var(--color-replacement-accept-button) 90%,black 10%);
        }
      }
    }
  }

  .hover\:bg-\[var\(--color-background\)\] {

    &:hover {

      @media (hover: hover) {

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

  .hover\:bg-\[var\(--color-replacement-remove-button\)\] {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-replacement-remove-button);
      }
    }
  }

  .hover\:bg-black\/20 {

    &:hover {

      @media (hover: hover) {

        background-color: color-mix(in srgb, #000 20%, transparent);

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

          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
      }
    }
  }

  .hover\:bg-black\/50 {

    &:hover {

      @media (hover: hover) {

        background-color: color-mix(in srgb, #000 50%, transparent);

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

          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }

  .hover\:bg-contrast\/\(--opacity-contrast-button-hover\) {

    &:hover {

      @media (hover: hover) {

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

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

          background-color: color-mix(in oklab, var(--color-contrast) var(--opacity-contrast-button-hover), transparent);
        }
      }
    }
  }

  .hover\:bg-footer-button-hover {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-footer-button-hover);
      }
    }
  }

  .hover\:bg-foreground {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-foreground);
      }
    }
  }

  .hover\:bg-gray-100 {

    &:hover {

      @media (hover: hover) {

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

  .hover\:bg-header-foreground\/\(--opacity-menu\) {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-header-foreground);

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

          background-color: color-mix(in oklab, var(--color-header-foreground) var(--opacity-menu), transparent);
        }
      }
    }
  }

  .hover\:bg-header-foreground\/\(--opacity-menu-hover\) {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-header-foreground);

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

          background-color: color-mix(in oklab, var(--color-header-foreground) var(--opacity-menu-hover), transparent);
        }
      }
    }
  }

  .hover\:bg-primary {

    &:hover {

      @media (hover: hover) {

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

  .hover\:bg-primary\/10 {

    &:hover {

      @media (hover: hover) {

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

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

          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }

  .hover\:bg-primary\/20 {

    &:hover {

      @media (hover: hover) {

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

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

          background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
        }
      }
    }
  }

  .hover\:bg-primary\/90 {

    &:hover {

      @media (hover: hover) {

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

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

          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }

  .hover\:bg-transparent {

    &:hover {

      @media (hover: hover) {

        background-color: transparent;
      }
    }
  }

  .hover\:bg-white {

    &:hover {

      @media (hover: hover) {

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

  .hover\:fill-primary {

    &:hover {

      @media (hover: hover) {

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

  .hover\:\!text-current {

    &:hover {

      @media (hover: hover) {

        color: currentcolor !important;
      }
    }
  }

  .hover\:text-black {

    &:hover {

      @media (hover: hover) {

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

  .hover\:text-black\/80 {

    &:hover {

      @media (hover: hover) {

        color: color-mix(in srgb, #000 80%, transparent);

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

          color: color-mix(in oklab, var(--color-black) 80%, transparent);
        }
      }
    }
  }

  .hover\:text-contrast {

    &:hover {

      @media (hover: hover) {

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

  .hover\:text-gray-700 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-gray-700);
      }
    }
  }

  .hover\:text-primary {

    &:hover {

      @media (hover: hover) {

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

  .hover\:text-white {

    &:hover {

      @media (hover: hover) {

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

  .hover\:underline {

    &:hover {

      @media (hover: hover) {

        text-decoration-line: underline;
      }
    }
  }

  .hover\:shadow-card-hover {

    &:hover {

      @media (hover: hover) {

        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.4));

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

  .hover\:duration-0 {

    &:hover {

      @media (hover: hover) {

        --tw-duration: 0ms;

        transition-duration: 0ms;
      }
    }
  }

  .focus-within\:hover\:bg-white {

    &:focus-within {

      &:hover {

        @media (hover: hover) {

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

  .focus\:text-black {

    &:focus {

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

  .focus\:outline-none {

    &:focus {

      --tw-outline-style: none;

      outline-style: none;
    }
  }

  .focus-visible\:bg-header-foreground\/\(--opacity-menu\) {

    &:focus-visible {

      background-color: var(--color-header-foreground);

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

        background-color: color-mix(in oklab, var(--color-header-foreground) var(--opacity-menu), transparent);
      }
    }
  }

  .focus-visible\:outline-solid {

    &:focus-visible {

      --tw-outline-style: solid;

      outline-style: solid;
    }
  }

  .active\:group-hover\:opacity-10 {

    &:active {

      &:is(:where(.group):hover *) {

        @media (hover: hover) {

          opacity: 10%;
        }
      }
    }
  }

  .enabled\:hover\:bg-black\/5 {

    &:enabled {

      &:hover {

        @media (hover: hover) {

          background-color: color-mix(in srgb, #000 5%, transparent);

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

            background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
          }
        }
      }
    }
  }

  .disabled\:\!cursor-default {

    &:disabled {

      cursor: default !important;
    }
  }

  .disabled\:cursor-default {

    &:disabled {

      cursor: default;
    }
  }

  .disabled\:border-black\/30 {

    &:disabled {

      border-color: color-mix(in srgb, #000 30%, transparent);

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

        border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
  }

  .disabled\:border-gray-300 {

    &:disabled {

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

  .disabled\:bg-black\/5 {

    &:disabled {

      background-color: color-mix(in srgb, #000 5%, transparent);

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

        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }

  .disabled\:bg-black\/20 {

    &:disabled {

      background-color: color-mix(in srgb, #000 20%, transparent);

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

        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }

  .disabled\:bg-gray-300 {

    &:disabled {

      background-color: var(--color-gray-300);
    }
  }

  .disabled\:text-black\/30 {

    &:disabled {

      color: color-mix(in srgb, #000 30%, transparent);

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

        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
  }

  .disabled\:text-black\/50 {

    &:disabled {

      color: color-mix(in srgb, #000 50%, transparent);

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

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

  .disabled\:text-gray-300 {

    &:disabled {

      color: var(--color-gray-300);
    }
  }

  .disabled\:text-white {

    &:disabled {

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

  .disabled\:hover\:bg-gray-300 {

    &:disabled {

      &:hover {

        @media (hover: hover) {

          background-color: var(--color-gray-300);
        }
      }
    }
  }

  .disabled\:hover\:bg-transparent {

    &:disabled {

      &:hover {

        @media (hover: hover) {

          background-color: transparent;
        }
      }
    }
  }

  .data-\[state\=checked\]\:bg-primary {

    &[data-state="checked"] {

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

  .data-\[state\=checked\]\:ring-0 {

    &[data-state="checked"] {

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

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

  .data-\[state\=closed\]\:animate-slide-up {

    &[data-state="closed"] {

      animation: var(--animate-slide-up);
    }
  }

  .data-\[state\=open\]\:animate-slide-down {

    &[data-state="open"] {

      animation: var(--animate-slide-down);
    }
  }

  .\*\:nth-\[n\+6\]\:hidden {

    :is(& > *) {

      &:nth-child(n+6) {

        display: none;
      }
    }
  }

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

    @supports (max-height:90dvh) {

      max-height: 90dvh;
    }
  }

  .mobile-small\:mx-5 {

    @media (width >= 608px) {

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

  .mobile-small\:max-w-19 {

    @media (width >= 608px) {

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

  .mobile-small\:min-w-19 {

    @media (width >= 608px) {

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

  .mobile-small\:min-w-\[29px\] {

    @media (width >= 608px) {

      min-width: 29px;
    }
  }

  .mobile-small\:gap-10 {

    @media (width >= 608px) {

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

  .mobile-small\:gap-x-3 {

    @media (width >= 608px) {

      -moz-column-gap: calc(var(--spacing) * 3);

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

  .mobile-small\:gap-y-4 {

    @media (width >= 608px) {

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

  .mobile-small\:gap-y-5 {

    @media (width >= 608px) {

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

  .mobile-small\:bg-transparent {

    @media (width >= 608px) {

      background-color: transparent;
    }
  }

  .mobile-small\:p-0 {

    @media (width >= 608px) {

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

  .mobile-small\:p-1\.25 {

    @media (width >= 608px) {

      padding: calc(var(--spacing) * 1.25);
    }
  }

  .mobile-small\:py-5 {

    @media (width >= 608px) {

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

  .mobile-small\:text-base {

    @media (width >= 608px) {

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

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

  .mobile-small\:text-sm\/4 {

    @media (width >= 608px) {

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

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

  .mobile-small\:text-xl {

    @media (width >= 608px) {

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

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

  .mobile-small\:text-xs {

    @media (width >= 608px) {

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

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

  .mobile-small\:text-\[29px\] {

    @media (width >= 608px) {

      font-size: 29px;
    }
  }

  .mobile-medium\:-m-3\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:mx-6 {

    @media (width >= 750px) {

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

  .mobile-medium\:mt-0 {

    @media (width >= 750px) {

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

  .mobile-medium\:mb-0 {

    @media (width >= 750px) {

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

  .mobile-medium\:mb-4 {

    @media (width >= 750px) {

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

  .mobile-medium\:mb-5 {

    @media (width >= 750px) {

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

  .mobile-medium\:block {

    @media (width >= 750px) {

      display: block;
    }
  }

  .mobile-medium\:hidden {

    @media (width >= 750px) {

      display: none;
    }
  }

  .mobile-medium\:h-4\.25 {

    @media (width >= 750px) {

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

  .mobile-medium\:h-5\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:min-h-77\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:w-45 {

    @media (width >= 750px) {

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

  .mobile-medium\:max-w-20\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:max-w-45 {

    @media (width >= 750px) {

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

  .mobile-medium\:min-w-20\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:min-w-45 {

    @media (width >= 750px) {

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

  .mobile-medium\:basis-\[calc\(50\%-12px\)\] {

    @media (width >= 750px) {

      flex-basis: calc(50% - 12px);
    }
  }

  .mobile-medium\:flex-row {

    @media (width >= 750px) {

      flex-direction: row;
    }
  }

  .mobile-medium\:items-center {

    @media (width >= 750px) {

      align-items: center;
    }
  }

  .mobile-medium\:justify-end {

    @media (width >= 750px) {

      justify-content: flex-end;
    }
  }

  .mobile-medium\:gap-3 {

    @media (width >= 750px) {

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

  .mobile-medium\:gap-6 {

    @media (width >= 750px) {

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

  .mobile-medium\:gap-7\.5 {

    @media (width >= 750px) {

      gap: calc(var(--spacing) * 7.5);
    }
  }

  .mobile-medium\:space-y-2 {

    @media (width >= 750px) {

      :where(& > :not(:last-child)) {

        --tw-space-y-reverse: 0;

        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }

  .mobile-medium\:gap-x-2 {

    @media (width >= 750px) {

      -moz-column-gap: calc(var(--spacing) * 2);

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

  .mobile-medium\:rounded-2xl {

    @media (width >= 750px) {

      border-radius: var(--radius-2xl);
    }
  }

  .mobile-medium\:border {

    @media (width >= 750px) {

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

      border-width: 1px;
    }
  }

  .mobile-medium\:border-footer-border {

    @media (width >= 750px) {

      border-color: var(--color-footer-border);
    }
  }

  .mobile-medium\:p-1\.75 {

    @media (width >= 750px) {

      padding: calc(var(--spacing) * 1.75);
    }
  }

  .mobile-medium\:p-3\.5 {

    @media (width >= 750px) {

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

  .mobile-medium\:p-5 {

    @media (width >= 750px) {

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

  .mobile-medium\:p-6 {

    @media (width >= 750px) {

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

  .mobile-medium\:py-6 {

    @media (width >= 750px) {

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

  .mobile-medium\:pb-10 {

    @media (width >= 750px) {

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

  .mobile-medium\:text-base {

    @media (width >= 750px) {

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

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

  .mobile-medium\:text-lg\/5\.5 {

    @media (width >= 750px) {

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

      line-height: calc(var(--spacing) * 5.5);
    }
  }

  .mobile-medium\:text-sm {

    @media (width >= 750px) {

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

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

  .mobile-medium\:text-sm\/\[17px\] {

    @media (width >= 750px) {

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

      line-height: 17px;
    }
  }

  .mobile-medium\:text-xs {

    @media (width >= 750px) {

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

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

  .mobile-large\:-m-5 {

    @media (width >= 900px) {

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

  .mobile-large\:flex {

    @media (width >= 900px) {

      display: flex;
    }
  }

  .mobile-large\:hidden {

    @media (width >= 900px) {

      display: none;
    }
  }

  .mobile-large\:size-35 {

    @media (width >= 900px) {

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

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

  .mobile-large\:h-6 {

    @media (width >= 900px) {

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

  .mobile-large\:h-94 {

    @media (width >= 900px) {

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

  .mobile-large\:min-h-99 {

    @media (width >= 900px) {

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

  .mobile-large\:w-52\.5 {

    @media (width >= 900px) {

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

  .mobile-large\:max-w-52\.5 {

    @media (width >= 900px) {

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

  .mobile-large\:min-w-52\.5 {

    @media (width >= 900px) {

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

  .mobile-large\:flex-row {

    @media (width >= 900px) {

      flex-direction: row;
    }
  }

  .mobile-large\:items-center {

    @media (width >= 900px) {

      align-items: center;
    }
  }

  .mobile-large\:justify-between {

    @media (width >= 900px) {

      justify-content: space-between;
    }
  }

  .mobile-large\:justify-end {

    @media (width >= 900px) {

      justify-content: flex-end;
    }
  }

  .mobile-large\:gap-17\.5 {

    @media (width >= 900px) {

      gap: calc(var(--spacing) * 17.5);
    }
  }

  .mobile-large\:gap-y-6 {

    @media (width >= 900px) {

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

  .mobile-large\:p-5 {

    @media (width >= 900px) {

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

  .mobile-large\:p-\[15px\] {

    @media (width >= 900px) {

      padding: 15px;
    }
  }

  .mobile-large\:px-10 {

    @media (width >= 900px) {

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

  .mobile-large\:text-xs\/3\.5 {

    @media (width >= 900px) {

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

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

  .mobile-large\:text-black\/90 {

    @media (width >= 900px) {

      color: color-mix(in srgb, #000 90%, transparent);

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

        color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }
  }

  .desktop-small\:relative {

    @media (width >= 1024px) {

      position: relative;
    }
  }

  .desktop-small\:static {

    @media (width >= 1024px) {

      position: static;
    }
  }

  .desktop-small\:right-auto {

    @media (width >= 1024px) {

      right: auto;
    }
  }

  .desktop-small\:bottom-auto {

    @media (width >= 1024px) {

      bottom: auto;
    }
  }

  .desktop-small\:-m-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:m-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:-mx-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:mx-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:mx-5 {

    @media (width >= 1024px) {

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

  .desktop-small\:-mt-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:mt-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:mt-1 {

    @media (width >= 1024px) {

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

  .desktop-small\:mt-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:mb-1 {

    @media (width >= 1024px) {

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

  .desktop-small\:mb-3\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:mb-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:mb-5 {

    @media (width >= 1024px) {

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

  .desktop-small\:mb-6 {

    @media (width >= 1024px) {

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

  .desktop-small\:product-grid-4 {

    @media (width >= 1024px) {

      display: grid;

      grid-template-columns: repeat(4, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 4) {

        display: flex;
      }

      & > :nth-child(n + 5) {

        display: none;
      }
    }
  }

  .desktop-small\:product-grid-5 {

    @media (width >= 1024px) {

      display: grid;

      grid-template-columns: repeat(5, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 5) {

        display: flex;
      }

      & > :nth-child(n + 6) {

        display: none;
      }
    }
  }

  .desktop-small\:hide-child-overflow-8 {

    @media (width >= 1024px) {

      display: grid;

      grid-template-columns: repeat(8, minmax(0, 1fr));

      & > .child-overflow:nth-child(-n + 8) {

        display: flex;
      }

      & > .child-overflow:nth-child(n + 9) {

        display: none;
      }
    }
  }

  .desktop-small\:line-clamp-1 {

    @media (width >= 1024px) {

      overflow: hidden;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      -webkit-line-clamp: 1;
    }
  }

  .desktop-small\:block {

    @media (width >= 1024px) {

      display: block;
    }
  }

  .desktop-small\:flex {

    @media (width >= 1024px) {

      display: flex;
    }
  }

  .desktop-small\:grid {

    @media (width >= 1024px) {

      display: grid;
    }
  }

  .desktop-small\:hidden {

    @media (width >= 1024px) {

      display: none;
    }
  }

  .desktop-small\:size-4 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:size-8 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:size-29 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:h-3\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:h-4\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:h-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:h-12 {

    @media (width >= 1024px) {

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

  .desktop-small\:h-78 {

    @media (width >= 1024px) {

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

  .desktop-small\:h-\[300px\] {

    @media (width >= 1024px) {

      height: 300px;
    }
  }

  .desktop-small\:h-full {

    @media (width >= 1024px) {

      height: 100%;
    }
  }

  .desktop-small\:max-h-9\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:max-h-150 {

    @media (width >= 1024px) {

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

  .desktop-small\:max-h-\[50px\] {

    @media (width >= 1024px) {

      max-height: 50px;
    }
  }

  .desktop-small\:min-h-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:min-h-84\.25 {

    @media (width >= 1024px) {

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

  .desktop-small\:min-h-\[calc\(100dvh-419px\)\] {

    @media (width >= 1024px) {

      min-height: calc(100dvh - 419px);
    }
  }

  .desktop-small\:min-h-\[calc\(100dvh-455px\)\] {

    @media (width >= 1024px) {

      min-height: calc(100dvh - 455px);
    }
  }

  .desktop-small\:w-9 {

    @media (width >= 1024px) {

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

  .desktop-small\:w-12 {

    @media (width >= 1024px) {

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

  .desktop-small\:w-43\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:w-44 {

    @media (width >= 1024px) {

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

  .desktop-small\:w-\[90px\] {

    @media (width >= 1024px) {

      width: 90px;
    }
  }

  .desktop-small\:w-auto {

    @media (width >= 1024px) {

      width: auto;
    }
  }

  .desktop-small\:w-fit {

    @media (width >= 1024px) {

      width: -moz-fit-content;

      width: fit-content;
    }
  }

  .desktop-small\:w-full {

    @media (width >= 1024px) {

      width: 100%;
    }
  }

  .desktop-small\:max-w-16\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:max-w-43\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:max-w-\[204px\] {

    @media (width >= 1024px) {

      max-width: 204px;
    }
  }

  .desktop-small\:max-w-\[350px\] {

    @media (width >= 1024px) {

      max-width: 350px;
    }
  }

  .desktop-small\:max-w-\[456px\] {

    @media (width >= 1024px) {

      max-width: 456px;
    }
  }

  .desktop-small\:max-w-\[920px\] {

    @media (width >= 1024px) {

      max-width: 920px;
    }
  }

  .desktop-small\:min-w-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:min-w-5 {

    @media (width >= 1024px) {

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

  .desktop-small\:min-w-16\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:min-w-43\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:flex-1\/2 {

    @media (width >= 1024px) {

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

  .desktop-small\:shrink {

    @media (width >= 1024px) {

      flex-shrink: 1;
    }
  }

  .desktop-small\:basis-1\/3 {

    @media (width >= 1024px) {

      flex-basis: calc(1/3 * 100%);
    }
  }

  .desktop-small\:basis-2\/4 {

    @media (width >= 1024px) {

      flex-basis: calc(2/4 * 100%);
    }
  }

  .desktop-small\:basis-\[max-content\] {

    @media (width >= 1024px) {

      flex-basis: max-content;
    }
  }

  .desktop-small\:basis-full {

    @media (width >= 1024px) {

      flex-basis: 100%;
    }
  }

  .desktop-small\:snap-none {

    @media (width >= 1024px) {

      scroll-snap-type: none;
    }
  }

  .desktop-small\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(190px\,1fr\)\)\] {

    @media (width >= 1024px) {

      grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
    }
  }

  .desktop-small\:flex-col-reverse {

    @media (width >= 1024px) {

      flex-direction: column-reverse;
    }
  }

  .desktop-small\:flex-row {

    @media (width >= 1024px) {

      flex-direction: row;
    }
  }

  .desktop-small\:flex-nowrap {

    @media (width >= 1024px) {

      flex-wrap: nowrap;
    }
  }

  .desktop-small\:items-center {

    @media (width >= 1024px) {

      align-items: center;
    }
  }

  .desktop-small\:items-start {

    @media (width >= 1024px) {

      align-items: flex-start;
    }
  }

  .desktop-small\:justify-between {

    @media (width >= 1024px) {

      justify-content: space-between;
    }
  }

  .desktop-small\:justify-center {

    @media (width >= 1024px) {

      justify-content: center;
    }
  }

  .desktop-small\:justify-end {

    @media (width >= 1024px) {

      justify-content: flex-end;
    }
  }

  .desktop-small\:justify-start {

    @media (width >= 1024px) {

      justify-content: flex-start;
    }
  }

  .desktop-small\:gap-1 {

    @media (width >= 1024px) {

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

  .desktop-small\:gap-2 {

    @media (width >= 1024px) {

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

  .desktop-small\:gap-7\.5 {

    @media (width >= 1024px) {

      gap: calc(var(--spacing) * 7.5);
    }
  }

  .desktop-small\:gap-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:gap-x-3\.5 {

    @media (width >= 1024px) {

      -moz-column-gap: calc(var(--spacing) * 3.5);

           column-gap: calc(var(--spacing) * 3.5);
    }
  }

  .desktop-small\:gap-x-5 {

    @media (width >= 1024px) {

      -moz-column-gap: calc(var(--spacing) * 5);

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

  .desktop-small\:gap-y-1 {

    @media (width >= 1024px) {

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

  .desktop-small\:gap-y-2 {

    @media (width >= 1024px) {

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

  .desktop-small\:gap-y-2\.5 {

    @media (width >= 1024px) {

      row-gap: calc(var(--spacing) * 2.5);
    }
  }

  .desktop-small\:gap-y-3\.5 {

    @media (width >= 1024px) {

      row-gap: calc(var(--spacing) * 3.5);
    }
  }

  .desktop-small\:overflow-clip {

    @media (width >= 1024px) {

      overflow: clip;
    }
  }

  .desktop-small\:overflow-x-visible {

    @media (width >= 1024px) {

      overflow-x: visible;
    }
  }

  .desktop-small\:rounded-2xl {

    @media (width >= 1024px) {

      border-radius: var(--radius-2xl);
    }
  }

  .desktop-small\:rounded-\[14px\] {

    @media (width >= 1024px) {

      border-radius: 14px;
    }
  }

  .desktop-small\:rounded-full {

    @media (width >= 1024px) {

      border-radius: calc(infinity * 1px);
    }
  }

  .desktop-small\:bg-header {

    @media (width >= 1024px) {

      background-color: var(--color-header);
    }
  }

  .desktop-small\:bg-primary\/30 {

    @media (width >= 1024px) {

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

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

        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }

  .desktop-small\:bg-transparent {

    @media (width >= 1024px) {

      background-color: transparent;
    }
  }

  .desktop-small\:bg-white {

    @media (width >= 1024px) {

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

  .desktop-small\:p-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-1\.25 {

    @media (width >= 1024px) {

      padding: calc(var(--spacing) * 1.25);
    }
  }

  .desktop-small\:p-2 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-3 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-3\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-5 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-6 {

    @media (width >= 1024px) {

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

  .desktop-small\:p-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:px-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:px-1 {

    @media (width >= 1024px) {

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

  .desktop-small\:px-3\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:py-2 {

    @media (width >= 1024px) {

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

  .desktop-small\:py-3 {

    @media (width >= 1024px) {

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

  .desktop-small\:py-3\.5 {

    @media (width >= 1024px) {

      padding-block: calc(var(--spacing) * 3.5);
    }
  }

  .desktop-small\:py-4 {

    @media (width >= 1024px) {

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

  .desktop-small\:py-8 {

    @media (width >= 1024px) {

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

  .desktop-small\:pt-2\.5 {

    @media (width >= 1024px) {

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

  .desktop-small\:pr-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:pr-5 {

    @media (width >= 1024px) {

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

  .desktop-small\:pl-0 {

    @media (width >= 1024px) {

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

  .desktop-small\:text-2xl {

    @media (width >= 1024px) {

      font-size: var(--text-2xl);

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

  .desktop-small\:text-2xl\/7 {

    @media (width >= 1024px) {

      font-size: var(--text-2xl);

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

  .desktop-small\:text-4xl {

    @media (width >= 1024px) {

      font-size: var(--text-4xl);

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

  .desktop-small\:text-base {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-base\/4\.5 {

    @media (width >= 1024px) {

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

      line-height: calc(var(--spacing) * 4.5);
    }
  }

  .desktop-small\:text-base\/5 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-lg {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-sm {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-sm\/4 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-sm\/4\.25 {

    @media (width >= 1024px) {

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

      line-height: calc(var(--spacing) * 4.25);
    }
  }

  .desktop-small\:text-xl {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-xs {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-xs\/2\.75 {

    @media (width >= 1024px) {

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

      line-height: calc(var(--spacing) * 2.75);
    }
  }

  .desktop-small\:text-xs\/3 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-xs\/3\.5 {

    @media (width >= 1024px) {

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

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

  .desktop-small\:text-xs\/normal {

    @media (width >= 1024px) {

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

      line-height: var(--leading-normal);
    }
  }

  .desktop-small\:text-\[10px\] {

    @media (width >= 1024px) {

      font-size: 10px;
    }
  }

  .desktop-small\:font-bold {

    @media (width >= 1024px) {

      --tw-font-weight: var(--font-weight-bold);

      font-weight: var(--font-weight-bold);
    }
  }

  .desktop-small\:whitespace-nowrap {

    @media (width >= 1024px) {

      white-space: nowrap;
    }
  }

  .desktop-small\:text-black {

    @media (width >= 1024px) {

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

  .desktop-small\:\[overflow-clip-margin\:1px\] {

    @media (width >= 1024px) {

      overflow-clip-margin: 1px;
    }
  }

  .desktop-small\:placeholder\:text-xs\/3\.5 {

    @media (width >= 1024px) {

      &::-moz-placeholder {

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

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

      &::placeholder {

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

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

  .desktop-small\:hover\:bg-primary {

    @media (width >= 1024px) {

      &:hover {

        @media (hover: hover) {

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

  .desktop-small\:hover\:bg-primary\/10\! {

    @media (width >= 1024px) {

      &:hover {

        @media (hover: hover) {

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

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

            background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
          }
        }
      }
    }
  }

  .desktop-small\:hover\:text-white {

    @media (width >= 1024px) {

      &:hover {

        @media (hover: hover) {

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

  .desktop-medium\:mt-6 {

    @media (width >= 1178px) {

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

  .desktop-medium\:mb-3\.5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:mb-4 {

    @media (width >= 1178px) {

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

  .desktop-medium\:mb-5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:product-grid-6 {

    @media (width >= 1178px) {

      display: grid;

      grid-template-columns: repeat(6, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 6) {

        display: flex;
      }

      & > :nth-child(n + 7) {

        display: none;
      }
    }
  }

  .desktop-medium\:hide-child-overflow-9 {

    @media (width >= 1178px) {

      display: grid;

      grid-template-columns: repeat(9, minmax(0, 1fr));

      & > .child-overflow:nth-child(-n + 9) {

        display: flex;
      }

      & > .child-overflow:nth-child(n + 10) {

        display: none;
      }
    }
  }

  .desktop-medium\:block {

    @media (width >= 1178px) {

      display: block;
    }
  }

  .desktop-medium\:flex {

    @media (width >= 1178px) {

      display: flex;
    }
  }

  .desktop-medium\:h-7\.5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:h-8 {

    @media (width >= 1178px) {

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

  .desktop-medium\:h-\[300px\] {

    @media (width >= 1178px) {

      height: 300px;
    }
  }

  .desktop-medium\:w-105 {

    @media (width >= 1178px) {

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

  .desktop-medium\:w-\[100px\] {

    @media (width >= 1178px) {

      width: 100px;
    }
  }

  .desktop-medium\:w-\[145px\] {

    @media (width >= 1178px) {

      width: 145px;
    }
  }

  .desktop-medium\:max-w-\[292px\] {

    @media (width >= 1178px) {

      max-width: 292px;
    }
  }

  .desktop-medium\:max-w-\[375px\] {

    @media (width >= 1178px) {

      max-width: 375px;
    }
  }

  .desktop-medium\:max-w-\[1098px\] {

    @media (width >= 1178px) {

      max-width: 1098px;
    }
  }

  .desktop-medium\:max-w-full {

    @media (width >= 1178px) {

      max-width: 100%;
    }
  }

  .desktop-medium\:min-w-6 {

    @media (width >= 1178px) {

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

  .desktop-medium\:grid-cols-2 {

    @media (width >= 1178px) {

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

  .desktop-medium\:grid-cols-5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:grid-cols-6 {

    @media (width >= 1178px) {

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

  .desktop-medium\:flex-row {

    @media (width >= 1178px) {

      flex-direction: row;
    }
  }

  .desktop-medium\:gap-6 {

    @media (width >= 1178px) {

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

  .desktop-medium\:gap-8 {

    @media (width >= 1178px) {

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

  .desktop-medium\:gap-x-6 {

    @media (width >= 1178px) {

      -moz-column-gap: calc(var(--spacing) * 6);

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

  .desktop-medium\:gap-x-8 {

    @media (width >= 1178px) {

      -moz-column-gap: calc(var(--spacing) * 8);

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

  .desktop-medium\:gap-y-1\.5 {

    @media (width >= 1178px) {

      row-gap: calc(var(--spacing) * 1.5);
    }
  }

  .desktop-medium\:border {

    @media (width >= 1178px) {

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

      border-width: 1px;
    }
  }

  .desktop-medium\:border-\[\#E6E7E8\] {

    @media (width >= 1178px) {

      border-color: #E6E7E8;
    }
  }

  .desktop-medium\:p-1\.5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:p-4 {

    @media (width >= 1178px) {

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

  .desktop-medium\:p-6 {

    @media (width >= 1178px) {

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

  .desktop-medium\:p-7\.5 {

    @media (width >= 1178px) {

      padding: calc(var(--spacing) * 7.5);
    }
  }

  .desktop-medium\:py-5 {

    @media (width >= 1178px) {

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

  .desktop-medium\:pt-0 {

    @media (width >= 1178px) {

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

  .desktop-medium\:pr-0\.5 {

    @media (width >= 1178px) {

      padding-right: calc(var(--spacing) * 0.5);
    }
  }

  .desktop-medium\:text-2xl {

    @media (width >= 1178px) {

      font-size: var(--text-2xl);

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

  .desktop-medium\:text-sm {

    @media (width >= 1178px) {

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

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

  .desktop-medium\:text-xl {

    @media (width >= 1178px) {

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

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

  .desktop-medium\:text-xl\/6 {

    @media (width >= 1178px) {

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

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

  .desktop-medium\:text-xs\/3\.5 {

    @media (width >= 1178px) {

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

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

  .desktop-medium\:text-\[2\.63rem\] {

    @media (width >= 1178px) {

      font-size: 2.63rem;
    }
  }

  .desktop-large\:-m-5 {

    @media (width >= 1418px) {

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

  .desktop-large\:mt-2 {

    @media (width >= 1418px) {

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

  .desktop-large\:mt-5 {

    @media (width >= 1418px) {

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

  .desktop-large\:mt-8 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-1\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-2 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-4\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-5 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-6 {

    @media (width >= 1418px) {

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

  .desktop-large\:mb-8 {

    @media (width >= 1418px) {

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

  .desktop-large\:product-grid-5 {

    @media (width >= 1418px) {

      display: grid;

      grid-template-columns: repeat(5, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 5) {

        display: flex;
      }

      & > :nth-child(n + 6) {

        display: none;
      }
    }
  }

  .desktop-large\:product-grid-6 {

    @media (width >= 1418px) {

      display: grid;

      grid-template-columns: repeat(6, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 6) {

        display: flex;
      }

      & > :nth-child(n + 7) {

        display: none;
      }
    }
  }

  .desktop-large\:hide-child-overflow-10 {

    @media (width >= 1418px) {

      display: grid;

      grid-template-columns: repeat(10, minmax(0, 1fr));

      & > .child-overflow:nth-child(-n + 10) {

        display: flex;
      }

      & > .child-overflow:nth-child(n + 11) {

        display: none;
      }
    }
  }

  .desktop-large\:size-8\.5 {

    @media (width >= 1418px) {

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

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

  .desktop-large\:size-10 {

    @media (width >= 1418px) {

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

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

  .desktop-large\:size-35 {

    @media (width >= 1418px) {

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

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

  .desktop-large\:h-4\.25 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-5\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-8 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-9 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-10 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-94 {

    @media (width >= 1418px) {

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

  .desktop-large\:h-\[36px\] {

    @media (width >= 1418px) {

      height: 36px;
    }
  }

  .desktop-large\:h-\[350px\] {

    @media (width >= 1418px) {

      height: 350px;
    }
  }

  .desktop-large\:max-h-150 {

    @media (width >= 1418px) {

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

  .desktop-large\:min-h-12\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:min-h-99 {

    @media (width >= 1418px) {

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

  .desktop-large\:w-12 {

    @media (width >= 1418px) {

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

  .desktop-large\:w-42 {

    @media (width >= 1418px) {

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

  .desktop-large\:w-52\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:w-130 {

    @media (width >= 1418px) {

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

  .desktop-large\:w-\[130px\] {

    @media (width >= 1418px) {

      width: 130px;
    }
  }

  .desktop-large\:w-\[150px\] {

    @media (width >= 1418px) {

      width: 150px;
    }
  }

  .desktop-large\:max-w-20\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:max-w-52\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:max-w-\[324px\] {

    @media (width >= 1418px) {

      max-width: 324px;
    }
  }

  .desktop-large\:max-w-\[1320px\] {

    @media (width >= 1418px) {

      max-width: 1320px;
    }
  }

  .desktop-large\:min-w-20\.5 {

    @media (width >= 1418px) {

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

  .desktop-large\:min-w-\[29px\] {

    @media (width >= 1418px) {

      min-width: 29px;
    }
  }

  .desktop-large\:min-w-\[324px\] {

    @media (width >= 1418px) {

      min-width: 324px;
    }
  }

  .desktop-large\:gap-6 {

    @media (width >= 1418px) {

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

  .desktop-large\:gap-10 {

    @media (width >= 1418px) {

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

  .desktop-large\:gap-x-7\.5 {

    @media (width >= 1418px) {

      -moz-column-gap: calc(var(--spacing) * 7.5);

           column-gap: calc(var(--spacing) * 7.5);
    }
  }

  .desktop-large\:gap-x-10 {

    @media (width >= 1418px) {

      -moz-column-gap: calc(var(--spacing) * 10);

           column-gap: calc(var(--spacing) * 10);
    }
  }

  .desktop-large\:gap-y-2\.5 {

    @media (width >= 1418px) {

      row-gap: calc(var(--spacing) * 2.5);
    }
  }

  .desktop-large\:gap-y-3 {

    @media (width >= 1418px) {

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

  .desktop-large\:gap-y-4\.5 {

    @media (width >= 1418px) {

      row-gap: calc(var(--spacing) * 4.5);
    }
  }

  .desktop-large\:p-1\.75 {

    @media (width >= 1418px) {

      padding: calc(var(--spacing) * 1.75);
    }
  }

  .desktop-large\:p-2 {

    @media (width >= 1418px) {

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

  .desktop-large\:p-5 {

    @media (width >= 1418px) {

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

  .desktop-large\:p-6 {

    @media (width >= 1418px) {

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

  .desktop-large\:p-8 {

    @media (width >= 1418px) {

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

  .desktop-large\:p-10 {

    @media (width >= 1418px) {

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

  .desktop-large\:p-\[7px\] {

    @media (width >= 1418px) {

      padding: 7px;
    }
  }

  .desktop-large\:p-\[15px\] {

    @media (width >= 1418px) {

      padding: 15px;
    }
  }

  .desktop-large\:py-5 {

    @media (width >= 1418px) {

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

  .desktop-large\:py-6 {

    @media (width >= 1418px) {

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

  .desktop-large\:text-2xl {

    @media (width >= 1418px) {

      font-size: var(--text-2xl);

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

  .desktop-large\:text-2xl\/7 {

    @media (width >= 1418px) {

      font-size: var(--text-2xl);

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

  .desktop-large\:text-\[32px\]\/9\.5 {

    @media (width >= 1418px) {

      font-size: 32px;

      line-height: calc(var(--spacing) * 9.5);
    }
  }

  .desktop-large\:text-lg {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-lg\/5\.5 {

    @media (width >= 1418px) {

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

      line-height: calc(var(--spacing) * 5.5);
    }
  }

  .desktop-large\:text-sm {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-sm\/4 {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-sm\/4\.5 {

    @media (width >= 1418px) {

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

      line-height: calc(var(--spacing) * 4.5);
    }
  }

  .desktop-large\:text-sm\/4\.25 {

    @media (width >= 1418px) {

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

      line-height: calc(var(--spacing) * 4.25);
    }
  }

  .desktop-large\:text-sm\/\[17px\] {

    @media (width >= 1418px) {

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

      line-height: 17px;
    }
  }

  .desktop-large\:text-sm\/normal {

    @media (width >= 1418px) {

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

      line-height: var(--leading-normal);
    }
  }

  .desktop-large\:text-xl {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-xs {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-xs\/3\.5 {

    @media (width >= 1418px) {

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

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

  .desktop-large\:text-\[3\.125rem\] {

    @media (width >= 1418px) {

      font-size: 3.125rem;
    }
  }

  .desktop-large\:text-\[29px\] {

    @media (width >= 1418px) {

      font-size: 29px;
    }
  }

  .desktop-large\:placeholder\:text-sm\/4\.5 {

    @media (width >= 1418px) {

      &::-moz-placeholder {

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

        line-height: calc(var(--spacing) * 4.5);
      }

      &::placeholder {

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

        line-height: calc(var(--spacing) * 4.5);
      }
    }
  }

  .desktop-full\:mx-auto {

    @media (width >= 1638px) {

      margin-inline: auto;
    }
  }

  .desktop-full\:mt-6 {

    @media (width >= 1638px) {

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

  .desktop-full\:mb-6 {

    @media (width >= 1638px) {

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

  .desktop-full\:product-grid-6 {

    @media (width >= 1638px) {

      display: grid;

      grid-template-columns: repeat(6, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 6) {

        display: flex;
      }

      & > :nth-child(n + 7) {

        display: none;
      }
    }
  }

  .desktop-full\:product-grid-7 {

    @media (width >= 1638px) {

      display: grid;

      grid-template-columns: repeat(7, minmax(0, 1fr));

      gap: 1rem;

      & > :nth-child(-n + 7) {

        display: flex;
      }

      & > :nth-child(n + 8) {

        display: none;
      }
    }
  }

  .desktop-full\:hide-child-overflow-11 {

    @media (width >= 1638px) {

      display: grid;

      grid-template-columns: repeat(11, minmax(0, 1fr));

      & > .child-overflow:nth-child(-n + 11) {

        display: flex;
      }

      & > .child-overflow:nth-child(n + 12) {

        display: none;
      }
    }
  }

  .desktop-full\:h-\[420px\] {

    @media (width >= 1638px) {

      height: 420px;
    }
  }

  .desktop-full\:max-w-\[1542px\] {

    @media (width >= 1638px) {

      max-width: 1542px;
    }
  }

  .desktop-full\:grid-cols-2 {

    @media (width >= 1638px) {

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

  .desktop-full\:grid-cols-6 {

    @media (width >= 1638px) {

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

  .desktop-full\:grid-cols-7 {

    @media (width >= 1638px) {

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

  .desktop-full\:gap-25 {

    @media (width >= 1638px) {

      gap: calc(var(--spacing) * 25);
    }
  }

  .desktop-full\:gap-x-15 {

    @media (width >= 1638px) {

      -moz-column-gap: calc(var(--spacing) * 15);

           column-gap: calc(var(--spacing) * 15);
    }
  }

  .desktop-full\:gap-y-5 {

    @media (width >= 1638px) {

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

  .desktop-full\:p-8 {

    @media (width >= 1638px) {

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

  .desktop-full\:pt-4 {

    @media (width >= 1638px) {

      padding-top: calc(var(--spacing) * 4);
    }
  }

  .desktop-full\:text-base {

    @media (width >= 1638px) {

      font-size: var(--text-base);

      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  .desktop-full\:text-sm {

    @media (width >= 1638px) {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .desktop-full\:text-sm\/4\.25 {

    @media (width >= 1638px) {

      font-size: var(--text-sm);

      line-height: calc(var(--spacing) * 4.25);
    }
  }

  .desktop-full\:text-\[24px\] {

    @media (width >= 1638px) {

      font-size: 24px;
    }
  }

  .sm\:p-4 {

    @media (width >= 40rem) {

      padding: calc(var(--spacing) * 4);
    }
  }

  .lg\:top-22 {

    @media (width >= 64rem) {

      top: calc(var(--spacing) * 22);
    }
  }

  .lg\:right-\[max\(1rem\,calc\(\(100vw-var\(--breakpoint-desktop-small\)\)\/2\)\)\] {

    @media (width >= 64rem) {

      right: max(1rem, calc((100vw - var(--breakpoint-desktop-small)) / 2));
    }
  }

  .lg\:bottom-auto {

    @media (width >= 64rem) {

      bottom: auto;
    }
  }

  .lg\:h-16 {

    @media (width >= 64rem) {

      height: calc(var(--spacing) * 16);
    }
  }

  .lg\:min-h-\[600px\] {

    @media (width >= 64rem) {

      min-height: 600px;
    }
  }

  .lg\:w-16 {

    @media (width >= 64rem) {

      width: calc(var(--spacing) * 16);
    }
  }

  .lg\:max-w-19 {

    @media (width >= 64rem) {

      max-width: calc(var(--spacing) * 19);
    }
  }

  .lg\:max-w-50 {

    @media (width >= 64rem) {

      max-width: calc(var(--spacing) * 50);
    }
  }

  .lg\:max-w-70 {

    @media (width >= 64rem) {

      max-width: calc(var(--spacing) * 70);
    }
  }

  .lg\:max-w-\[var\(--breakpoint-desktop-small-half\)\] {

    @media (width >= 64rem) {

      max-width: var(--breakpoint-desktop-small-half);
    }
  }

  .lg\:min-w-\[600px\] {

    @media (width >= 64rem) {

      min-width: 600px;
    }
  }

  .lg\:flex-0 {

    @media (width >= 64rem) {

      flex: 0;
    }
  }

  .lg\:flex-1 {

    @media (width >= 64rem) {

      flex: 1;
    }
  }

  .lg\:flex-row {

    @media (width >= 64rem) {

      flex-direction: row;
    }
  }

  .lg\:items-start {

    @media (width >= 64rem) {

      align-items: flex-start;
    }
  }

  .lg\:justify-between {

    @media (width >= 64rem) {

      justify-content: space-between;
    }
  }

  .lg\:gap-4 {

    @media (width >= 64rem) {

      gap: calc(var(--spacing) * 4);
    }
  }

  .lg\:gap-5 {

    @media (width >= 64rem) {

      gap: calc(var(--spacing) * 5);
    }
  }

  .lg\:rounded-xl {

    @media (width >= 64rem) {

      border-radius: var(--radius-xl);
    }
  }

  .lg\:rounded-b-xl {

    @media (width >= 64rem) {

      border-bottom-right-radius: var(--radius-xl);

      border-bottom-left-radius: var(--radius-xl);
    }
  }

  .lg\:bg-\[var\(--color-background\)\] {

    @media (width >= 64rem) {

      background-color: var(--color-background);
    }
  }

  .lg\:bg-white {

    @media (width >= 64rem) {

      background-color: var(--color-white);
    }
  }

  .lg\:bg-none {

    @media (width >= 64rem) {

      background-image: none;
    }
  }

  .lg\:px-12 {

    @media (width >= 64rem) {

      padding-inline: calc(var(--spacing) * 12);
    }
  }

  .lg\:pb-0 {

    @media (width >= 64rem) {

      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  .lg\:text-lg {

    @media (width >= 64rem) {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  .lg\:text-sm {

    @media (width >= 64rem) {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .lg\:text-\[14px\] {

    @media (width >= 64rem) {

      font-size: 14px;
    }
  }

  .lg\:text-\[16px\] {

    @media (width >= 64rem) {

      font-size: 16px;
    }
  }

  .lg\:shadow-\[var\(--shadow-card\)\] {

    @media (width >= 64rem) {

      --tw-shadow: var(--shadow-card);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}

@keyframes tooltip-slide-up {

  from {

    opacity: 0;

    transform: translateY(4px);
  }

  to {

    opacity: 1;

    transform: translateY(0);
  }
}

@keyframes circle-progress {

  from {

    stroke-dashoffset: 251.2;
  }

  to {

    stroke-dashoffset: 0;
  }
}

@layer base {

  :root {

    --segmented-control-transition-duration: 300ms;
  }
}

@layer base {

  :focus-visible {

    outline-color: #000;
  }

  * {

    transition-behavior: allow-discrete;
  }
}

@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-scroll-snap-strictness {

  syntax: "*";

  inherits: false;

  initial-value: proximity;
}

@property --tw-space-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: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-content {

  syntax: "*";

  initial-value: "";

  inherits: false;
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@keyframes slide-down {

  from {

    height: 0px;
  }

  to {

    height: var(--radix-accordion-content-height,);
  }
}

@keyframes slide-up {

  from {

    height: var(--radix-accordion-content-height,);
  }

  to {

    height: 0px;
  }
}

@keyframes fade-in {

  0% {

    opacity: 0;
  }

  100% {

    opacity: 1;
  }
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-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-scroll-snap-strictness: proximity;

      --tw-space-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-backdrop-blur: initial;

      --tw-backdrop-brightness: initial;

      --tw-backdrop-contrast: initial;

      --tw-backdrop-grayscale: initial;

      --tw-backdrop-hue-rotate: initial;

      --tw-backdrop-invert: initial;

      --tw-backdrop-opacity: initial;

      --tw-backdrop-saturate: initial;

      --tw-backdrop-sepia: initial;

      --tw-duration: initial;

      --tw-ease: initial;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-content: "";
    }
  }
}