@layer vendor, base, components, utilities;
@layer base {
  :root {
    --breakpoints-sm: 460px;
    --breakpoints-md: 820px;
    --breakpoints-lg: 960px;
    --breakpoints-xl: 1140px;
    --border-light: 1px solid var(--color-border-base);
    --color-base: #fff;
    --color-contrast: #191b1f;
    --color-highlight: #f0d642;
    --color-primary: #ea2e85;
    --color-secondary: #2ce3af;
    --color-tertiery: #fa8855;
    --color-positive: #0b8f6e;
    --color-negative: #f94144;
    --color-link: #2d42c1;
    --color-border-base: #d3d4d9;
    --color-blue-90: #081023;
    --color-blue-80: #11204b;
    --color-blue-70: #1a2d72;
    --color-blue-60: #24399a;
    --color-blue-50: #2d42c1;
    --color-blue-40: #5e6bd0;
    --color-blue-30: #9095de;
    --color-blue-20: #c1c3ed;
    --color-blue-10: #f2f2fb;
    --color-orange-90: #2d140f;
    --color-orange-80: #612d21;
    --color-orange-70: #944932;
    --color-orange-60: #c76743;
    --color-orange-50: #fa8855;
    --color-orange-40: #fba87c;
    --color-orange-30: #fdc5a3;
    --color-orange-20: #fedfca;
    --color-orange-10: #fff7f1;
    --color-magenta-90: #3d0c17;
    --color-magenta-80: #68142c;
    --color-magenta-70: #941d46;
    --color-magenta-60: #bf2563;
    --color-magenta-50: #ea2e85;
    --color-magenta-40: #ef5e9c;
    --color-magenta-30: #f48eb6;
    --color-magenta-20: #f9bed3;
    --color-magenta-10: #fdeef3;
    --color-yellow-90: #4b2d14;
    --color-yellow-80: #744e20;
    --color-yellow-70: #9e762b;
    --color-yellow-60: #c7a336;
    --color-yellow-50: #f0d642;
    --color-yellow-40: #f2dc6e;
    --color-yellow-30: #f4e49a;
    --color-yellow-20: #f8edc4;
    --color-yellow-10: #fdf9ed;
    --color-teal-90: #0b3937;
    --color-teal-80: #13645b;
    --color-teal-70: #1b8e7b;
    --color-teal-60: #24b997;
    --color-teal-50: #2ce3af;
    --color-teal-40: #5de9c1;
    --color-teal-30: #8eefd4;
    --color-teal-20: #bef6e6;
    --color-teal-10: #eefdf9;
    --color-gray-90: #191b1f;
    --color-gray-80: #2c2f36;
    --color-gray-70: #40434c;
    --color-gray-60: #535663;
    --color-gray-50: #676a79;
    --color-gray-40: #8b8d99;
    --color-gray-30: #afb0b9;
    --color-gray-20: #d3d4d9;
    --color-gray-10: #f7f8f8;
    --gradients-blue-to-teal: linear-gradient(to bottom right, #2d42c1, #2ce3af);
    --gradients-magenta-to-orange: linear-gradient(to bottom right, #ea2e85, #fa8855);
    --gradients-orange-to-magenta: linear-gradient(to bottom right, #fa8855, #ea2e85);
    --gradients-orange-to-teal: linear-gradient(to bottom right, #fa8855, #2ce3af);
    --gradients-teal-to-blue: linear-gradient(to bottom right, #2ce3af, #2d42c1);
    --gradients-yellow-to-orange: linear-gradient(to bottom right, #f0d642, #fa8855);
    --gradients-white-to-transparent-vertical: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    --gradients-transparent-to-white-vertical: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    --gradients-white-transparent-white: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
    --gradients-spectrum: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--tertiery) 33%, var(--wp--preset--color--highlight) 66%, var(--wp--preset--color--secondary) 100%);
    --gradients-transparent-to-black: linear-gradient(to right, rgba(0, 0, 0, 0.3), var(--wp--preset--color--contrast));
    --gradients-black-to-transparent: linear-gradient(to right, var(--wp--preset--color--contrast), rgba(0, 0, 0, 0.3));
    --gradients-transparent-to-teal-20: linear-gradient(to bottom, transparent, #bef6e6);
    --gradients-teal-10-to-white: linear-gradient(to bottom, #eefdf9, #fff);
    --gradients-white-to-teal-10: linear-gradient(to bottom, #fff, #eefdf9);
    --font-base: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --font-mono: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --weight-normal: 400;
    --weight-bold: 900;
    --size-xs: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
    --size-sm: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
    --size-base: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
    --size-lg: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
    --size-xl: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
    --size-2xl: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
    --size-3xl: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
    --size-4xl: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
    --size-5xl: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-28: 7rem;
    --space-32: 8rem;
    --space-40: 10rem;
    --space-48: 12rem;
    --space-56: 14rem;
    --space-64: 16rem;
    --space-container: max(2rem, 10vw);
    --space-content: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    --space-content-lg: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    --space-px: 0.06rem;
    --space-half: 0.125rem;
    --space-xs: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    --space-sm: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    --space-md: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    --space-lg: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    --space-xl: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    --max-width-sm: 40rem;
    --max-width-lg: 60rem;
    --leading-none: 1;
    --leading-tight: 1.1;
    --leading-base: 1.65;
    --leading-loose: 1.9;
    --tracking-tight: -0.025em;
    --tracking-base: auto;
    --tracking-wide: 0.05em;
    --tracking-loose: 0.1em;
    --radius-xs: 0.5rem;
    --radius-sm: 0.75rem;
    --radius-base: 1rem;
    --radius-lg: 3rem;
    --radius-full: 99999px;
    --shadow-sm: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
    --shadow-base: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.6rem 1rem rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.6rem 0.8rem rgba(0, 0, 0, 0.05), 0 0.8rem 1.2rem rgba(0, 0, 0, 0.05), 0 1rem 1.6rem rgba(0, 0, 0, 0.05);
    --shadow-2xl: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.8rem 1rem rgba(0, 0, 0, 0.05), 0 1rem 1.4rem rgba(0, 0, 0, 0.05), 0 1.2rem 2rem rgba(0, 0, 0, 0.05), 0 1.4rem 2.2rem rgba(0, 0, 0, 0.05);
    --shadow-glow: 0 0 0.6rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 2rem rgba(0, 0, 0, 0.05), 0 0 2.2rem rgba(0, 0, 0, 0.05);
    --aspect-ratio-1: 1;
    --aspect-ratio-8x3: 2.6666666667;
    --stack-bottom: -1;
    --stack-default: 0;
    --stack-top: 1;
    --stack-overlay: 50;
    --stack-menu: 90;
    --stack-modal: 100;
  }
  *,
  *:after,
  *:before {
    box-sizing: border-box;
  }
  /* Remove default margin */
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  li,
  figure,
  figcaption,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    background-color: var(--color-white, white);
    color: var(--color-primary, black);
    font-family: var(--font-base, sans-serif);
    font-size: var(--size-base);
    text-rendering: optimizeSpeed;
    margin: 0;
  }
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  p {
    line-height: var(--leading-base, 1.5);
    margin: 0;
  }
  a {
    color: var(--color-neutral, blue);
    position: relative;
    text-decoration: underline;
  }
  a:hover {
    text-decoration: none;
  }
  img {
    /* Only render images when they're in the viewport */
    content-visibility: auto;
    display: block;
    max-width: 100%;
    height: auto;
  }
  picture {
    display: block;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  button {
    appearance: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
  }
  svg {
    fill: currentColor;
    height: 1em;
    width: 1em;
  }
  [disabled] {
    cursor: not-allowed;
    opacity: 0.6;
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  li {
    margin: 0;
    padding: 0;
  }
  ul.list {
    list-style: initial;
  }
  ul.list li {
    margin-left: var(--space-8, 2em);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    letter-spacing: var(--tracking-tight, -0.5px);
    line-height: var(--leading-tight, 1.1);
    font-weight: var(--weight-bold, 700);
    margin: 0;
  }
  h1,
  .h1 {
    font-size: var(--size-3xl);
  }
  h2,
  .h2 {
    font-size: var(--size-2xl);
  }
  h3,
  .h3 {
    font-size: var(--size-xl);
  }
  h4,
  .h4 {
    font-size: var(--size-lg);
  }
  @supports (display: grid) {
    .browser-message {
      display: none;
    }
  }
  /* Remove all animations and transitions for people that prefer not to see them */
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  /* Override Cookie Consent button color */
  cookie-consent-banner button {
    color: var(--color-white, white);
  }
}
@layer components {
  .btn,
  input[type=file]::file-selector-button {
    --btn-background-color: var(--color-gray-90);
    --btn-color: var(--color-white);
    --btn-padding: var(--space-3) var(--space-6);
    appearance: none;
    background-color: var(--btn-background-color);
    border: var(--btn-border, 0);
    border-radius: var(--btn-radius, var(--radius-base));
    box-shadow: var(--btn-shadow, none);
    color: var(--btn-color);
    font-size: var(--btn-font-size, inherit);
    padding: var(--btn-padding);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: var(--btn-min-width, 5rem);
    transition: var(--btn-transition, all 400ms ease-in-out);
  }
  .btn > * + *,
  input[type=file]::file-selector-button > * + * {
    margin-left: var(--btn-gap, var(--space-2));
  }
  .btn:hover,
  .btn:focus {
    --btn-background-color: var(--color-white);
    --btn-color: var(--color-primary);
    --btn-shadow: var(--shadow-xl);
    --btn-transition: all 150ms ease-in-out;
  }
  .btn--sm {
    --btn-padding: var(--space-2) var(--space-4);
  }
  .btn--lg {
    --btn-padding: var(--space-3) var(--space-8);
    --btn-font-size: var(--size-lg);
  }
  .btn--full-width {
    display: flex;
    width: 100%;
  }
  input[type=file]::file-selector-button {
    margin-inline-end: var(--space-4, 1em);
  }
  .btn--base {
    --btn-background-color: #fff;
    --btn-color: var(--color, black);
  }
  .btn--contrast {
    --btn-background-color: #191b1f;
    --btn-color: var(--color, white);
  }
  .btn--highlight {
    --btn-background-color: #f0d642;
    --btn-color: var(--color, black);
  }
  .btn--primary {
    --btn-background-color: #ea2e85;
    --btn-color: var(--color, black);
  }
  .btn--secondary {
    --btn-background-color: #2ce3af;
    --btn-color: var(--color, black);
  }
  .btn--tertiery {
    --btn-background-color: #fa8855;
    --btn-color: var(--color, black);
  }
  .btn--positive {
    --btn-background-color: #0b8f6e;
    --btn-color: var(--color, white);
  }
  .btn--negative {
    --btn-background-color: #f94144;
    --btn-color: var(--color, black);
  }
  .btn--link {
    --btn-background-color: #2d42c1;
    --btn-color: var(--color, white);
  }
  .btn--border-base {
    --btn-background-color: #d3d4d9;
    --btn-color: var(--color, black);
  }
  .btn--blue-90 {
    --btn-background-color: #081023;
    --btn-color: var(--color, white);
  }
  .btn--blue-80 {
    --btn-background-color: #11204b;
    --btn-color: var(--color, white);
  }
  .btn--blue-70 {
    --btn-background-color: #1a2d72;
    --btn-color: var(--color, white);
  }
  .btn--blue-60 {
    --btn-background-color: #24399a;
    --btn-color: var(--color, white);
  }
  .btn--blue-50 {
    --btn-background-color: #2d42c1;
    --btn-color: var(--color, white);
  }
  .btn--blue-40 {
    --btn-background-color: #5e6bd0;
    --btn-color: var(--color, black);
  }
  .btn--blue-30 {
    --btn-background-color: #9095de;
    --btn-color: var(--color, black);
  }
  .btn--blue-20 {
    --btn-background-color: #c1c3ed;
    --btn-color: var(--color, black);
  }
  .btn--blue-10 {
    --btn-background-color: #f2f2fb;
    --btn-color: var(--color, black);
  }
  .btn--orange-90 {
    --btn-background-color: #2d140f;
    --btn-color: var(--color, white);
  }
  .btn--orange-80 {
    --btn-background-color: #612d21;
    --btn-color: var(--color, white);
  }
  .btn--orange-70 {
    --btn-background-color: #944932;
    --btn-color: var(--color, white);
  }
  .btn--orange-60 {
    --btn-background-color: #c76743;
    --btn-color: var(--color, black);
  }
  .btn--orange-50 {
    --btn-background-color: #fa8855;
    --btn-color: var(--color, black);
  }
  .btn--orange-40 {
    --btn-background-color: #fba87c;
    --btn-color: var(--color, black);
  }
  .btn--orange-30 {
    --btn-background-color: #fdc5a3;
    --btn-color: var(--color, black);
  }
  .btn--orange-20 {
    --btn-background-color: #fedfca;
    --btn-color: var(--color, black);
  }
  .btn--orange-10 {
    --btn-background-color: #fff7f1;
    --btn-color: var(--color, black);
  }
  .btn--magenta-90 {
    --btn-background-color: #3d0c17;
    --btn-color: var(--color, white);
  }
  .btn--magenta-80 {
    --btn-background-color: #68142c;
    --btn-color: var(--color, white);
  }
  .btn--magenta-70 {
    --btn-background-color: #941d46;
    --btn-color: var(--color, white);
  }
  .btn--magenta-60 {
    --btn-background-color: #bf2563;
    --btn-color: var(--color, white);
  }
  .btn--magenta-50 {
    --btn-background-color: #ea2e85;
    --btn-color: var(--color, black);
  }
  .btn--magenta-40 {
    --btn-background-color: #ef5e9c;
    --btn-color: var(--color, black);
  }
  .btn--magenta-30 {
    --btn-background-color: #f48eb6;
    --btn-color: var(--color, black);
  }
  .btn--magenta-20 {
    --btn-background-color: #f9bed3;
    --btn-color: var(--color, black);
  }
  .btn--magenta-10 {
    --btn-background-color: #fdeef3;
    --btn-color: var(--color, black);
  }
  .btn--yellow-90 {
    --btn-background-color: #4b2d14;
    --btn-color: var(--color, white);
  }
  .btn--yellow-80 {
    --btn-background-color: #744e20;
    --btn-color: var(--color, white);
  }
  .btn--yellow-70 {
    --btn-background-color: #9e762b;
    --btn-color: var(--color, white);
  }
  .btn--yellow-60 {
    --btn-background-color: #c7a336;
    --btn-color: var(--color, white);
  }
  .btn--yellow-50 {
    --btn-background-color: #f0d642;
    --btn-color: var(--color, black);
  }
  .btn--yellow-40 {
    --btn-background-color: #f2dc6e;
    --btn-color: var(--color, black);
  }
  .btn--yellow-30 {
    --btn-background-color: #f4e49a;
    --btn-color: var(--color, black);
  }
  .btn--yellow-20 {
    --btn-background-color: #f8edc4;
    --btn-color: var(--color, black);
  }
  .btn--yellow-10 {
    --btn-background-color: #fdf9ed;
    --btn-color: var(--color, black);
  }
  .btn--teal-90 {
    --btn-background-color: #0b3937;
    --btn-color: var(--color, white);
  }
  .btn--teal-80 {
    --btn-background-color: #13645b;
    --btn-color: var(--color, white);
  }
  .btn--teal-70 {
    --btn-background-color: #1b8e7b;
    --btn-color: var(--color, white);
  }
  .btn--teal-60 {
    --btn-background-color: #24b997;
    --btn-color: var(--color, white);
  }
  .btn--teal-50 {
    --btn-background-color: #2ce3af;
    --btn-color: var(--color, black);
  }
  .btn--teal-40 {
    --btn-background-color: #5de9c1;
    --btn-color: var(--color, black);
  }
  .btn--teal-30 {
    --btn-background-color: #8eefd4;
    --btn-color: var(--color, black);
  }
  .btn--teal-20 {
    --btn-background-color: #bef6e6;
    --btn-color: var(--color, black);
  }
  .btn--teal-10 {
    --btn-background-color: #eefdf9;
    --btn-color: var(--color, black);
  }
  .btn--gray-90 {
    --btn-background-color: #191b1f;
    --btn-color: var(--color, white);
  }
  .btn--gray-80 {
    --btn-background-color: #2c2f36;
    --btn-color: var(--color, white);
  }
  .btn--gray-70 {
    --btn-background-color: #40434c;
    --btn-color: var(--color, white);
  }
  .btn--gray-60 {
    --btn-background-color: #535663;
    --btn-color: var(--color, white);
  }
  .btn--gray-50 {
    --btn-background-color: #676a79;
    --btn-color: var(--color, white);
  }
  .btn--gray-40 {
    --btn-background-color: #8b8d99;
    --btn-color: var(--color, black);
  }
  .btn--gray-30 {
    --btn-background-color: #afb0b9;
    --btn-color: var(--color, black);
  }
  .btn--gray-20 {
    --btn-background-color: #d3d4d9;
    --btn-color: var(--color, black);
  }
  .btn--gray-10 {
    --btn-background-color: #f7f8f8;
    --btn-color: var(--color, black);
  }
}
@layer components {
  form {
    accent-color: var(--accent-color, var(--color-primary, inherit));
  }
  label {
    display: block;
    font-size: inherit;
    font-weight: var(--weight-bold, 700);
    line-height: var(--leading-none, 1);
  }
  input[type=text],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=number],
  input[type=datetime-local],
  input[type=date],
  select,
  textarea {
    appearance: none;
    background-color: white;
    border: 0.06rem solid var(--color-gray-30, #ddd);
    border-radius: var(--radius-base, 4px);
    color: var(--color-primary, #111);
    display: block;
    font-family: inherit;
    font-size: inherit;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    width: 100%;
  }
  input[type=text][data-state=invalid],
  input[type=password][data-state=invalid],
  input[type=tel][data-state=invalid],
  input[type=email][data-state=invalid],
  input[type=number][data-state=invalid],
  input[type=datetime-local][data-state=invalid],
  input[type=date][data-state=invalid],
  select[data-state=invalid],
  textarea[data-state=invalid] {
    border-color: var(--color-negative, red);
  }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=datetime-local]:focus,
  input[type=date]:focus,
  select:focus,
  textarea:focus {
    border-color: var(--color-neutral, blue);
    box-shadow: 0 0 0 4px var(--color-neutral-light, #eee);
    outline: 0;
  }
}
.fslightbox-container {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px);
}

@layer utilities {
  /**
   * Alignment Utilities
   *
   * These utilities are meant to be used with Grid or Flex properties
   */
  .items-start {
    align-items: flex-start;
    align-items: start;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
    align-items: end;
  }
  .justify-start {
    justify-content: flex-start;
    justify-content: start;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-end {
    justify-content: flex-end;
    justify-content: end;
  }
}
@layer utilities {
  /**
   * Aspect Ratio Utilities
   *
   * These utilities are meant to be used with Grid or Flex properties
   */
  .aspect-ratio-1 {
    aspect-ratio: 1;
  }
  .aspect-ratio-8x3 {
    aspect-ratio: 2.6666666667;
  }
}
@layer utilities {
  .bg-cover {
    background-image: var(--image);
    background-position: center;
    background-size: cover;
  }
}
@layer utilities {
  .radius-xs {
    border-radius: 0.5rem;
  }
  .radius-sm {
    border-radius: 0.75rem;
  }
  .radius-base {
    border-radius: 1rem;
  }
  .radius-lg {
    border-radius: 3rem;
  }
  .radius-full {
    border-radius: 99999px;
  }
}
@layer utilities {
  .cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap, var(--space-2));
  }
  /**
   * Set the default justify-content with a :where for low specificity
   * so we can override it easily with our alignment utilities.
   */
  :where(.cluster) {
    justify-content: start;
  }
}
@layer utilities {
  .c-base {
    --color-opacity: 1;
    color: rgba(255, 255, 255, var(--color-opacity));
  }
  .bg-base {
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }
  .c-contrast {
    --color-opacity: 1;
    color: rgba(25, 27, 31, var(--color-opacity));
  }
  .bg-contrast {
    --bg-opacity: 1;
    background-color: rgba(25, 27, 31, var(--bg-opacity));
  }
  .c-highlight {
    --color-opacity: 1;
    color: rgba(240, 214, 66, var(--color-opacity));
  }
  .bg-highlight {
    --bg-opacity: 1;
    background-color: rgba(240, 214, 66, var(--bg-opacity));
  }
  .c-primary {
    --color-opacity: 1;
    color: rgba(234, 46, 133, var(--color-opacity));
  }
  .bg-primary {
    --bg-opacity: 1;
    background-color: rgba(234, 46, 133, var(--bg-opacity));
  }
  .c-secondary {
    --color-opacity: 1;
    color: rgba(44, 227, 175, var(--color-opacity));
  }
  .bg-secondary {
    --bg-opacity: 1;
    background-color: rgba(44, 227, 175, var(--bg-opacity));
  }
  .c-tertiery {
    --color-opacity: 1;
    color: rgba(250, 136, 85, var(--color-opacity));
  }
  .bg-tertiery {
    --bg-opacity: 1;
    background-color: rgba(250, 136, 85, var(--bg-opacity));
  }
  .c-positive {
    --color-opacity: 1;
    color: rgba(11, 143, 110, var(--color-opacity));
  }
  .bg-positive {
    --bg-opacity: 1;
    background-color: rgba(11, 143, 110, var(--bg-opacity));
  }
  .c-negative {
    --color-opacity: 1;
    color: rgba(249, 65, 68, var(--color-opacity));
  }
  .bg-negative {
    --bg-opacity: 1;
    background-color: rgba(249, 65, 68, var(--bg-opacity));
  }
  .c-link {
    --color-opacity: 1;
    color: rgba(45, 66, 193, var(--color-opacity));
  }
  .bg-link {
    --bg-opacity: 1;
    background-color: rgba(45, 66, 193, var(--bg-opacity));
  }
  .c-border-base {
    --color-opacity: 1;
    color: rgba(211, 212, 217, var(--color-opacity));
  }
  .bg-border-base {
    --bg-opacity: 1;
    background-color: rgba(211, 212, 217, var(--bg-opacity));
  }
  .c-blue-90 {
    --color-opacity: 1;
    color: rgba(8, 16, 35, var(--color-opacity));
  }
  .bg-blue-90 {
    --bg-opacity: 1;
    background-color: rgba(8, 16, 35, var(--bg-opacity));
  }
  .c-blue-80 {
    --color-opacity: 1;
    color: rgba(17, 32, 75, var(--color-opacity));
  }
  .bg-blue-80 {
    --bg-opacity: 1;
    background-color: rgba(17, 32, 75, var(--bg-opacity));
  }
  .c-blue-70 {
    --color-opacity: 1;
    color: rgba(26, 45, 114, var(--color-opacity));
  }
  .bg-blue-70 {
    --bg-opacity: 1;
    background-color: rgba(26, 45, 114, var(--bg-opacity));
  }
  .c-blue-60 {
    --color-opacity: 1;
    color: rgba(36, 57, 154, var(--color-opacity));
  }
  .bg-blue-60 {
    --bg-opacity: 1;
    background-color: rgba(36, 57, 154, var(--bg-opacity));
  }
  .c-blue-50 {
    --color-opacity: 1;
    color: rgba(45, 66, 193, var(--color-opacity));
  }
  .bg-blue-50 {
    --bg-opacity: 1;
    background-color: rgba(45, 66, 193, var(--bg-opacity));
  }
  .c-blue-40 {
    --color-opacity: 1;
    color: rgba(94, 107, 208, var(--color-opacity));
  }
  .bg-blue-40 {
    --bg-opacity: 1;
    background-color: rgba(94, 107, 208, var(--bg-opacity));
  }
  .c-blue-30 {
    --color-opacity: 1;
    color: rgba(144, 149, 222, var(--color-opacity));
  }
  .bg-blue-30 {
    --bg-opacity: 1;
    background-color: rgba(144, 149, 222, var(--bg-opacity));
  }
  .c-blue-20 {
    --color-opacity: 1;
    color: rgba(193, 195, 237, var(--color-opacity));
  }
  .bg-blue-20 {
    --bg-opacity: 1;
    background-color: rgba(193, 195, 237, var(--bg-opacity));
  }
  .c-blue-10 {
    --color-opacity: 1;
    color: rgba(242, 242, 251, var(--color-opacity));
  }
  .bg-blue-10 {
    --bg-opacity: 1;
    background-color: rgba(242, 242, 251, var(--bg-opacity));
  }
  .c-orange-90 {
    --color-opacity: 1;
    color: rgba(45, 20, 15, var(--color-opacity));
  }
  .bg-orange-90 {
    --bg-opacity: 1;
    background-color: rgba(45, 20, 15, var(--bg-opacity));
  }
  .c-orange-80 {
    --color-opacity: 1;
    color: rgba(97, 45, 33, var(--color-opacity));
  }
  .bg-orange-80 {
    --bg-opacity: 1;
    background-color: rgba(97, 45, 33, var(--bg-opacity));
  }
  .c-orange-70 {
    --color-opacity: 1;
    color: rgba(148, 73, 50, var(--color-opacity));
  }
  .bg-orange-70 {
    --bg-opacity: 1;
    background-color: rgba(148, 73, 50, var(--bg-opacity));
  }
  .c-orange-60 {
    --color-opacity: 1;
    color: rgba(199, 103, 67, var(--color-opacity));
  }
  .bg-orange-60 {
    --bg-opacity: 1;
    background-color: rgba(199, 103, 67, var(--bg-opacity));
  }
  .c-orange-50 {
    --color-opacity: 1;
    color: rgba(250, 136, 85, var(--color-opacity));
  }
  .bg-orange-50 {
    --bg-opacity: 1;
    background-color: rgba(250, 136, 85, var(--bg-opacity));
  }
  .c-orange-40 {
    --color-opacity: 1;
    color: rgba(251, 168, 124, var(--color-opacity));
  }
  .bg-orange-40 {
    --bg-opacity: 1;
    background-color: rgba(251, 168, 124, var(--bg-opacity));
  }
  .c-orange-30 {
    --color-opacity: 1;
    color: rgba(253, 197, 163, var(--color-opacity));
  }
  .bg-orange-30 {
    --bg-opacity: 1;
    background-color: rgba(253, 197, 163, var(--bg-opacity));
  }
  .c-orange-20 {
    --color-opacity: 1;
    color: rgba(254, 223, 202, var(--color-opacity));
  }
  .bg-orange-20 {
    --bg-opacity: 1;
    background-color: rgba(254, 223, 202, var(--bg-opacity));
  }
  .c-orange-10 {
    --color-opacity: 1;
    color: rgba(255, 247, 241, var(--color-opacity));
  }
  .bg-orange-10 {
    --bg-opacity: 1;
    background-color: rgba(255, 247, 241, var(--bg-opacity));
  }
  .c-magenta-90 {
    --color-opacity: 1;
    color: rgba(61, 12, 23, var(--color-opacity));
  }
  .bg-magenta-90 {
    --bg-opacity: 1;
    background-color: rgba(61, 12, 23, var(--bg-opacity));
  }
  .c-magenta-80 {
    --color-opacity: 1;
    color: rgba(104, 20, 44, var(--color-opacity));
  }
  .bg-magenta-80 {
    --bg-opacity: 1;
    background-color: rgba(104, 20, 44, var(--bg-opacity));
  }
  .c-magenta-70 {
    --color-opacity: 1;
    color: rgba(148, 29, 70, var(--color-opacity));
  }
  .bg-magenta-70 {
    --bg-opacity: 1;
    background-color: rgba(148, 29, 70, var(--bg-opacity));
  }
  .c-magenta-60 {
    --color-opacity: 1;
    color: rgba(191, 37, 99, var(--color-opacity));
  }
  .bg-magenta-60 {
    --bg-opacity: 1;
    background-color: rgba(191, 37, 99, var(--bg-opacity));
  }
  .c-magenta-50 {
    --color-opacity: 1;
    color: rgba(234, 46, 133, var(--color-opacity));
  }
  .bg-magenta-50 {
    --bg-opacity: 1;
    background-color: rgba(234, 46, 133, var(--bg-opacity));
  }
  .c-magenta-40 {
    --color-opacity: 1;
    color: rgba(239, 94, 156, var(--color-opacity));
  }
  .bg-magenta-40 {
    --bg-opacity: 1;
    background-color: rgba(239, 94, 156, var(--bg-opacity));
  }
  .c-magenta-30 {
    --color-opacity: 1;
    color: rgba(244, 142, 182, var(--color-opacity));
  }
  .bg-magenta-30 {
    --bg-opacity: 1;
    background-color: rgba(244, 142, 182, var(--bg-opacity));
  }
  .c-magenta-20 {
    --color-opacity: 1;
    color: rgba(249, 190, 211, var(--color-opacity));
  }
  .bg-magenta-20 {
    --bg-opacity: 1;
    background-color: rgba(249, 190, 211, var(--bg-opacity));
  }
  .c-magenta-10 {
    --color-opacity: 1;
    color: rgba(253, 238, 243, var(--color-opacity));
  }
  .bg-magenta-10 {
    --bg-opacity: 1;
    background-color: rgba(253, 238, 243, var(--bg-opacity));
  }
  .c-yellow-90 {
    --color-opacity: 1;
    color: rgba(75, 45, 20, var(--color-opacity));
  }
  .bg-yellow-90 {
    --bg-opacity: 1;
    background-color: rgba(75, 45, 20, var(--bg-opacity));
  }
  .c-yellow-80 {
    --color-opacity: 1;
    color: rgba(116, 78, 32, var(--color-opacity));
  }
  .bg-yellow-80 {
    --bg-opacity: 1;
    background-color: rgba(116, 78, 32, var(--bg-opacity));
  }
  .c-yellow-70 {
    --color-opacity: 1;
    color: rgba(158, 118, 43, var(--color-opacity));
  }
  .bg-yellow-70 {
    --bg-opacity: 1;
    background-color: rgba(158, 118, 43, var(--bg-opacity));
  }
  .c-yellow-60 {
    --color-opacity: 1;
    color: rgba(199, 163, 54, var(--color-opacity));
  }
  .bg-yellow-60 {
    --bg-opacity: 1;
    background-color: rgba(199, 163, 54, var(--bg-opacity));
  }
  .c-yellow-50 {
    --color-opacity: 1;
    color: rgba(240, 214, 66, var(--color-opacity));
  }
  .bg-yellow-50 {
    --bg-opacity: 1;
    background-color: rgba(240, 214, 66, var(--bg-opacity));
  }
  .c-yellow-40 {
    --color-opacity: 1;
    color: rgba(242, 220, 110, var(--color-opacity));
  }
  .bg-yellow-40 {
    --bg-opacity: 1;
    background-color: rgba(242, 220, 110, var(--bg-opacity));
  }
  .c-yellow-30 {
    --color-opacity: 1;
    color: rgba(244, 228, 154, var(--color-opacity));
  }
  .bg-yellow-30 {
    --bg-opacity: 1;
    background-color: rgba(244, 228, 154, var(--bg-opacity));
  }
  .c-yellow-20 {
    --color-opacity: 1;
    color: rgba(248, 237, 196, var(--color-opacity));
  }
  .bg-yellow-20 {
    --bg-opacity: 1;
    background-color: rgba(248, 237, 196, var(--bg-opacity));
  }
  .c-yellow-10 {
    --color-opacity: 1;
    color: rgba(253, 249, 237, var(--color-opacity));
  }
  .bg-yellow-10 {
    --bg-opacity: 1;
    background-color: rgba(253, 249, 237, var(--bg-opacity));
  }
  .c-teal-90 {
    --color-opacity: 1;
    color: rgba(11, 57, 55, var(--color-opacity));
  }
  .bg-teal-90 {
    --bg-opacity: 1;
    background-color: rgba(11, 57, 55, var(--bg-opacity));
  }
  .c-teal-80 {
    --color-opacity: 1;
    color: rgba(19, 100, 91, var(--color-opacity));
  }
  .bg-teal-80 {
    --bg-opacity: 1;
    background-color: rgba(19, 100, 91, var(--bg-opacity));
  }
  .c-teal-70 {
    --color-opacity: 1;
    color: rgba(27, 142, 123, var(--color-opacity));
  }
  .bg-teal-70 {
    --bg-opacity: 1;
    background-color: rgba(27, 142, 123, var(--bg-opacity));
  }
  .c-teal-60 {
    --color-opacity: 1;
    color: rgba(36, 185, 151, var(--color-opacity));
  }
  .bg-teal-60 {
    --bg-opacity: 1;
    background-color: rgba(36, 185, 151, var(--bg-opacity));
  }
  .c-teal-50 {
    --color-opacity: 1;
    color: rgba(44, 227, 175, var(--color-opacity));
  }
  .bg-teal-50 {
    --bg-opacity: 1;
    background-color: rgba(44, 227, 175, var(--bg-opacity));
  }
  .c-teal-40 {
    --color-opacity: 1;
    color: rgba(93, 233, 193, var(--color-opacity));
  }
  .bg-teal-40 {
    --bg-opacity: 1;
    background-color: rgba(93, 233, 193, var(--bg-opacity));
  }
  .c-teal-30 {
    --color-opacity: 1;
    color: rgba(142, 239, 212, var(--color-opacity));
  }
  .bg-teal-30 {
    --bg-opacity: 1;
    background-color: rgba(142, 239, 212, var(--bg-opacity));
  }
  .c-teal-20 {
    --color-opacity: 1;
    color: rgba(190, 246, 230, var(--color-opacity));
  }
  .bg-teal-20 {
    --bg-opacity: 1;
    background-color: rgba(190, 246, 230, var(--bg-opacity));
  }
  .c-teal-10 {
    --color-opacity: 1;
    color: rgba(238, 253, 249, var(--color-opacity));
  }
  .bg-teal-10 {
    --bg-opacity: 1;
    background-color: rgba(238, 253, 249, var(--bg-opacity));
  }
  .c-gray-90 {
    --color-opacity: 1;
    color: rgba(25, 27, 31, var(--color-opacity));
  }
  .bg-gray-90 {
    --bg-opacity: 1;
    background-color: rgba(25, 27, 31, var(--bg-opacity));
  }
  .c-gray-80 {
    --color-opacity: 1;
    color: rgba(44, 47, 54, var(--color-opacity));
  }
  .bg-gray-80 {
    --bg-opacity: 1;
    background-color: rgba(44, 47, 54, var(--bg-opacity));
  }
  .c-gray-70 {
    --color-opacity: 1;
    color: rgba(64, 67, 76, var(--color-opacity));
  }
  .bg-gray-70 {
    --bg-opacity: 1;
    background-color: rgba(64, 67, 76, var(--bg-opacity));
  }
  .c-gray-60 {
    --color-opacity: 1;
    color: rgba(83, 86, 99, var(--color-opacity));
  }
  .bg-gray-60 {
    --bg-opacity: 1;
    background-color: rgba(83, 86, 99, var(--bg-opacity));
  }
  .c-gray-50 {
    --color-opacity: 1;
    color: rgba(103, 106, 121, var(--color-opacity));
  }
  .bg-gray-50 {
    --bg-opacity: 1;
    background-color: rgba(103, 106, 121, var(--bg-opacity));
  }
  .c-gray-40 {
    --color-opacity: 1;
    color: rgba(139, 141, 153, var(--color-opacity));
  }
  .bg-gray-40 {
    --bg-opacity: 1;
    background-color: rgba(139, 141, 153, var(--bg-opacity));
  }
  .c-gray-30 {
    --color-opacity: 1;
    color: rgba(175, 176, 185, var(--color-opacity));
  }
  .bg-gray-30 {
    --bg-opacity: 1;
    background-color: rgba(175, 176, 185, var(--bg-opacity));
  }
  .c-gray-20 {
    --color-opacity: 1;
    color: rgba(211, 212, 217, var(--color-opacity));
  }
  .bg-gray-20 {
    --bg-opacity: 1;
    background-color: rgba(211, 212, 217, var(--bg-opacity));
  }
  .c-gray-10 {
    --color-opacity: 1;
    color: rgba(247, 248, 248, var(--color-opacity));
  }
  .bg-gray-10 {
    --bg-opacity: 1;
    background-color: rgba(247, 248, 248, var(--bg-opacity));
  }
  .c-opacity-1 {
    --color-opacity: 0.1;
  }
  .bg-opacity-1 {
    --bg-opacity: 0.1;
  }
  .c-opacity-2 {
    --color-opacity: 0.2;
  }
  .bg-opacity-2 {
    --bg-opacity: 0.2;
  }
  .c-opacity-3 {
    --color-opacity: 0.3;
  }
  .bg-opacity-3 {
    --bg-opacity: 0.3;
  }
  .c-opacity-4 {
    --color-opacity: 0.4;
  }
  .bg-opacity-4 {
    --bg-opacity: 0.4;
  }
  .c-opacity-5 {
    --color-opacity: 0.5;
  }
  .bg-opacity-5 {
    --bg-opacity: 0.5;
  }
  .c-opacity-6 {
    --color-opacity: 0.6;
  }
  .bg-opacity-6 {
    --bg-opacity: 0.6;
  }
  .c-opacity-7 {
    --color-opacity: 0.7;
  }
  .bg-opacity-7 {
    --bg-opacity: 0.7;
  }
  .c-opacity-8 {
    --color-opacity: 0.8;
  }
  .bg-opacity-8 {
    --bg-opacity: 0.8;
  }
  .c-opacity-9 {
    --color-opacity: 0.9;
  }
  .bg-opacity-9 {
    --bg-opacity: 0.9;
  }
  .c-opacity-10 {
    --color-opacity: 1;
  }
  .bg-opacity-10 {
    --bg-opacity: 1;
  }
}
@layer utilities {
  .container {
    max-width: var(--max-width, 64rem);
    margin-inline: auto;
  }
}
@layer utilities {
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
}
@layer utilities {
  /**
   * Reverses the letters in an email address
   * You should use this with something like Nunjucks "reverse" filter.
   * It helps stop spam bots.
   */
  .email-address {
    unicode-bidi: bidi-override;
    direction: rtl;
  }
}
@layer utilities {
  .flow > * {
    --flow-space: var(--space-4, 1em);
  }
  .flow > * + * {
    margin-block-start: var(--flow-space);
  }
  .flow-space-1 > * {
    --flow-space: 0.25rem;
  }
  .flow-space-2 > * {
    --flow-space: 0.5rem;
  }
  .flow-space-3 > * {
    --flow-space: 0.75rem;
  }
  .flow-space-4 > * {
    --flow-space: 1rem;
  }
  .flow-space-5 > * {
    --flow-space: 1.25rem;
  }
  .flow-space-6 > * {
    --flow-space: 1.5rem;
  }
  .flow-space-8 > * {
    --flow-space: 2rem;
  }
  .flow-space-10 > * {
    --flow-space: 2.5rem;
  }
  .flow-space-12 > * {
    --flow-space: 3rem;
  }
  .flow-space-16 > * {
    --flow-space: 4rem;
  }
  .flow-space-20 > * {
    --flow-space: 5rem;
  }
  .flow-space-24 > * {
    --flow-space: 6rem;
  }
  .flow-space-28 > * {
    --flow-space: 7rem;
  }
  .flow-space-32 > * {
    --flow-space: 8rem;
  }
  .flow-space-40 > * {
    --flow-space: 10rem;
  }
  .flow-space-48 > * {
    --flow-space: 12rem;
  }
  .flow-space-56 > * {
    --flow-space: 14rem;
  }
  .flow-space-64 > * {
    --flow-space: 16rem;
  }
  .flow-space-container > * {
    --flow-space: max(2rem, 10vw);
  }
  .flow-space-content > * {
    --flow-space: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .flow-space-content-lg > * {
    --flow-space: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .flow-space-px > * {
    --flow-space: 0.06rem;
  }
  .flow-space-half > * {
    --flow-space: 0.125rem;
  }
  .flow-space-xs > * {
    --flow-space: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .flow-space-sm > * {
    --flow-space: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .flow-space-md > * {
    --flow-space: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .flow-space-lg > * {
    --flow-space: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .flow-space-xl > * {
    --flow-space: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
}
@layer utilities {
  /* Font family */
  .font-base {
    font-family: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
  .font-mono {
    font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }
  /* Font size */
  .size-xs {
    font-size: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
  }
  .size-sm {
    font-size: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
  }
  .size-base {
    font-size: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
  }
  .size-lg {
    font-size: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
  }
  .size-xl {
    font-size: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
  }
  .size-2xl {
    font-size: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
  }
  .size-3xl {
    font-size: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
  }
  .size-4xl {
    font-size: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
  }
  .size-5xl {
    font-size: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
  }
  /* Weight */
  .weight-normal {
    font-weight: 400;
  }
  .weight-bold {
    font-weight: 900;
  }
  /* Leading / Line Height */
  .leading-none {
    line-height: 1;
  }
  .leading-tight {
    line-height: 1.1;
  }
  .leading-base {
    line-height: 1.65;
  }
  .leading-loose {
    line-height: 1.9;
  }
  /* Tracking / Letter Spacing */
  .tracking-tight {
    letter-spacing: -0.025em;
  }
  .tracking-base {
    letter-spacing: auto;
  }
  .tracking-wide {
    letter-spacing: 0.05em;
  }
  .tracking-loose {
    letter-spacing: 0.1em;
  }
  /* Text Alignment */
  .align-left,
  .align-start {
    text-align: start;
  }
  .align-center {
    text-align: center;
  }
  .align-right,
  .align-end {
    text-align: end;
  }
  /* Text Transform */
  .uppercase {
    text-transform: uppercase;
  }
  @media (min-width: 460px) {
    /* Font family */
    .sm\:font-base {
      font-family: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
    .sm\:font-mono {
      font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    }
    /* Font size */
    .sm\:size-xs {
      font-size: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
    }
    .sm\:size-sm {
      font-size: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
    }
    .sm\:size-base {
      font-size: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
    }
    .sm\:size-lg {
      font-size: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
    }
    .sm\:size-xl {
      font-size: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
    }
    .sm\:size-2xl {
      font-size: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
    }
    .sm\:size-3xl {
      font-size: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
    }
    .sm\:size-4xl {
      font-size: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
    }
    .sm\:size-5xl {
      font-size: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
    }
    /* Weight */
    .sm\:weight-normal {
      font-weight: 400;
    }
    .sm\:weight-bold {
      font-weight: 900;
    }
    /* Leading / Line Height */
    .sm\:leading-none {
      line-height: 1;
    }
    .sm\:leading-tight {
      line-height: 1.1;
    }
    .sm\:leading-base {
      line-height: 1.65;
    }
    .sm\:leading-loose {
      line-height: 1.9;
    }
    /* Tracking / Letter Spacing */
    .sm\:tracking-tight {
      letter-spacing: -0.025em;
    }
    .sm\:tracking-base {
      letter-spacing: auto;
    }
    .sm\:tracking-wide {
      letter-spacing: 0.05em;
    }
    .sm\:tracking-loose {
      letter-spacing: 0.1em;
    }
    /* Text Alignment */
    .sm\:align-left,
    .sm\:align-start {
      text-align: start;
    }
    .sm\:align-center {
      text-align: center;
    }
    .sm\:align-right,
    .sm\:align-end {
      text-align: end;
    }
    /* Text Transform */
    .sm\:uppercase {
      text-transform: uppercase;
    }
  }
  @media (min-width: 820px) {
    /* Font family */
    .md\:font-base {
      font-family: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
    .md\:font-mono {
      font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    }
    /* Font size */
    .md\:size-xs {
      font-size: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
    }
    .md\:size-sm {
      font-size: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
    }
    .md\:size-base {
      font-size: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
    }
    .md\:size-lg {
      font-size: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
    }
    .md\:size-xl {
      font-size: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
    }
    .md\:size-2xl {
      font-size: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
    }
    .md\:size-3xl {
      font-size: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
    }
    .md\:size-4xl {
      font-size: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
    }
    .md\:size-5xl {
      font-size: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
    }
    /* Weight */
    .md\:weight-normal {
      font-weight: 400;
    }
    .md\:weight-bold {
      font-weight: 900;
    }
    /* Leading / Line Height */
    .md\:leading-none {
      line-height: 1;
    }
    .md\:leading-tight {
      line-height: 1.1;
    }
    .md\:leading-base {
      line-height: 1.65;
    }
    .md\:leading-loose {
      line-height: 1.9;
    }
    /* Tracking / Letter Spacing */
    .md\:tracking-tight {
      letter-spacing: -0.025em;
    }
    .md\:tracking-base {
      letter-spacing: auto;
    }
    .md\:tracking-wide {
      letter-spacing: 0.05em;
    }
    .md\:tracking-loose {
      letter-spacing: 0.1em;
    }
    /* Text Alignment */
    .md\:align-left,
    .md\:align-start {
      text-align: start;
    }
    .md\:align-center {
      text-align: center;
    }
    .md\:align-right,
    .md\:align-end {
      text-align: end;
    }
    /* Text Transform */
    .md\:uppercase {
      text-transform: uppercase;
    }
  }
  @media (min-width: 960px) {
    /* Font family */
    .lg\:font-base {
      font-family: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
    .lg\:font-mono {
      font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    }
    /* Font size */
    .lg\:size-xs {
      font-size: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
    }
    .lg\:size-sm {
      font-size: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
    }
    .lg\:size-base {
      font-size: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
    }
    .lg\:size-lg {
      font-size: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
    }
    .lg\:size-xl {
      font-size: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
    }
    .lg\:size-2xl {
      font-size: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
    }
    .lg\:size-3xl {
      font-size: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
    }
    .lg\:size-4xl {
      font-size: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
    }
    .lg\:size-5xl {
      font-size: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
    }
    /* Weight */
    .lg\:weight-normal {
      font-weight: 400;
    }
    .lg\:weight-bold {
      font-weight: 900;
    }
    /* Leading / Line Height */
    .lg\:leading-none {
      line-height: 1;
    }
    .lg\:leading-tight {
      line-height: 1.1;
    }
    .lg\:leading-base {
      line-height: 1.65;
    }
    .lg\:leading-loose {
      line-height: 1.9;
    }
    /* Tracking / Letter Spacing */
    .lg\:tracking-tight {
      letter-spacing: -0.025em;
    }
    .lg\:tracking-base {
      letter-spacing: auto;
    }
    .lg\:tracking-wide {
      letter-spacing: 0.05em;
    }
    .lg\:tracking-loose {
      letter-spacing: 0.1em;
    }
    /* Text Alignment */
    .lg\:align-left,
    .lg\:align-start {
      text-align: start;
    }
    .lg\:align-center {
      text-align: center;
    }
    .lg\:align-right,
    .lg\:align-end {
      text-align: end;
    }
    /* Text Transform */
    .lg\:uppercase {
      text-transform: uppercase;
    }
  }
  @media (min-width: 1140px) {
    /* Font family */
    .xl\:font-base {
      font-family: Visby CF, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
    .xl\:font-mono {
      font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    }
    /* Font size */
    .xl\:size-xs {
      font-size: clamp(0.65rem, 0.5859rem + 0.2735vw, 0.75rem);
    }
    .xl\:size-sm {
      font-size: clamp(0.75rem, 0.6987rem + 0.2188vw, 0.83rem);
    }
    .xl\:size-base {
      font-size: clamp(0.75rem, 0.5897rem + 0.6838vw, 1rem);
    }
    .xl\:size-lg {
      font-size: clamp(0.83rem, 0.5928rem + 1.012vw, 1.2rem);
    }
    .xl\:size-xl {
      font-size: clamp(1rem, 0.7179rem + 1.2034vw, 1.44rem);
    }
    .xl\:size-2xl {
      font-size: clamp(1.2rem, 0.8615rem + 1.4441vw, 1.728rem);
    }
    .xl\:size-3xl {
      font-size: clamp(1.44rem, 1.0336rem + 1.734vw, 2.074rem);
    }
    .xl\:size-4xl {
      font-size: clamp(1.728rem, 1.2408rem + 2.0786vw, 2.488rem);
    }
    .xl\:size-5xl {
      font-size: clamp(2.074rem, 1.4894rem + 2.4944vw, 2.986rem);
    }
    /* Weight */
    .xl\:weight-normal {
      font-weight: 400;
    }
    .xl\:weight-bold {
      font-weight: 900;
    }
    /* Leading / Line Height */
    .xl\:leading-none {
      line-height: 1;
    }
    .xl\:leading-tight {
      line-height: 1.1;
    }
    .xl\:leading-base {
      line-height: 1.65;
    }
    .xl\:leading-loose {
      line-height: 1.9;
    }
    /* Tracking / Letter Spacing */
    .xl\:tracking-tight {
      letter-spacing: -0.025em;
    }
    .xl\:tracking-base {
      letter-spacing: auto;
    }
    .xl\:tracking-wide {
      letter-spacing: 0.05em;
    }
    .xl\:tracking-loose {
      letter-spacing: 0.1em;
    }
    /* Text Alignment */
    .xl\:align-left,
    .xl\:align-start {
      text-align: start;
    }
    .xl\:align-center {
      text-align: center;
    }
    .xl\:align-right,
    .xl\:align-end {
      text-align: end;
    }
    /* Text Transform */
    .xl\:uppercase {
      text-transform: uppercase;
    }
  }
}
@layer utilities {
  .grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns, 1), 1fr);
    gap: var(--gap);
  }
  /** Auto Grid **/
  .auto-grid,
  .grid-auto {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-width, 10rem), 1fr));
  }
  .cols-1 {
    --grid-columns: 1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-span-1 {
    grid-column-end: span 1;
  }
  .cols-2 {
    --grid-columns: 2;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-span-2 {
    grid-column-end: span 2;
  }
  .cols-3 {
    --grid-columns: 3;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-span-3 {
    grid-column-end: span 3;
  }
  .cols-4 {
    --grid-columns: 4;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-span-4 {
    grid-column-end: span 4;
  }
  @media (min-width: 460px) {
    .sm\:cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .sm\:col-start-1 {
      grid-column-start: 1;
    }
    .sm\:col-span-1 {
      grid-column-end: span 1;
    }
    .sm\:cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
    .sm\:col-span-2 {
      grid-column-end: span 2;
    }
    .sm\:cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .sm\:col-start-3 {
      grid-column-start: 3;
    }
    .sm\:col-span-3 {
      grid-column-end: span 3;
    }
    .sm\:cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .sm\:col-start-4 {
      grid-column-start: 4;
    }
    .sm\:col-span-4 {
      grid-column-end: span 4;
    }
  }
  @media (min-width: 820px) {
    .md\:cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .md\:col-start-1 {
      grid-column-start: 1;
    }
    .md\:col-span-1 {
      grid-column-end: span 1;
    }
    .md\:cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .md\:col-start-2 {
      grid-column-start: 2;
    }
    .md\:col-span-2 {
      grid-column-end: span 2;
    }
    .md\:cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .md\:col-start-3 {
      grid-column-start: 3;
    }
    .md\:col-span-3 {
      grid-column-end: span 3;
    }
    .md\:cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .md\:col-start-4 {
      grid-column-start: 4;
    }
    .md\:col-span-4 {
      grid-column-end: span 4;
    }
  }
  @media (min-width: 960px) {
    .lg\:cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .lg\:col-start-1 {
      grid-column-start: 1;
    }
    .lg\:col-span-1 {
      grid-column-end: span 1;
    }
    .lg\:cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .lg\:col-start-2 {
      grid-column-start: 2;
    }
    .lg\:col-span-2 {
      grid-column-end: span 2;
    }
    .lg\:cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .lg\:col-start-3 {
      grid-column-start: 3;
    }
    .lg\:col-span-3 {
      grid-column-end: span 3;
    }
    .lg\:cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .lg\:col-start-4 {
      grid-column-start: 4;
    }
    .lg\:col-span-4 {
      grid-column-end: span 4;
    }
  }
  @media (min-width: 1140px) {
    .xl\:cols-1 {
      grid-template-columns: repeat(1, 1fr);
    }
    .xl\:col-start-1 {
      grid-column-start: 1;
    }
    .xl\:col-span-1 {
      grid-column-end: span 1;
    }
    .xl\:cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .xl\:col-start-2 {
      grid-column-start: 2;
    }
    .xl\:col-span-2 {
      grid-column-end: span 2;
    }
    .xl\:cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .xl\:col-start-3 {
      grid-column-start: 3;
    }
    .xl\:col-span-3 {
      grid-column-end: span 3;
    }
    .xl\:cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .xl\:col-start-4 {
      grid-column-start: 4;
    }
    .xl\:col-span-4 {
      grid-column-end: span 4;
    }
  }
}
@layer utilities {
  .mw-sm {
    max-width: 40rem;
  }
  .mw-lg {
    max-width: 60rem;
  }
}
@layer utilities {
  .shadow-sm {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-sm {
    text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  }
  .shadow-base {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-base {
    text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05);
  }
  .shadow-lg {
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.6rem 1rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-lg {
    text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.6rem 1rem rgba(0, 0, 0, 0.05);
  }
  .shadow-xl {
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.6rem 0.8rem rgba(0, 0, 0, 0.05), 0 0.8rem 1.2rem rgba(0, 0, 0, 0.05), 0 1rem 1.6rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-xl {
    text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05), 0 0.6rem 0.8rem rgba(0, 0, 0, 0.05), 0 0.8rem 1.2rem rgba(0, 0, 0, 0.05), 0 1rem 1.6rem rgba(0, 0, 0, 0.05);
  }
  .shadow-2xl {
    box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.8rem 1rem rgba(0, 0, 0, 0.05), 0 1rem 1.4rem rgba(0, 0, 0, 0.05), 0 1.2rem 2rem rgba(0, 0, 0, 0.05), 0 1.4rem 2.2rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-2xl {
    text-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.8rem 1rem rgba(0, 0, 0, 0.05), 0 1rem 1.4rem rgba(0, 0, 0, 0.05), 0 1.2rem 2rem rgba(0, 0, 0, 0.05), 0 1.4rem 2.2rem rgba(0, 0, 0, 0.05);
  }
  .shadow-glow {
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 2rem rgba(0, 0, 0, 0.05), 0 0 2.2rem rgba(0, 0, 0, 0.05);
  }
  .text-shadow-glow {
    text-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05), 0 0 2rem rgba(0, 0, 0, 0.05), 0 0 2.2rem rgba(0, 0, 0, 0.05);
  }
}
@layer utilities {
  .px-1 {
    padding-inline: 0.25rem;
  }
  .py-1 {
    padding-block: 0.25rem;
  }
  .ml-1 {
    margin-inline-start: 0.25rem;
  }
  .mt-1 {
    margin-block-start: 0.25rem;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .px-2 {
    padding-inline: 0.5rem;
  }
  .py-2 {
    padding-block: 0.5rem;
  }
  .ml-2 {
    margin-inline-start: 0.5rem;
  }
  .mt-2 {
    margin-block-start: 0.5rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .px-3 {
    padding-inline: 0.75rem;
  }
  .py-3 {
    padding-block: 0.75rem;
  }
  .ml-3 {
    margin-inline-start: 0.75rem;
  }
  .mt-3 {
    margin-block-start: 0.75rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .px-4 {
    padding-inline: 1rem;
  }
  .py-4 {
    padding-block: 1rem;
  }
  .ml-4 {
    margin-inline-start: 1rem;
  }
  .mt-4 {
    margin-block-start: 1rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .px-5 {
    padding-inline: 1.25rem;
  }
  .py-5 {
    padding-block: 1.25rem;
  }
  .ml-5 {
    margin-inline-start: 1.25rem;
  }
  .mt-5 {
    margin-block-start: 1.25rem;
  }
  .gap-5 {
    gap: 1.25rem;
  }
  .px-6 {
    padding-inline: 1.5rem;
  }
  .py-6 {
    padding-block: 1.5rem;
  }
  .ml-6 {
    margin-inline-start: 1.5rem;
  }
  .mt-6 {
    margin-block-start: 1.5rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .px-8 {
    padding-inline: 2rem;
  }
  .py-8 {
    padding-block: 2rem;
  }
  .ml-8 {
    margin-inline-start: 2rem;
  }
  .mt-8 {
    margin-block-start: 2rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .px-10 {
    padding-inline: 2.5rem;
  }
  .py-10 {
    padding-block: 2.5rem;
  }
  .ml-10 {
    margin-inline-start: 2.5rem;
  }
  .mt-10 {
    margin-block-start: 2.5rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .px-12 {
    padding-inline: 3rem;
  }
  .py-12 {
    padding-block: 3rem;
  }
  .ml-12 {
    margin-inline-start: 3rem;
  }
  .mt-12 {
    margin-block-start: 3rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .px-16 {
    padding-inline: 4rem;
  }
  .py-16 {
    padding-block: 4rem;
  }
  .ml-16 {
    margin-inline-start: 4rem;
  }
  .mt-16 {
    margin-block-start: 4rem;
  }
  .gap-16 {
    gap: 4rem;
  }
  .px-20 {
    padding-inline: 5rem;
  }
  .py-20 {
    padding-block: 5rem;
  }
  .ml-20 {
    margin-inline-start: 5rem;
  }
  .mt-20 {
    margin-block-start: 5rem;
  }
  .gap-20 {
    gap: 5rem;
  }
  .px-24 {
    padding-inline: 6rem;
  }
  .py-24 {
    padding-block: 6rem;
  }
  .ml-24 {
    margin-inline-start: 6rem;
  }
  .mt-24 {
    margin-block-start: 6rem;
  }
  .gap-24 {
    gap: 6rem;
  }
  .px-28 {
    padding-inline: 7rem;
  }
  .py-28 {
    padding-block: 7rem;
  }
  .ml-28 {
    margin-inline-start: 7rem;
  }
  .mt-28 {
    margin-block-start: 7rem;
  }
  .gap-28 {
    gap: 7rem;
  }
  .px-32 {
    padding-inline: 8rem;
  }
  .py-32 {
    padding-block: 8rem;
  }
  .ml-32 {
    margin-inline-start: 8rem;
  }
  .mt-32 {
    margin-block-start: 8rem;
  }
  .gap-32 {
    gap: 8rem;
  }
  .px-40 {
    padding-inline: 10rem;
  }
  .py-40 {
    padding-block: 10rem;
  }
  .ml-40 {
    margin-inline-start: 10rem;
  }
  .mt-40 {
    margin-block-start: 10rem;
  }
  .gap-40 {
    gap: 10rem;
  }
  .px-48 {
    padding-inline: 12rem;
  }
  .py-48 {
    padding-block: 12rem;
  }
  .ml-48 {
    margin-inline-start: 12rem;
  }
  .mt-48 {
    margin-block-start: 12rem;
  }
  .gap-48 {
    gap: 12rem;
  }
  .px-56 {
    padding-inline: 14rem;
  }
  .py-56 {
    padding-block: 14rem;
  }
  .ml-56 {
    margin-inline-start: 14rem;
  }
  .mt-56 {
    margin-block-start: 14rem;
  }
  .gap-56 {
    gap: 14rem;
  }
  .px-64 {
    padding-inline: 16rem;
  }
  .py-64 {
    padding-block: 16rem;
  }
  .ml-64 {
    margin-inline-start: 16rem;
  }
  .mt-64 {
    margin-block-start: 16rem;
  }
  .gap-64 {
    gap: 16rem;
  }
  .px-container {
    padding-inline: max(2rem, 10vw);
  }
  .py-container {
    padding-block: max(2rem, 10vw);
  }
  .ml-container {
    margin-inline-start: max(2rem, 10vw);
  }
  .mt-container {
    margin-block-start: max(2rem, 10vw);
  }
  .gap-container {
    gap: max(2rem, 10vw);
  }
  .px-content {
    padding-inline: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .py-content {
    padding-block: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .ml-content {
    margin-inline-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .mt-content {
    margin-block-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .gap-content {
    gap: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
  }
  .px-content-lg {
    padding-inline: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .py-content-lg {
    padding-block: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .ml-content-lg {
    margin-inline-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .mt-content-lg {
    margin-block-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .gap-content-lg {
    gap: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
  }
  .px-px {
    padding-inline: 0.06rem;
  }
  .py-px {
    padding-block: 0.06rem;
  }
  .ml-px {
    margin-inline-start: 0.06rem;
  }
  .mt-px {
    margin-block-start: 0.06rem;
  }
  .gap-px {
    gap: 0.06rem;
  }
  .px-half {
    padding-inline: 0.125rem;
  }
  .py-half {
    padding-block: 0.125rem;
  }
  .ml-half {
    margin-inline-start: 0.125rem;
  }
  .mt-half {
    margin-block-start: 0.125rem;
  }
  .gap-half {
    gap: 0.125rem;
  }
  .px-xs {
    padding-inline: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .py-xs {
    padding-block: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .ml-xs {
    margin-inline-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .mt-xs {
    margin-block-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .gap-xs {
    gap: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
  }
  .px-sm {
    padding-inline: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .py-sm {
    padding-block: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .ml-sm {
    margin-inline-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .mt-sm {
    margin-block-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .gap-sm {
    gap: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
  }
  .px-md {
    padding-inline: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .py-md {
    padding-block: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .ml-md {
    margin-inline-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .mt-md {
    margin-block-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .gap-md {
    gap: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
  }
  .px-lg {
    padding-inline: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .py-lg {
    padding-block: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .ml-lg {
    margin-inline-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .mt-lg {
    margin-block-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .gap-lg {
    gap: clamp(2rem, 1.359rem + 2.735vw, 3rem);
  }
  .px-xl {
    padding-inline: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
  .py-xl {
    padding-block: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
  .ml-xl {
    margin-inline-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
  .mt-xl {
    margin-block-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
  .gap-xl {
    gap: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
  }
  @media (min-width: 460px) {
    .sm\:px-1 {
      padding-inline: 0.25rem;
    }
    .sm\:py-1 {
      padding-block: 0.25rem;
    }
    .sm\:ml-1 {
      margin-inline-start: 0.25rem;
    }
    .sm\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .sm\:gap-1 {
      gap: 0.25rem;
    }
    .sm\:px-2 {
      padding-inline: 0.5rem;
    }
    .sm\:py-2 {
      padding-block: 0.5rem;
    }
    .sm\:ml-2 {
      margin-inline-start: 0.5rem;
    }
    .sm\:mt-2 {
      margin-block-start: 0.5rem;
    }
    .sm\:gap-2 {
      gap: 0.5rem;
    }
    .sm\:px-3 {
      padding-inline: 0.75rem;
    }
    .sm\:py-3 {
      padding-block: 0.75rem;
    }
    .sm\:ml-3 {
      margin-inline-start: 0.75rem;
    }
    .sm\:mt-3 {
      margin-block-start: 0.75rem;
    }
    .sm\:gap-3 {
      gap: 0.75rem;
    }
    .sm\:px-4 {
      padding-inline: 1rem;
    }
    .sm\:py-4 {
      padding-block: 1rem;
    }
    .sm\:ml-4 {
      margin-inline-start: 1rem;
    }
    .sm\:mt-4 {
      margin-block-start: 1rem;
    }
    .sm\:gap-4 {
      gap: 1rem;
    }
    .sm\:px-5 {
      padding-inline: 1.25rem;
    }
    .sm\:py-5 {
      padding-block: 1.25rem;
    }
    .sm\:ml-5 {
      margin-inline-start: 1.25rem;
    }
    .sm\:mt-5 {
      margin-block-start: 1.25rem;
    }
    .sm\:gap-5 {
      gap: 1.25rem;
    }
    .sm\:px-6 {
      padding-inline: 1.5rem;
    }
    .sm\:py-6 {
      padding-block: 1.5rem;
    }
    .sm\:ml-6 {
      margin-inline-start: 1.5rem;
    }
    .sm\:mt-6 {
      margin-block-start: 1.5rem;
    }
    .sm\:gap-6 {
      gap: 1.5rem;
    }
    .sm\:px-8 {
      padding-inline: 2rem;
    }
    .sm\:py-8 {
      padding-block: 2rem;
    }
    .sm\:ml-8 {
      margin-inline-start: 2rem;
    }
    .sm\:mt-8 {
      margin-block-start: 2rem;
    }
    .sm\:gap-8 {
      gap: 2rem;
    }
    .sm\:px-10 {
      padding-inline: 2.5rem;
    }
    .sm\:py-10 {
      padding-block: 2.5rem;
    }
    .sm\:ml-10 {
      margin-inline-start: 2.5rem;
    }
    .sm\:mt-10 {
      margin-block-start: 2.5rem;
    }
    .sm\:gap-10 {
      gap: 2.5rem;
    }
    .sm\:px-12 {
      padding-inline: 3rem;
    }
    .sm\:py-12 {
      padding-block: 3rem;
    }
    .sm\:ml-12 {
      margin-inline-start: 3rem;
    }
    .sm\:mt-12 {
      margin-block-start: 3rem;
    }
    .sm\:gap-12 {
      gap: 3rem;
    }
    .sm\:px-16 {
      padding-inline: 4rem;
    }
    .sm\:py-16 {
      padding-block: 4rem;
    }
    .sm\:ml-16 {
      margin-inline-start: 4rem;
    }
    .sm\:mt-16 {
      margin-block-start: 4rem;
    }
    .sm\:gap-16 {
      gap: 4rem;
    }
    .sm\:px-20 {
      padding-inline: 5rem;
    }
    .sm\:py-20 {
      padding-block: 5rem;
    }
    .sm\:ml-20 {
      margin-inline-start: 5rem;
    }
    .sm\:mt-20 {
      margin-block-start: 5rem;
    }
    .sm\:gap-20 {
      gap: 5rem;
    }
    .sm\:px-24 {
      padding-inline: 6rem;
    }
    .sm\:py-24 {
      padding-block: 6rem;
    }
    .sm\:ml-24 {
      margin-inline-start: 6rem;
    }
    .sm\:mt-24 {
      margin-block-start: 6rem;
    }
    .sm\:gap-24 {
      gap: 6rem;
    }
    .sm\:px-28 {
      padding-inline: 7rem;
    }
    .sm\:py-28 {
      padding-block: 7rem;
    }
    .sm\:ml-28 {
      margin-inline-start: 7rem;
    }
    .sm\:mt-28 {
      margin-block-start: 7rem;
    }
    .sm\:gap-28 {
      gap: 7rem;
    }
    .sm\:px-32 {
      padding-inline: 8rem;
    }
    .sm\:py-32 {
      padding-block: 8rem;
    }
    .sm\:ml-32 {
      margin-inline-start: 8rem;
    }
    .sm\:mt-32 {
      margin-block-start: 8rem;
    }
    .sm\:gap-32 {
      gap: 8rem;
    }
    .sm\:px-40 {
      padding-inline: 10rem;
    }
    .sm\:py-40 {
      padding-block: 10rem;
    }
    .sm\:ml-40 {
      margin-inline-start: 10rem;
    }
    .sm\:mt-40 {
      margin-block-start: 10rem;
    }
    .sm\:gap-40 {
      gap: 10rem;
    }
    .sm\:px-48 {
      padding-inline: 12rem;
    }
    .sm\:py-48 {
      padding-block: 12rem;
    }
    .sm\:ml-48 {
      margin-inline-start: 12rem;
    }
    .sm\:mt-48 {
      margin-block-start: 12rem;
    }
    .sm\:gap-48 {
      gap: 12rem;
    }
    .sm\:px-56 {
      padding-inline: 14rem;
    }
    .sm\:py-56 {
      padding-block: 14rem;
    }
    .sm\:ml-56 {
      margin-inline-start: 14rem;
    }
    .sm\:mt-56 {
      margin-block-start: 14rem;
    }
    .sm\:gap-56 {
      gap: 14rem;
    }
    .sm\:px-64 {
      padding-inline: 16rem;
    }
    .sm\:py-64 {
      padding-block: 16rem;
    }
    .sm\:ml-64 {
      margin-inline-start: 16rem;
    }
    .sm\:mt-64 {
      margin-block-start: 16rem;
    }
    .sm\:gap-64 {
      gap: 16rem;
    }
    .sm\:px-container {
      padding-inline: max(2rem, 10vw);
    }
    .sm\:py-container {
      padding-block: max(2rem, 10vw);
    }
    .sm\:ml-container {
      margin-inline-start: max(2rem, 10vw);
    }
    .sm\:mt-container {
      margin-block-start: max(2rem, 10vw);
    }
    .sm\:gap-container {
      gap: max(2rem, 10vw);
    }
    .sm\:px-content {
      padding-inline: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .sm\:py-content {
      padding-block: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .sm\:ml-content {
      margin-inline-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .sm\:mt-content {
      margin-block-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .sm\:gap-content {
      gap: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .sm\:px-content-lg {
      padding-inline: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .sm\:py-content-lg {
      padding-block: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .sm\:ml-content-lg {
      margin-inline-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .sm\:mt-content-lg {
      margin-block-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .sm\:gap-content-lg {
      gap: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .sm\:px-px {
      padding-inline: 0.06rem;
    }
    .sm\:py-px {
      padding-block: 0.06rem;
    }
    .sm\:ml-px {
      margin-inline-start: 0.06rem;
    }
    .sm\:mt-px {
      margin-block-start: 0.06rem;
    }
    .sm\:gap-px {
      gap: 0.06rem;
    }
    .sm\:px-half {
      padding-inline: 0.125rem;
    }
    .sm\:py-half {
      padding-block: 0.125rem;
    }
    .sm\:ml-half {
      margin-inline-start: 0.125rem;
    }
    .sm\:mt-half {
      margin-block-start: 0.125rem;
    }
    .sm\:gap-half {
      gap: 0.125rem;
    }
    .sm\:px-xs {
      padding-inline: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .sm\:py-xs {
      padding-block: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .sm\:ml-xs {
      margin-inline-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .sm\:mt-xs {
      margin-block-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .sm\:gap-xs {
      gap: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .sm\:px-sm {
      padding-inline: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .sm\:py-sm {
      padding-block: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .sm\:ml-sm {
      margin-inline-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .sm\:mt-sm {
      margin-block-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .sm\:gap-sm {
      gap: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .sm\:px-md {
      padding-inline: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .sm\:py-md {
      padding-block: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .sm\:ml-md {
      margin-inline-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .sm\:mt-md {
      margin-block-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .sm\:gap-md {
      gap: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .sm\:px-lg {
      padding-inline: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .sm\:py-lg {
      padding-block: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .sm\:ml-lg {
      margin-inline-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .sm\:mt-lg {
      margin-block-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .sm\:gap-lg {
      gap: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .sm\:px-xl {
      padding-inline: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .sm\:py-xl {
      padding-block: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .sm\:ml-xl {
      margin-inline-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .sm\:mt-xl {
      margin-block-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .sm\:gap-xl {
      gap: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
  }
  @media (min-width: 820px) {
    .md\:px-1 {
      padding-inline: 0.25rem;
    }
    .md\:py-1 {
      padding-block: 0.25rem;
    }
    .md\:ml-1 {
      margin-inline-start: 0.25rem;
    }
    .md\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .md\:gap-1 {
      gap: 0.25rem;
    }
    .md\:px-2 {
      padding-inline: 0.5rem;
    }
    .md\:py-2 {
      padding-block: 0.5rem;
    }
    .md\:ml-2 {
      margin-inline-start: 0.5rem;
    }
    .md\:mt-2 {
      margin-block-start: 0.5rem;
    }
    .md\:gap-2 {
      gap: 0.5rem;
    }
    .md\:px-3 {
      padding-inline: 0.75rem;
    }
    .md\:py-3 {
      padding-block: 0.75rem;
    }
    .md\:ml-3 {
      margin-inline-start: 0.75rem;
    }
    .md\:mt-3 {
      margin-block-start: 0.75rem;
    }
    .md\:gap-3 {
      gap: 0.75rem;
    }
    .md\:px-4 {
      padding-inline: 1rem;
    }
    .md\:py-4 {
      padding-block: 1rem;
    }
    .md\:ml-4 {
      margin-inline-start: 1rem;
    }
    .md\:mt-4 {
      margin-block-start: 1rem;
    }
    .md\:gap-4 {
      gap: 1rem;
    }
    .md\:px-5 {
      padding-inline: 1.25rem;
    }
    .md\:py-5 {
      padding-block: 1.25rem;
    }
    .md\:ml-5 {
      margin-inline-start: 1.25rem;
    }
    .md\:mt-5 {
      margin-block-start: 1.25rem;
    }
    .md\:gap-5 {
      gap: 1.25rem;
    }
    .md\:px-6 {
      padding-inline: 1.5rem;
    }
    .md\:py-6 {
      padding-block: 1.5rem;
    }
    .md\:ml-6 {
      margin-inline-start: 1.5rem;
    }
    .md\:mt-6 {
      margin-block-start: 1.5rem;
    }
    .md\:gap-6 {
      gap: 1.5rem;
    }
    .md\:px-8 {
      padding-inline: 2rem;
    }
    .md\:py-8 {
      padding-block: 2rem;
    }
    .md\:ml-8 {
      margin-inline-start: 2rem;
    }
    .md\:mt-8 {
      margin-block-start: 2rem;
    }
    .md\:gap-8 {
      gap: 2rem;
    }
    .md\:px-10 {
      padding-inline: 2.5rem;
    }
    .md\:py-10 {
      padding-block: 2.5rem;
    }
    .md\:ml-10 {
      margin-inline-start: 2.5rem;
    }
    .md\:mt-10 {
      margin-block-start: 2.5rem;
    }
    .md\:gap-10 {
      gap: 2.5rem;
    }
    .md\:px-12 {
      padding-inline: 3rem;
    }
    .md\:py-12 {
      padding-block: 3rem;
    }
    .md\:ml-12 {
      margin-inline-start: 3rem;
    }
    .md\:mt-12 {
      margin-block-start: 3rem;
    }
    .md\:gap-12 {
      gap: 3rem;
    }
    .md\:px-16 {
      padding-inline: 4rem;
    }
    .md\:py-16 {
      padding-block: 4rem;
    }
    .md\:ml-16 {
      margin-inline-start: 4rem;
    }
    .md\:mt-16 {
      margin-block-start: 4rem;
    }
    .md\:gap-16 {
      gap: 4rem;
    }
    .md\:px-20 {
      padding-inline: 5rem;
    }
    .md\:py-20 {
      padding-block: 5rem;
    }
    .md\:ml-20 {
      margin-inline-start: 5rem;
    }
    .md\:mt-20 {
      margin-block-start: 5rem;
    }
    .md\:gap-20 {
      gap: 5rem;
    }
    .md\:px-24 {
      padding-inline: 6rem;
    }
    .md\:py-24 {
      padding-block: 6rem;
    }
    .md\:ml-24 {
      margin-inline-start: 6rem;
    }
    .md\:mt-24 {
      margin-block-start: 6rem;
    }
    .md\:gap-24 {
      gap: 6rem;
    }
    .md\:px-28 {
      padding-inline: 7rem;
    }
    .md\:py-28 {
      padding-block: 7rem;
    }
    .md\:ml-28 {
      margin-inline-start: 7rem;
    }
    .md\:mt-28 {
      margin-block-start: 7rem;
    }
    .md\:gap-28 {
      gap: 7rem;
    }
    .md\:px-32 {
      padding-inline: 8rem;
    }
    .md\:py-32 {
      padding-block: 8rem;
    }
    .md\:ml-32 {
      margin-inline-start: 8rem;
    }
    .md\:mt-32 {
      margin-block-start: 8rem;
    }
    .md\:gap-32 {
      gap: 8rem;
    }
    .md\:px-40 {
      padding-inline: 10rem;
    }
    .md\:py-40 {
      padding-block: 10rem;
    }
    .md\:ml-40 {
      margin-inline-start: 10rem;
    }
    .md\:mt-40 {
      margin-block-start: 10rem;
    }
    .md\:gap-40 {
      gap: 10rem;
    }
    .md\:px-48 {
      padding-inline: 12rem;
    }
    .md\:py-48 {
      padding-block: 12rem;
    }
    .md\:ml-48 {
      margin-inline-start: 12rem;
    }
    .md\:mt-48 {
      margin-block-start: 12rem;
    }
    .md\:gap-48 {
      gap: 12rem;
    }
    .md\:px-56 {
      padding-inline: 14rem;
    }
    .md\:py-56 {
      padding-block: 14rem;
    }
    .md\:ml-56 {
      margin-inline-start: 14rem;
    }
    .md\:mt-56 {
      margin-block-start: 14rem;
    }
    .md\:gap-56 {
      gap: 14rem;
    }
    .md\:px-64 {
      padding-inline: 16rem;
    }
    .md\:py-64 {
      padding-block: 16rem;
    }
    .md\:ml-64 {
      margin-inline-start: 16rem;
    }
    .md\:mt-64 {
      margin-block-start: 16rem;
    }
    .md\:gap-64 {
      gap: 16rem;
    }
    .md\:px-container {
      padding-inline: max(2rem, 10vw);
    }
    .md\:py-container {
      padding-block: max(2rem, 10vw);
    }
    .md\:ml-container {
      margin-inline-start: max(2rem, 10vw);
    }
    .md\:mt-container {
      margin-block-start: max(2rem, 10vw);
    }
    .md\:gap-container {
      gap: max(2rem, 10vw);
    }
    .md\:px-content {
      padding-inline: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .md\:py-content {
      padding-block: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .md\:ml-content {
      margin-inline-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .md\:mt-content {
      margin-block-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .md\:gap-content {
      gap: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .md\:px-content-lg {
      padding-inline: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .md\:py-content-lg {
      padding-block: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .md\:ml-content-lg {
      margin-inline-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .md\:mt-content-lg {
      margin-block-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .md\:gap-content-lg {
      gap: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .md\:px-px {
      padding-inline: 0.06rem;
    }
    .md\:py-px {
      padding-block: 0.06rem;
    }
    .md\:ml-px {
      margin-inline-start: 0.06rem;
    }
    .md\:mt-px {
      margin-block-start: 0.06rem;
    }
    .md\:gap-px {
      gap: 0.06rem;
    }
    .md\:px-half {
      padding-inline: 0.125rem;
    }
    .md\:py-half {
      padding-block: 0.125rem;
    }
    .md\:ml-half {
      margin-inline-start: 0.125rem;
    }
    .md\:mt-half {
      margin-block-start: 0.125rem;
    }
    .md\:gap-half {
      gap: 0.125rem;
    }
    .md\:px-xs {
      padding-inline: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .md\:py-xs {
      padding-block: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .md\:ml-xs {
      margin-inline-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .md\:mt-xs {
      margin-block-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .md\:gap-xs {
      gap: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .md\:px-sm {
      padding-inline: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .md\:py-sm {
      padding-block: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .md\:ml-sm {
      margin-inline-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .md\:mt-sm {
      margin-block-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .md\:gap-sm {
      gap: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .md\:px-md {
      padding-inline: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .md\:py-md {
      padding-block: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .md\:ml-md {
      margin-inline-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .md\:mt-md {
      margin-block-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .md\:gap-md {
      gap: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .md\:px-lg {
      padding-inline: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .md\:py-lg {
      padding-block: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .md\:ml-lg {
      margin-inline-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .md\:mt-lg {
      margin-block-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .md\:gap-lg {
      gap: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .md\:px-xl {
      padding-inline: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .md\:py-xl {
      padding-block: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .md\:ml-xl {
      margin-inline-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .md\:mt-xl {
      margin-block-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .md\:gap-xl {
      gap: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
  }
  @media (min-width: 960px) {
    .lg\:px-1 {
      padding-inline: 0.25rem;
    }
    .lg\:py-1 {
      padding-block: 0.25rem;
    }
    .lg\:ml-1 {
      margin-inline-start: 0.25rem;
    }
    .lg\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .lg\:gap-1 {
      gap: 0.25rem;
    }
    .lg\:px-2 {
      padding-inline: 0.5rem;
    }
    .lg\:py-2 {
      padding-block: 0.5rem;
    }
    .lg\:ml-2 {
      margin-inline-start: 0.5rem;
    }
    .lg\:mt-2 {
      margin-block-start: 0.5rem;
    }
    .lg\:gap-2 {
      gap: 0.5rem;
    }
    .lg\:px-3 {
      padding-inline: 0.75rem;
    }
    .lg\:py-3 {
      padding-block: 0.75rem;
    }
    .lg\:ml-3 {
      margin-inline-start: 0.75rem;
    }
    .lg\:mt-3 {
      margin-block-start: 0.75rem;
    }
    .lg\:gap-3 {
      gap: 0.75rem;
    }
    .lg\:px-4 {
      padding-inline: 1rem;
    }
    .lg\:py-4 {
      padding-block: 1rem;
    }
    .lg\:ml-4 {
      margin-inline-start: 1rem;
    }
    .lg\:mt-4 {
      margin-block-start: 1rem;
    }
    .lg\:gap-4 {
      gap: 1rem;
    }
    .lg\:px-5 {
      padding-inline: 1.25rem;
    }
    .lg\:py-5 {
      padding-block: 1.25rem;
    }
    .lg\:ml-5 {
      margin-inline-start: 1.25rem;
    }
    .lg\:mt-5 {
      margin-block-start: 1.25rem;
    }
    .lg\:gap-5 {
      gap: 1.25rem;
    }
    .lg\:px-6 {
      padding-inline: 1.5rem;
    }
    .lg\:py-6 {
      padding-block: 1.5rem;
    }
    .lg\:ml-6 {
      margin-inline-start: 1.5rem;
    }
    .lg\:mt-6 {
      margin-block-start: 1.5rem;
    }
    .lg\:gap-6 {
      gap: 1.5rem;
    }
    .lg\:px-8 {
      padding-inline: 2rem;
    }
    .lg\:py-8 {
      padding-block: 2rem;
    }
    .lg\:ml-8 {
      margin-inline-start: 2rem;
    }
    .lg\:mt-8 {
      margin-block-start: 2rem;
    }
    .lg\:gap-8 {
      gap: 2rem;
    }
    .lg\:px-10 {
      padding-inline: 2.5rem;
    }
    .lg\:py-10 {
      padding-block: 2.5rem;
    }
    .lg\:ml-10 {
      margin-inline-start: 2.5rem;
    }
    .lg\:mt-10 {
      margin-block-start: 2.5rem;
    }
    .lg\:gap-10 {
      gap: 2.5rem;
    }
    .lg\:px-12 {
      padding-inline: 3rem;
    }
    .lg\:py-12 {
      padding-block: 3rem;
    }
    .lg\:ml-12 {
      margin-inline-start: 3rem;
    }
    .lg\:mt-12 {
      margin-block-start: 3rem;
    }
    .lg\:gap-12 {
      gap: 3rem;
    }
    .lg\:px-16 {
      padding-inline: 4rem;
    }
    .lg\:py-16 {
      padding-block: 4rem;
    }
    .lg\:ml-16 {
      margin-inline-start: 4rem;
    }
    .lg\:mt-16 {
      margin-block-start: 4rem;
    }
    .lg\:gap-16 {
      gap: 4rem;
    }
    .lg\:px-20 {
      padding-inline: 5rem;
    }
    .lg\:py-20 {
      padding-block: 5rem;
    }
    .lg\:ml-20 {
      margin-inline-start: 5rem;
    }
    .lg\:mt-20 {
      margin-block-start: 5rem;
    }
    .lg\:gap-20 {
      gap: 5rem;
    }
    .lg\:px-24 {
      padding-inline: 6rem;
    }
    .lg\:py-24 {
      padding-block: 6rem;
    }
    .lg\:ml-24 {
      margin-inline-start: 6rem;
    }
    .lg\:mt-24 {
      margin-block-start: 6rem;
    }
    .lg\:gap-24 {
      gap: 6rem;
    }
    .lg\:px-28 {
      padding-inline: 7rem;
    }
    .lg\:py-28 {
      padding-block: 7rem;
    }
    .lg\:ml-28 {
      margin-inline-start: 7rem;
    }
    .lg\:mt-28 {
      margin-block-start: 7rem;
    }
    .lg\:gap-28 {
      gap: 7rem;
    }
    .lg\:px-32 {
      padding-inline: 8rem;
    }
    .lg\:py-32 {
      padding-block: 8rem;
    }
    .lg\:ml-32 {
      margin-inline-start: 8rem;
    }
    .lg\:mt-32 {
      margin-block-start: 8rem;
    }
    .lg\:gap-32 {
      gap: 8rem;
    }
    .lg\:px-40 {
      padding-inline: 10rem;
    }
    .lg\:py-40 {
      padding-block: 10rem;
    }
    .lg\:ml-40 {
      margin-inline-start: 10rem;
    }
    .lg\:mt-40 {
      margin-block-start: 10rem;
    }
    .lg\:gap-40 {
      gap: 10rem;
    }
    .lg\:px-48 {
      padding-inline: 12rem;
    }
    .lg\:py-48 {
      padding-block: 12rem;
    }
    .lg\:ml-48 {
      margin-inline-start: 12rem;
    }
    .lg\:mt-48 {
      margin-block-start: 12rem;
    }
    .lg\:gap-48 {
      gap: 12rem;
    }
    .lg\:px-56 {
      padding-inline: 14rem;
    }
    .lg\:py-56 {
      padding-block: 14rem;
    }
    .lg\:ml-56 {
      margin-inline-start: 14rem;
    }
    .lg\:mt-56 {
      margin-block-start: 14rem;
    }
    .lg\:gap-56 {
      gap: 14rem;
    }
    .lg\:px-64 {
      padding-inline: 16rem;
    }
    .lg\:py-64 {
      padding-block: 16rem;
    }
    .lg\:ml-64 {
      margin-inline-start: 16rem;
    }
    .lg\:mt-64 {
      margin-block-start: 16rem;
    }
    .lg\:gap-64 {
      gap: 16rem;
    }
    .lg\:px-container {
      padding-inline: max(2rem, 10vw);
    }
    .lg\:py-container {
      padding-block: max(2rem, 10vw);
    }
    .lg\:ml-container {
      margin-inline-start: max(2rem, 10vw);
    }
    .lg\:mt-container {
      margin-block-start: max(2rem, 10vw);
    }
    .lg\:gap-container {
      gap: max(2rem, 10vw);
    }
    .lg\:px-content {
      padding-inline: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .lg\:py-content {
      padding-block: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .lg\:ml-content {
      margin-inline-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .lg\:mt-content {
      margin-block-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .lg\:gap-content {
      gap: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .lg\:px-content-lg {
      padding-inline: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .lg\:py-content-lg {
      padding-block: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .lg\:ml-content-lg {
      margin-inline-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .lg\:mt-content-lg {
      margin-block-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .lg\:gap-content-lg {
      gap: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .lg\:px-px {
      padding-inline: 0.06rem;
    }
    .lg\:py-px {
      padding-block: 0.06rem;
    }
    .lg\:ml-px {
      margin-inline-start: 0.06rem;
    }
    .lg\:mt-px {
      margin-block-start: 0.06rem;
    }
    .lg\:gap-px {
      gap: 0.06rem;
    }
    .lg\:px-half {
      padding-inline: 0.125rem;
    }
    .lg\:py-half {
      padding-block: 0.125rem;
    }
    .lg\:ml-half {
      margin-inline-start: 0.125rem;
    }
    .lg\:mt-half {
      margin-block-start: 0.125rem;
    }
    .lg\:gap-half {
      gap: 0.125rem;
    }
    .lg\:px-xs {
      padding-inline: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .lg\:py-xs {
      padding-block: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .lg\:ml-xs {
      margin-inline-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .lg\:mt-xs {
      margin-block-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .lg\:gap-xs {
      gap: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .lg\:px-sm {
      padding-inline: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .lg\:py-sm {
      padding-block: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .lg\:ml-sm {
      margin-inline-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .lg\:mt-sm {
      margin-block-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .lg\:gap-sm {
      gap: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .lg\:px-md {
      padding-inline: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .lg\:py-md {
      padding-block: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .lg\:ml-md {
      margin-inline-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .lg\:mt-md {
      margin-block-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .lg\:gap-md {
      gap: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .lg\:px-lg {
      padding-inline: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .lg\:py-lg {
      padding-block: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .lg\:ml-lg {
      margin-inline-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .lg\:mt-lg {
      margin-block-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .lg\:gap-lg {
      gap: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .lg\:px-xl {
      padding-inline: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .lg\:py-xl {
      padding-block: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .lg\:ml-xl {
      margin-inline-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .lg\:mt-xl {
      margin-block-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .lg\:gap-xl {
      gap: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
  }
  @media (min-width: 1140px) {
    .xl\:px-1 {
      padding-inline: 0.25rem;
    }
    .xl\:py-1 {
      padding-block: 0.25rem;
    }
    .xl\:ml-1 {
      margin-inline-start: 0.25rem;
    }
    .xl\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .xl\:gap-1 {
      gap: 0.25rem;
    }
    .xl\:px-2 {
      padding-inline: 0.5rem;
    }
    .xl\:py-2 {
      padding-block: 0.5rem;
    }
    .xl\:ml-2 {
      margin-inline-start: 0.5rem;
    }
    .xl\:mt-2 {
      margin-block-start: 0.5rem;
    }
    .xl\:gap-2 {
      gap: 0.5rem;
    }
    .xl\:px-3 {
      padding-inline: 0.75rem;
    }
    .xl\:py-3 {
      padding-block: 0.75rem;
    }
    .xl\:ml-3 {
      margin-inline-start: 0.75rem;
    }
    .xl\:mt-3 {
      margin-block-start: 0.75rem;
    }
    .xl\:gap-3 {
      gap: 0.75rem;
    }
    .xl\:px-4 {
      padding-inline: 1rem;
    }
    .xl\:py-4 {
      padding-block: 1rem;
    }
    .xl\:ml-4 {
      margin-inline-start: 1rem;
    }
    .xl\:mt-4 {
      margin-block-start: 1rem;
    }
    .xl\:gap-4 {
      gap: 1rem;
    }
    .xl\:px-5 {
      padding-inline: 1.25rem;
    }
    .xl\:py-5 {
      padding-block: 1.25rem;
    }
    .xl\:ml-5 {
      margin-inline-start: 1.25rem;
    }
    .xl\:mt-5 {
      margin-block-start: 1.25rem;
    }
    .xl\:gap-5 {
      gap: 1.25rem;
    }
    .xl\:px-6 {
      padding-inline: 1.5rem;
    }
    .xl\:py-6 {
      padding-block: 1.5rem;
    }
    .xl\:ml-6 {
      margin-inline-start: 1.5rem;
    }
    .xl\:mt-6 {
      margin-block-start: 1.5rem;
    }
    .xl\:gap-6 {
      gap: 1.5rem;
    }
    .xl\:px-8 {
      padding-inline: 2rem;
    }
    .xl\:py-8 {
      padding-block: 2rem;
    }
    .xl\:ml-8 {
      margin-inline-start: 2rem;
    }
    .xl\:mt-8 {
      margin-block-start: 2rem;
    }
    .xl\:gap-8 {
      gap: 2rem;
    }
    .xl\:px-10 {
      padding-inline: 2.5rem;
    }
    .xl\:py-10 {
      padding-block: 2.5rem;
    }
    .xl\:ml-10 {
      margin-inline-start: 2.5rem;
    }
    .xl\:mt-10 {
      margin-block-start: 2.5rem;
    }
    .xl\:gap-10 {
      gap: 2.5rem;
    }
    .xl\:px-12 {
      padding-inline: 3rem;
    }
    .xl\:py-12 {
      padding-block: 3rem;
    }
    .xl\:ml-12 {
      margin-inline-start: 3rem;
    }
    .xl\:mt-12 {
      margin-block-start: 3rem;
    }
    .xl\:gap-12 {
      gap: 3rem;
    }
    .xl\:px-16 {
      padding-inline: 4rem;
    }
    .xl\:py-16 {
      padding-block: 4rem;
    }
    .xl\:ml-16 {
      margin-inline-start: 4rem;
    }
    .xl\:mt-16 {
      margin-block-start: 4rem;
    }
    .xl\:gap-16 {
      gap: 4rem;
    }
    .xl\:px-20 {
      padding-inline: 5rem;
    }
    .xl\:py-20 {
      padding-block: 5rem;
    }
    .xl\:ml-20 {
      margin-inline-start: 5rem;
    }
    .xl\:mt-20 {
      margin-block-start: 5rem;
    }
    .xl\:gap-20 {
      gap: 5rem;
    }
    .xl\:px-24 {
      padding-inline: 6rem;
    }
    .xl\:py-24 {
      padding-block: 6rem;
    }
    .xl\:ml-24 {
      margin-inline-start: 6rem;
    }
    .xl\:mt-24 {
      margin-block-start: 6rem;
    }
    .xl\:gap-24 {
      gap: 6rem;
    }
    .xl\:px-28 {
      padding-inline: 7rem;
    }
    .xl\:py-28 {
      padding-block: 7rem;
    }
    .xl\:ml-28 {
      margin-inline-start: 7rem;
    }
    .xl\:mt-28 {
      margin-block-start: 7rem;
    }
    .xl\:gap-28 {
      gap: 7rem;
    }
    .xl\:px-32 {
      padding-inline: 8rem;
    }
    .xl\:py-32 {
      padding-block: 8rem;
    }
    .xl\:ml-32 {
      margin-inline-start: 8rem;
    }
    .xl\:mt-32 {
      margin-block-start: 8rem;
    }
    .xl\:gap-32 {
      gap: 8rem;
    }
    .xl\:px-40 {
      padding-inline: 10rem;
    }
    .xl\:py-40 {
      padding-block: 10rem;
    }
    .xl\:ml-40 {
      margin-inline-start: 10rem;
    }
    .xl\:mt-40 {
      margin-block-start: 10rem;
    }
    .xl\:gap-40 {
      gap: 10rem;
    }
    .xl\:px-48 {
      padding-inline: 12rem;
    }
    .xl\:py-48 {
      padding-block: 12rem;
    }
    .xl\:ml-48 {
      margin-inline-start: 12rem;
    }
    .xl\:mt-48 {
      margin-block-start: 12rem;
    }
    .xl\:gap-48 {
      gap: 12rem;
    }
    .xl\:px-56 {
      padding-inline: 14rem;
    }
    .xl\:py-56 {
      padding-block: 14rem;
    }
    .xl\:ml-56 {
      margin-inline-start: 14rem;
    }
    .xl\:mt-56 {
      margin-block-start: 14rem;
    }
    .xl\:gap-56 {
      gap: 14rem;
    }
    .xl\:px-64 {
      padding-inline: 16rem;
    }
    .xl\:py-64 {
      padding-block: 16rem;
    }
    .xl\:ml-64 {
      margin-inline-start: 16rem;
    }
    .xl\:mt-64 {
      margin-block-start: 16rem;
    }
    .xl\:gap-64 {
      gap: 16rem;
    }
    .xl\:px-container {
      padding-inline: max(2rem, 10vw);
    }
    .xl\:py-container {
      padding-block: max(2rem, 10vw);
    }
    .xl\:ml-container {
      margin-inline-start: max(2rem, 10vw);
    }
    .xl\:mt-container {
      margin-block-start: max(2rem, 10vw);
    }
    .xl\:gap-container {
      gap: max(2rem, 10vw);
    }
    .xl\:px-content {
      padding-inline: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .xl\:py-content {
      padding-block: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .xl\:ml-content {
      margin-inline-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .xl\:mt-content {
      margin-block-start: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .xl\:gap-content {
      gap: clamp(3rem, 1.3974rem + 6.8376vw, 5.5rem);
    }
    .xl\:px-content-lg {
      padding-inline: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .xl\:py-content-lg {
      padding-block: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .xl\:ml-content-lg {
      margin-inline-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .xl\:mt-content-lg {
      margin-block-start: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .xl\:gap-content-lg {
      gap: clamp(3rem, -0.2051rem + 13.6752vw, 8rem);
    }
    .xl\:px-px {
      padding-inline: 0.06rem;
    }
    .xl\:py-px {
      padding-block: 0.06rem;
    }
    .xl\:ml-px {
      margin-inline-start: 0.06rem;
    }
    .xl\:mt-px {
      margin-block-start: 0.06rem;
    }
    .xl\:gap-px {
      gap: 0.06rem;
    }
    .xl\:px-half {
      padding-inline: 0.125rem;
    }
    .xl\:py-half {
      padding-block: 0.125rem;
    }
    .xl\:ml-half {
      margin-inline-start: 0.125rem;
    }
    .xl\:mt-half {
      margin-block-start: 0.125rem;
    }
    .xl\:gap-half {
      gap: 0.125rem;
    }
    .xl\:px-xs {
      padding-inline: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .xl\:py-xs {
      padding-block: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .xl\:ml-xs {
      margin-inline-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .xl\:mt-xs {
      margin-block-start: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .xl\:gap-xs {
      gap: clamp(0.4rem, 0.2397rem + 0.6838vw, 0.65rem);
    }
    .xl\:px-sm {
      padding-inline: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .xl\:py-sm {
      padding-block: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .xl\:ml-sm {
      margin-inline-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .xl\:mt-sm {
      margin-block-start: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .xl\:gap-sm {
      gap: clamp(0.8rem, 0.6077rem + 0.8205vw, 1.1rem);
    }
    .xl\:px-md {
      padding-inline: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .xl\:py-md {
      padding-block: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .xl\:ml-md {
      margin-inline-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .xl\:mt-md {
      margin-block-start: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .xl\:gap-md {
      gap: clamp(1.5rem, 1.1795rem + 1.3675vw, 2rem);
    }
    .xl\:px-lg {
      padding-inline: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .xl\:py-lg {
      padding-block: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .xl\:ml-lg {
      margin-inline-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .xl\:mt-lg {
      margin-block-start: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .xl\:gap-lg {
      gap: clamp(2rem, 1.359rem + 2.735vw, 3rem);
    }
    .xl\:px-xl {
      padding-inline: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .xl\:py-xl {
      padding-block: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .xl\:ml-xl {
      margin-inline-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .xl\:mt-xl {
      margin-block-start: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
    .xl\:gap-xl {
      gap: clamp(2.5rem, 0.2564rem + 9.5726vw, 6rem);
    }
  }
}
@layer utilities {
  .sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
  /**
   * Use in conjunction with .sr-only to only display content when it's focused.
   * @note Useful for skip links
   * @see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
   * @note Based on a HTML5 Boilerplate technique, included in Bootstrap
   * @note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
   * @author Sylvain Pigeard
   * @see https://github.com/twbs/bootstrap/issues/20732
  */
  .sr-only-focusable:focus,
  .sr-only-focusable:active {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: auto;
    overflow: visible;
    width: auto;
    white-space: normal;
  }
}
/* Base Styles */
/* Components */
/* Utilities */