/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-black-100: #000000;
    --color-grey-100: #f7f7f7;
    --color-grey-200: #e4e4e4;
    --color-grey-300: #d6d6d6;
    --color-grey-400: #c9c9c9;
    --color-grey-500: #7f7f7f;
    --color-grey-600: #404040;
    --color-white: #ffffff;
    --color-teal-100: #007671;
    --color-teal-200: #00ccc2;
    --color-teal-300: #c6e2e1;
    --color-teal-400: #80c6c3;
    --color-teal-500: #c6e2e1;
    --color-green-100: #6ab023;
    --color-green-200: #00ff1d;
    --color-green-300: #77ffd7;
    --color-green-400: #9dffaa;
    --color-green-500: #c2ff00;
    --color-green-600: #00e600;
    --color-green-700: #daebc8;
    --color-orange-100: #f57d00;
    --color-orange-200: #ffba75;
    --color-red-100: #bd073b;
    --color-red-200: #ff0000;
    --color-yellow-100: #ffd400;
    --color-yellow-200: #fff0aa;
    --color-yellow-300: #fffc70;
    --color-blue-100: #0071b9;
    --color-blue-200: #a1dae1;
    --color-blue-300: #0010ff;
    --color-blue-400: #008ce8;
    --color-blue-500: #bfdbed;
    --color-purple-100: #a300ff;
    --color-purple-200: #b7bcff;
    --color-pink-100: #fe78cc;
    --color-pink-200: #efc1ce;
    --color-brown-100: #8f381b;
    --color-brown-200: #ecab93;
    --color-ext-yellow-100: #997f00;
    --color-ext-yellow-200: #e5d68a;
    --color-ext-brown-100: #4f372f;
    --color-ext-brown-200: #d2afa4;
    --color-ext-red-100: #e59cb1;
    --color-ext-pink-100: #b2548f;
    --color-ext-pink-200: #cca3bd;
    --color-ext-purple-100: #620099;
    --color-ext-purple-200: #da99ff;
    --color-ext-blue-100: #000880;
    --color-ext-blue-200: #999fff;
    --color-ext-blue-300: #195880;
    --color-ext-blue-400: #99c6e3;
    --color-ext-green-100: #008000;
    --color-ext-green-200: #99f599;
    --color-ext-turq-100: #53b297;
    --color-ext-turq-200: #99ada7;
    --color-state-success: var(--color-green-100);
    --color-state-success-light: color-mix(in srgb, #6ab023 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-state-success-light: color-mix(in oklab, var(--color-green-100) 15%, transparent);
    }
    --color-state-progress: var(--color-orange-100);
    --color-state-progress-light: color-mix(in srgb, #f57d00 15%, transparent)
    --color-state-warning: var(--color-yellow-100);
    @supports (color: color-mix(in lab, red, red)) {
      --color-state-progress-light: color-mix(in oklab, var(--color-orange-100) 15%, transparent)
      --color-state-warning: var(--color-yellow-100);
    }
    --color-state-warning-light: color-mix(in srgb, #ffd400 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-state-warning-light: color-mix(in oklab, var(--color-yellow-100) 15%, transparent);
    }
    --color-state-error: var(--color-red-100);
    --color-state-error-light: color-mix(in srgb, #bd073b 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-state-error-light: color-mix(in oklab, var(--color-red-100) 15%, transparent);
    }
    --color-state-focus: var(--color-white);
    --radius-small: 0.25rem;
    --radius-medium: 0.5rem;
    --radius-main: 1rem;
    --radius-round: 99999px;
    --shadow-default: 0px 3px 6px 0px rgba(157, 164, 178, 0.25);
    --breakpoint-mobile: 380px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
    --breakpoint-widescreen: 1224px;
    --spacing-none: 0;
    --spacing-1: 0.0625rem;
    --spacing-2: 0.125rem;
    --spacing-4: 0.25rem;
    --spacing-6: 0.375rem;
    --spacing-8: 0.5rem;
    --spacing-12: 0.75rem;
    --spacing-14: 0.875rem;
    --spacing-16: 1rem;
    --spacing-18: 1.125rem;
    --spacing-20: 1.25rem;
    --spacing-22: 1.375rem;
    --spacing-24: 1.5rem;
    --spacing-26: 1.625rem;
    --spacing-28: 1.75rem;
    --spacing-32: 2rem;
    --spacing-34: 2.125rem;
    --spacing-36: 2.25rem;
    --spacing-38: 2.375rem;
    --spacing-40: 2.5rem;
    --spacing-42: 2.625rem;
    --spacing-44: 2.75rem;
    --spacing-48: 3rem;
    --spacing-52: 3.25rem;
    --spacing-56: 3.5rem;
    --spacing-60: 3.75rem;
    --spacing-64: 4rem;
    --spacing-68: 4.25rem;
    --spacing-72: 4.5rem;
    --spacing-76: 4.75rem;
    --spacing-80: 5rem;
    --spacing-84: 5.25rem;
    --spacing-88: 5.5rem;
    --spacing-92: 5.75rem;
    --spacing-96: 6rem;
    --spacing-104: 6.5rem;
    --spacing-112: 7rem;
    --spacing-120: 7.5rem;
    --spacing-128: 8rem;
    --spacing-136: 8.5rem;
    --spacing-144: 9rem;
    --spacing-152: 9.5rem;
    --spacing-160: 10rem;
    --spacing-176: 11rem;
    --spacing-192: 12rem;
    --spacing-208: 13rem;
    --spacing-224: 14rem;
    --spacing-240: 15rem;
    --spacing-256: 16rem;
    --font-sans: 'Segoe UI', 'Helvetica Neue', 'sans-serif';
    --font-weight-light: 200;
    --font-weight-semilight: 300;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --text-12: 0.75rem;
    --text-14: 0.875rem;
    --text-16: 1rem;
    --text-18: 1.125rem;
    --text-20: 1.25rem;
    --text-22: 1.375rem;
    --text-24: 1.5rem;
    --text-28: 1.75rem;
    --text-32: 2rem;
    --text-36: 2.25rem;
    --text-40: 2.5rem;
    --text-44: 2.75rem;
    --text-48: 3rem;
    --text-56: 3.5rem;
    --text-64: 4rem;
    --text-72: 4.5rem;
    --text-80: 5rem;
    --text-96: 6rem;
    --text-112: 7rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-none {
    inset: var(--spacing-none);
  }
  .-top-2 {
    top: calc(var(--spacing-2) * -1);
  }
  .-right-2 {
    right: calc(var(--spacing-2) * -1);
  }
  .right-12 {
    right: var(--spacing-12);
  }
  .bottom-12 {
    bottom: var(--spacing-12);
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .m-1 {
    margin: var(--spacing-1);
  }
  .m-2 {
    margin: var(--spacing-2);
  }
  .m-4 {
    margin: var(--spacing-4);
  }
  .m-6 {
    margin: var(--spacing-6);
  }
  .m-8 {
    margin: var(--spacing-8);
  }
  .m-12 {
    margin: var(--spacing-12);
  }
  .m-14 {
    margin: var(--spacing-14);
  }
  .m-16 {
    margin: var(--spacing-16);
  }
  .m-18 {
    margin: var(--spacing-18);
  }
  .m-20 {
    margin: var(--spacing-20);
  }
  .m-22 {
    margin: var(--spacing-22);
  }
  .m-24 {
    margin: var(--spacing-24);
  }
  .m-26 {
    margin: var(--spacing-26);
  }
  .m-28 {
    margin: var(--spacing-28);
  }
  .m-32 {
    margin: var(--spacing-32);
  }
  .m-34 {
    margin: var(--spacing-34);
  }
  .m-36 {
    margin: var(--spacing-36);
  }
  .m-38 {
    margin: var(--spacing-38);
  }
  .m-40 {
    margin: var(--spacing-40);
  }
  .m-42 {
    margin: var(--spacing-42);
  }
  .m-44 {
    margin: var(--spacing-44);
  }
  .m-48 {
    margin: var(--spacing-48);
  }
  .m-52 {
    margin: var(--spacing-52);
  }
  .m-56 {
    margin: var(--spacing-56);
  }
  .m-60 {
    margin: var(--spacing-60);
  }
  .m-64 {
    margin: var(--spacing-64);
  }
  .m-68 {
    margin: var(--spacing-68);
  }
  .m-72 {
    margin: var(--spacing-72);
  }
  .m-76 {
    margin: var(--spacing-76);
  }
  .m-80 {
    margin: var(--spacing-80);
  }
  .m-84 {
    margin: var(--spacing-84);
  }
  .m-88 {
    margin: var(--spacing-88);
  }
  .m-92 {
    margin: var(--spacing-92);
  }
  .m-96 {
    margin: var(--spacing-96);
  }
  .m-104 {
    margin: var(--spacing-104);
  }
  .m-112 {
    margin: var(--spacing-112);
  }
  .m-120 {
    margin: var(--spacing-120);
  }
  .m-128 {
    margin: var(--spacing-128);
  }
  .m-136 {
    margin: var(--spacing-136);
  }
  .m-144 {
    margin: var(--spacing-144);
  }
  .m-152 {
    margin: var(--spacing-152);
  }
  .m-160 {
    margin: var(--spacing-160);
  }
  .m-176 {
    margin: var(--spacing-176);
  }
  .m-192 {
    margin: var(--spacing-192);
  }
  .m-208 {
    margin: var(--spacing-208);
  }
  .m-224 {
    margin: var(--spacing-224);
  }
  .m-240 {
    margin: var(--spacing-240);
  }
  .m-256 {
    margin: var(--spacing-256);
  }
  .mx-1 {
    margin-inline: var(--spacing-1);
  }
  .mx-2 {
    margin-inline: var(--spacing-2);
  }
  .mx-4 {
    margin-inline: var(--spacing-4);
  }
  .mx-6 {
    margin-inline: var(--spacing-6);
  }
  .mx-8 {
    margin-inline: var(--spacing-8);
  }
  .mx-12 {
    margin-inline: var(--spacing-12);
  }
  .mx-14 {
    margin-inline: var(--spacing-14);
  }
  .mx-16 {
    margin-inline: var(--spacing-16);
  }
  .mx-18 {
    margin-inline: var(--spacing-18);
  }
  .mx-20 {
    margin-inline: var(--spacing-20);
  }
  .mx-22 {
    margin-inline: var(--spacing-22);
  }
  .mx-24 {
    margin-inline: var(--spacing-24);
  }
  .mx-26 {
    margin-inline: var(--spacing-26);
  }
  .mx-28 {
    margin-inline: var(--spacing-28);
  }
  .mx-32 {
    margin-inline: var(--spacing-32);
  }
  .mx-34 {
    margin-inline: var(--spacing-34);
  }
  .mx-36 {
    margin-inline: var(--spacing-36);
  }
  .mx-38 {
    margin-inline: var(--spacing-38);
  }
  .mx-40 {
    margin-inline: var(--spacing-40);
  }
  .mx-42 {
    margin-inline: var(--spacing-42);
  }
  .mx-44 {
    margin-inline: var(--spacing-44);
  }
  .mx-48 {
    margin-inline: var(--spacing-48);
  }
  .mx-52 {
    margin-inline: var(--spacing-52);
  }
  .mx-56 {
    margin-inline: var(--spacing-56);
  }
  .mx-60 {
    margin-inline: var(--spacing-60);
  }
  .mx-64 {
    margin-inline: var(--spacing-64);
  }
  .mx-68 {
    margin-inline: var(--spacing-68);
  }
  .mx-72 {
    margin-inline: var(--spacing-72);
  }
  .mx-76 {
    margin-inline: var(--spacing-76);
  }
  .mx-80 {
    margin-inline: var(--spacing-80);
  }
  .mx-84 {
    margin-inline: var(--spacing-84);
  }
  .mx-88 {
    margin-inline: var(--spacing-88);
  }
  .mx-92 {
    margin-inline: var(--spacing-92);
  }
  .mx-96 {
    margin-inline: var(--spacing-96);
  }
  .mx-104 {
    margin-inline: var(--spacing-104);
  }
  .mx-112 {
    margin-inline: var(--spacing-112);
  }
  .mx-120 {
    margin-inline: var(--spacing-120);
  }
  .mx-128 {
    margin-inline: var(--spacing-128);
  }
  .mx-136 {
    margin-inline: var(--spacing-136);
  }
  .mx-144 {
    margin-inline: var(--spacing-144);
  }
  .mx-152 {
    margin-inline: var(--spacing-152);
  }
  .mx-160 {
    margin-inline: var(--spacing-160);
  }
  .mx-176 {
    margin-inline: var(--spacing-176);
  }
  .mx-192 {
    margin-inline: var(--spacing-192);
  }
  .mx-208 {
    margin-inline: var(--spacing-208);
  }
  .mx-224 {
    margin-inline: var(--spacing-224);
  }
  .mx-240 {
    margin-inline: var(--spacing-240);
  }
  .mx-256 {
    margin-inline: var(--spacing-256);
  }
  .mx-\[-16px\] {
    margin-inline: -16px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing-1);
  }
  .my-2 {
    margin-block: var(--spacing-2);
  }
  .my-4 {
    margin-block: var(--spacing-4);
  }
  .my-6 {
    margin-block: var(--spacing-6);
  }
  .my-8 {
    margin-block: var(--spacing-8);
  }
  .my-12 {
    margin-block: var(--spacing-12);
  }
  .my-14 {
    margin-block: var(--spacing-14);
  }
  .my-16 {
    margin-block: var(--spacing-16);
  }
  .my-18 {
    margin-block: var(--spacing-18);
  }
  .my-20 {
    margin-block: var(--spacing-20);
  }
  .my-22 {
    margin-block: var(--spacing-22);
  }
  .my-24 {
    margin-block: var(--spacing-24);
  }
  .my-26 {
    margin-block: var(--spacing-26);
  }
  .my-28 {
    margin-block: var(--spacing-28);
  }
  .my-32 {
    margin-block: var(--spacing-32);
  }
  .my-34 {
    margin-block: var(--spacing-34);
  }
  .my-36 {
    margin-block: var(--spacing-36);
  }
  .my-38 {
    margin-block: var(--spacing-38);
  }
  .my-40 {
    margin-block: var(--spacing-40);
  }
  .my-42 {
    margin-block: var(--spacing-42);
  }
  .my-44 {
    margin-block: var(--spacing-44);
  }
  .my-48 {
    margin-block: var(--spacing-48);
  }
  .my-52 {
    margin-block: var(--spacing-52);
  }
  .my-56 {
    margin-block: var(--spacing-56);
  }
  .my-60 {
    margin-block: var(--spacing-60);
  }
  .my-64 {
    margin-block: var(--spacing-64);
  }
  .my-68 {
    margin-block: var(--spacing-68);
  }
  .my-72 {
    margin-block: var(--spacing-72);
  }
  .my-76 {
    margin-block: var(--spacing-76);
  }
  .my-80 {
    margin-block: var(--spacing-80);
  }
  .my-84 {
    margin-block: var(--spacing-84);
  }
  .my-88 {
    margin-block: var(--spacing-88);
  }
  .my-92 {
    margin-block: var(--spacing-92);
  }
  .my-96 {
    margin-block: var(--spacing-96);
  }
  .my-104 {
    margin-block: var(--spacing-104);
  }
  .my-112 {
    margin-block: var(--spacing-112);
  }
  .my-120 {
    margin-block: var(--spacing-120);
  }
  .my-128 {
    margin-block: var(--spacing-128);
  }
  .my-136 {
    margin-block: var(--spacing-136);
  }
  .my-144 {
    margin-block: var(--spacing-144);
  }
  .my-152 {
    margin-block: var(--spacing-152);
  }
  .my-160 {
    margin-block: var(--spacing-160);
  }
  .my-176 {
    margin-block: var(--spacing-176);
  }
  .my-192 {
    margin-block: var(--spacing-192);
  }
  .my-208 {
    margin-block: var(--spacing-208);
  }
  .my-224 {
    margin-block: var(--spacing-224);
  }
  .my-240 {
    margin-block: var(--spacing-240);
  }
  .my-256 {
    margin-block: var(--spacing-256);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing-1) * -1);
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mt-8 {
    margin-top: var(--spacing-8);
  }
  .mt-12 {
    margin-top: var(--spacing-12);
  }
  .mt-14 {
    margin-top: var(--spacing-14);
  }
  .mt-16 {
    margin-top: var(--spacing-16);
  }
  .mt-18 {
    margin-top: var(--spacing-18);
  }
  .mt-20 {
    margin-top: var(--spacing-20);
  }
  .mt-22 {
    margin-top: var(--spacing-22);
  }
  .mt-24 {
    margin-top: var(--spacing-24);
  }
  .mt-26 {
    margin-top: var(--spacing-26);
  }
  .mt-28 {
    margin-top: var(--spacing-28);
  }
  .mt-32 {
    margin-top: var(--spacing-32);
  }
  .mt-34 {
    margin-top: var(--spacing-34);
  }
  .mt-36 {
    margin-top: var(--spacing-36);
  }
  .mt-38 {
    margin-top: var(--spacing-38);
  }
  .mt-40 {
    margin-top: var(--spacing-40);
  }
  .mt-42 {
    margin-top: var(--spacing-42);
  }
  .mt-44 {
    margin-top: var(--spacing-44);
  }
  .mt-48 {
    margin-top: var(--spacing-48);
  }
  .mt-52 {
    margin-top: var(--spacing-52);
  }
  .mt-56 {
    margin-top: var(--spacing-56);
  }
  .mt-60 {
    margin-top: var(--spacing-60);
  }
  .mt-64 {
    margin-top: var(--spacing-64);
  }
  .mt-68 {
    margin-top: var(--spacing-68);
  }
  .mt-72 {
    margin-top: var(--spacing-72);
  }
  .mt-76 {
    margin-top: var(--spacing-76);
  }
  .mt-80 {
    margin-top: var(--spacing-80);
  }
  .mt-84 {
    margin-top: var(--spacing-84);
  }
  .mt-88 {
    margin-top: var(--spacing-88);
  }
  .mt-92 {
    margin-top: var(--spacing-92);
  }
  .mt-96 {
    margin-top: var(--spacing-96);
  }
  .mt-104 {
    margin-top: var(--spacing-104);
  }
  .mt-112 {
    margin-top: var(--spacing-112);
  }
  .mt-120 {
    margin-top: var(--spacing-120);
  }
  .mt-128 {
    margin-top: var(--spacing-128);
  }
  .mt-136 {
    margin-top: var(--spacing-136);
  }
  .mt-144 {
    margin-top: var(--spacing-144);
  }
  .mt-152 {
    margin-top: var(--spacing-152);
  }
  .mt-160 {
    margin-top: var(--spacing-160);
  }
  .mt-176 {
    margin-top: var(--spacing-176);
  }
  .mt-192 {
    margin-top: var(--spacing-192);
  }
  .mt-208 {
    margin-top: var(--spacing-208);
  }
  .mt-224 {
    margin-top: var(--spacing-224);
  }
  .mt-240 {
    margin-top: var(--spacing-240);
  }
  .mt-256 {
    margin-top: var(--spacing-256);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing-1) * -1);
  }
  .mr-1 {
    margin-right: var(--spacing-1);
  }
  .mr-2 {
    margin-right: var(--spacing-2);
  }
  .mr-4 {
    margin-right: var(--spacing-4);
  }
  .mr-6 {
    margin-right: var(--spacing-6);
  }
  .mr-8 {
    margin-right: var(--spacing-8);
  }
  .mr-12 {
    margin-right: var(--spacing-12);
  }
  .mr-14 {
    margin-right: var(--spacing-14);
  }
  .mr-16 {
    margin-right: var(--spacing-16);
  }
  .mr-18 {
    margin-right: var(--spacing-18);
  }
  .mr-20 {
    margin-right: var(--spacing-20);
  }
  .mr-22 {
    margin-right: var(--spacing-22);
  }
  .mr-24 {
    margin-right: var(--spacing-24);
  }
  .mr-26 {
    margin-right: var(--spacing-26);
  }
  .mr-28 {
    margin-right: var(--spacing-28);
  }
  .mr-32 {
    margin-right: var(--spacing-32);
  }
  .mr-34 {
    margin-right: var(--spacing-34);
  }
  .mr-36 {
    margin-right: var(--spacing-36);
  }
  .mr-38 {
    margin-right: var(--spacing-38);
  }
  .mr-40 {
    margin-right: var(--spacing-40);
  }
  .mr-42 {
    margin-right: var(--spacing-42);
  }
  .mr-44 {
    margin-right: var(--spacing-44);
  }
  .mr-48 {
    margin-right: var(--spacing-48);
  }
  .mr-52 {
    margin-right: var(--spacing-52);
  }
  .mr-56 {
    margin-right: var(--spacing-56);
  }
  .mr-60 {
    margin-right: var(--spacing-60);
  }
  .mr-64 {
    margin-right: var(--spacing-64);
  }
  .mr-68 {
    margin-right: var(--spacing-68);
  }
  .mr-72 {
    margin-right: var(--spacing-72);
  }
  .mr-76 {
    margin-right: var(--spacing-76);
  }
  .mr-80 {
    margin-right: var(--spacing-80);
  }
  .mr-84 {
    margin-right: var(--spacing-84);
  }
  .mr-88 {
    margin-right: var(--spacing-88);
  }
  .mr-92 {
    margin-right: var(--spacing-92);
  }
  .mr-96 {
    margin-right: var(--spacing-96);
  }
  .mr-104 {
    margin-right: var(--spacing-104);
  }
  .mr-112 {
    margin-right: var(--spacing-112);
  }
  .mr-120 {
    margin-right: var(--spacing-120);
  }
  .mr-128 {
    margin-right: var(--spacing-128);
  }
  .mr-136 {
    margin-right: var(--spacing-136);
  }
  .mr-144 {
    margin-right: var(--spacing-144);
  }
  .mr-152 {
    margin-right: var(--spacing-152);
  }
  .mr-160 {
    margin-right: var(--spacing-160);
  }
  .mr-176 {
    margin-right: var(--spacing-176);
  }
  .mr-192 {
    margin-right: var(--spacing-192);
  }
  .mr-208 {
    margin-right: var(--spacing-208);
  }
  .mr-224 {
    margin-right: var(--spacing-224);
  }
  .mr-240 {
    margin-right: var(--spacing-240);
  }
  .mr-256 {
    margin-right: var(--spacing-256);
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-2 {
    margin-bottom: var(--spacing-2);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .mb-12 {
    margin-bottom: var(--spacing-12);
  }
  .mb-14 {
    margin-bottom: var(--spacing-14);
  }
  .mb-16 {
    margin-bottom: var(--spacing-16);
  }
  .mb-18 {
    margin-bottom: var(--spacing-18);
  }
  .mb-20 {
    margin-bottom: var(--spacing-20);
  }
  .mb-22 {
    margin-bottom: var(--spacing-22);
  }
  .mb-24 {
    margin-bottom: var(--spacing-24);
  }
  .mb-26 {
    margin-bottom: var(--spacing-26);
  }
  .mb-28 {
    margin-bottom: var(--spacing-28);
  }
  .mb-32 {
    margin-bottom: var(--spacing-32);
  }
  .mb-34 {
    margin-bottom: var(--spacing-34);
  }
  .mb-36 {
    margin-bottom: var(--spacing-36);
  }
  .mb-38 {
    margin-bottom: var(--spacing-38);
  }
  .mb-40 {
    margin-bottom: var(--spacing-40);
  }
  .mb-42 {
    margin-bottom: var(--spacing-42);
  }
  .mb-44 {
    margin-bottom: var(--spacing-44);
  }
  .mb-48 {
    margin-bottom: var(--spacing-48);
  }
  .mb-52 {
    margin-bottom: var(--spacing-52);
  }
  .mb-56 {
    margin-bottom: var(--spacing-56);
  }
  .mb-60 {
    margin-bottom: var(--spacing-60);
  }
  .mb-64 {
    margin-bottom: var(--spacing-64);
  }
  .mb-68 {
    margin-bottom: var(--spacing-68);
  }
  .mb-72 {
    margin-bottom: var(--spacing-72);
  }
  .mb-76 {
    margin-bottom: var(--spacing-76);
  }
  .mb-80 {
    margin-bottom: var(--spacing-80);
  }
  .mb-84 {
    margin-bottom: var(--spacing-84);
  }
  .mb-88 {
    margin-bottom: var(--spacing-88);
  }
  .mb-92 {
    margin-bottom: var(--spacing-92);
  }
  .mb-96 {
    margin-bottom: var(--spacing-96);
  }
  .mb-104 {
    margin-bottom: var(--spacing-104);
  }
  .mb-112 {
    margin-bottom: var(--spacing-112);
  }
  .mb-120 {
    margin-bottom: var(--spacing-120);
  }
  .mb-128 {
    margin-bottom: var(--spacing-128);
  }
  .mb-136 {
    margin-bottom: var(--spacing-136);
  }
  .mb-144 {
    margin-bottom: var(--spacing-144);
  }
  .mb-152 {
    margin-bottom: var(--spacing-152);
  }
  .mb-160 {
    margin-bottom: var(--spacing-160);
  }
  .mb-176 {
    margin-bottom: var(--spacing-176);
  }
  .mb-192 {
    margin-bottom: var(--spacing-192);
  }
  .mb-208 {
    margin-bottom: var(--spacing-208);
  }
  .mb-224 {
    margin-bottom: var(--spacing-224);
  }
  .mb-240 {
    margin-bottom: var(--spacing-240);
  }
  .mb-256 {
    margin-bottom: var(--spacing-256);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing-1) * -1);
  }
  .ml-1 {
    margin-left: var(--spacing-1);
  }
  .ml-2 {
    margin-left: var(--spacing-2);
  }
  .ml-4 {
    margin-left: var(--spacing-4);
  }
  .ml-6 {
    margin-left: var(--spacing-6);
  }
  .ml-8 {
    margin-left: var(--spacing-8);
  }
  .ml-12 {
    margin-left: var(--spacing-12);
  }
  .ml-14 {
    margin-left: var(--spacing-14);
  }
  .ml-16 {
    margin-left: var(--spacing-16);
  }
  .ml-18 {
    margin-left: var(--spacing-18);
  }
  .ml-20 {
    margin-left: var(--spacing-20);
  }
  .ml-22 {
    margin-left: var(--spacing-22);
  }
  .ml-24 {
    margin-left: var(--spacing-24);
  }
  .ml-26 {
    margin-left: var(--spacing-26);
  }
  .ml-28 {
    margin-left: var(--spacing-28);
  }
  .ml-32 {
    margin-left: var(--spacing-32);
  }
  .ml-34 {
    margin-left: var(--spacing-34);
  }
  .ml-36 {
    margin-left: var(--spacing-36);
  }
  .ml-38 {
    margin-left: var(--spacing-38);
  }
  .ml-40 {
    margin-left: var(--spacing-40);
  }
  .ml-42 {
    margin-left: var(--spacing-42);
  }
  .ml-44 {
    margin-left: var(--spacing-44);
  }
  .ml-48 {
    margin-left: var(--spacing-48);
  }
  .ml-52 {
    margin-left: var(--spacing-52);
  }
  .ml-56 {
    margin-left: var(--spacing-56);
  }
  .ml-60 {
    margin-left: var(--spacing-60);
  }
  .ml-64 {
    margin-left: var(--spacing-64);
  }
  .ml-68 {
    margin-left: var(--spacing-68);
  }
  .ml-72 {
    margin-left: var(--spacing-72);
  }
  .ml-76 {
    margin-left: var(--spacing-76);
  }
  .ml-80 {
    margin-left: var(--spacing-80);
  }
  .ml-84 {
    margin-left: var(--spacing-84);
  }
  .ml-88 {
    margin-left: var(--spacing-88);
  }
  .ml-92 {
    margin-left: var(--spacing-92);
  }
  .ml-96 {
    margin-left: var(--spacing-96);
  }
  .ml-104 {
    margin-left: var(--spacing-104);
  }
  .ml-112 {
    margin-left: var(--spacing-112);
  }
  .ml-120 {
    margin-left: var(--spacing-120);
  }
  .ml-128 {
    margin-left: var(--spacing-128);
  }
  .ml-136 {
    margin-left: var(--spacing-136);
  }
  .ml-144 {
    margin-left: var(--spacing-144);
  }
  .ml-152 {
    margin-left: var(--spacing-152);
  }
  .ml-160 {
    margin-left: var(--spacing-160);
  }
  .ml-176 {
    margin-left: var(--spacing-176);
  }
  .ml-192 {
    margin-left: var(--spacing-192);
  }
  .ml-208 {
    margin-left: var(--spacing-208);
  }
  .ml-224 {
    margin-left: var(--spacing-224);
  }
  .ml-240 {
    margin-left: var(--spacing-240);
  }
  .ml-256 {
    margin-left: var(--spacing-256);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-6 {
    width: var(--spacing-6);
    height: var(--spacing-6);
  }
  .size-26 {
    width: var(--spacing-26);
    height: var(--spacing-26);
  }
  .size-32 {
    width: var(--spacing-32);
    height: var(--spacing-32);
  }
  .size-34 {
    width: var(--spacing-34);
    height: var(--spacing-34);
  }
  .size-56 {
    width: var(--spacing-56);
    height: var(--spacing-56);
  }
  .size-60 {
    width: var(--spacing-60);
    height: var(--spacing-60);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: var(--spacing-2);
  }
  .h-16 {
    height: var(--spacing-16);
  }
  .h-20 {
    height: var(--spacing-20);
  }
  .h-24 {
    height: var(--spacing-24);
  }
  .h-28 {
    height: var(--spacing-28);
  }
  .h-40 {
    height: var(--spacing-40);
  }
  .h-48 {
    height: var(--spacing-48);
  }
  .h-52 {
    height: var(--spacing-52);
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-none {
    height: var(--spacing-none);
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-1 {
    max-height: var(--spacing-1);
  }
  .max-h-2 {
    max-height: var(--spacing-2);
  }
  .max-h-4 {
    max-height: var(--spacing-4);
  }
  .max-h-6 {
    max-height: var(--spacing-6);
  }
  .max-h-8 {
    max-height: var(--spacing-8);
  }
  .max-h-12 {
    max-height: var(--spacing-12);
  }
  .max-h-14 {
    max-height: var(--spacing-14);
  }
  .max-h-16 {
    max-height: var(--spacing-16);
  }
  .max-h-18 {
    max-height: var(--spacing-18);
  }
  .max-h-20 {
    max-height: var(--spacing-20);
  }
  .max-h-22 {
    max-height: var(--spacing-22);
  }
  .max-h-24 {
    max-height: var(--spacing-24);
  }
  .max-h-26 {
    max-height: var(--spacing-26);
  }
  .max-h-28 {
    max-height: var(--spacing-28);
  }
  .max-h-32 {
    max-height: var(--spacing-32);
  }
  .max-h-34 {
    max-height: var(--spacing-34);
  }
  .max-h-36 {
    max-height: var(--spacing-36);
  }
  .max-h-38 {
    max-height: var(--spacing-38);
  }
  .max-h-40 {
    max-height: var(--spacing-40);
  }
  .max-h-42 {
    max-height: var(--spacing-42);
  }
  .max-h-44 {
    max-height: var(--spacing-44);
  }
  .max-h-48 {
    max-height: var(--spacing-48);
  }
  .max-h-52 {
    max-height: var(--spacing-52);
  }
  .max-h-56 {
    max-height: var(--spacing-56);
  }
  .max-h-60 {
    max-height: var(--spacing-60);
  }
  .max-h-64 {
    max-height: var(--spacing-64);
  }
  .max-h-68 {
    max-height: var(--spacing-68);
  }
  .max-h-72 {
    max-height: var(--spacing-72);
  }
  .max-h-76 {
    max-height: var(--spacing-76);
  }
  .max-h-80 {
    max-height: var(--spacing-80);
  }
  .max-h-84 {
    max-height: var(--spacing-84);
  }
  .max-h-88 {
    max-height: var(--spacing-88);
  }
  .max-h-92 {
    max-height: var(--spacing-92);
  }
  .max-h-96 {
    max-height: var(--spacing-96);
  }
  .max-h-104 {
    max-height: var(--spacing-104);
  }
  .max-h-112 {
    max-height: var(--spacing-112);
  }
  .max-h-120 {
    max-height: var(--spacing-120);
  }
  .max-h-128 {
    max-height: var(--spacing-128);
  }
  .max-h-136 {
    max-height: var(--spacing-136);
  }
  .max-h-144 {
    max-height: var(--spacing-144);
  }
  .max-h-152 {
    max-height: var(--spacing-152);
  }
  .max-h-160 {
    max-height: var(--spacing-160);
  }
  .max-h-176 {
    max-height: var(--spacing-176);
  }
  .max-h-192 {
    max-height: var(--spacing-192);
  }
  .max-h-208 {
    max-height: var(--spacing-208);
  }
  .max-h-224 {
    max-height: var(--spacing-224);
  }
  .max-h-240 {
    max-height: var(--spacing-240);
  }
  .max-h-256 {
    max-height: var(--spacing-256);
  }
  .max-h-\[350px\] {
    max-height: 350px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-1 {
    min-height: var(--spacing-1);
  }
  .min-h-2 {
    min-height: var(--spacing-2);
  }
  .min-h-4 {
    min-height: var(--spacing-4);
  }
  .min-h-6 {
    min-height: var(--spacing-6);
  }
  .min-h-8 {
    min-height: var(--spacing-8);
  }
  .min-h-12 {
    min-height: var(--spacing-12);
  }
  .min-h-14 {
    min-height: var(--spacing-14);
  }
  .min-h-16 {
    min-height: var(--spacing-16);
  }
  .min-h-18 {
    min-height: var(--spacing-18);
  }
  .min-h-20 {
    min-height: var(--spacing-20);
  }
  .min-h-22 {
    min-height: var(--spacing-22);
  }
  .min-h-24 {
    min-height: var(--spacing-24);
  }
  .min-h-26 {
    min-height: var(--spacing-26);
  }
  .min-h-28 {
    min-height: var(--spacing-28);
  }
  .min-h-32 {
    min-height: var(--spacing-32);
  }
  .min-h-34 {
    min-height: var(--spacing-34);
  }
  .min-h-36 {
    min-height: var(--spacing-36);
  }
  .min-h-38 {
    min-height: var(--spacing-38);
  }
  .min-h-40 {
    min-height: var(--spacing-40);
  }
  .min-h-42 {
    min-height: var(--spacing-42);
  }
  .min-h-44 {
    min-height: var(--spacing-44);
  }
  .min-h-48 {
    min-height: var(--spacing-48);
  }
  .min-h-52 {
    min-height: var(--spacing-52);
  }
  .min-h-56 {
    min-height: var(--spacing-56);
  }
  .min-h-60 {
    min-height: var(--spacing-60);
  }
  .min-h-64 {
    min-height: var(--spacing-64);
  }
  .min-h-68 {
    min-height: var(--spacing-68);
  }
  .min-h-72 {
    min-height: var(--spacing-72);
  }
  .min-h-76 {
    min-height: var(--spacing-76);
  }
  .min-h-80 {
    min-height: var(--spacing-80);
  }
  .min-h-84 {
    min-height: var(--spacing-84);
  }
  .min-h-88 {
    min-height: var(--spacing-88);
  }
  .min-h-92 {
    min-height: var(--spacing-92);
  }
  .min-h-96 {
    min-height: var(--spacing-96);
  }
  .min-h-104 {
    min-height: var(--spacing-104);
  }
  .min-h-112 {
    min-height: var(--spacing-112);
  }
  .min-h-120 {
    min-height: var(--spacing-120);
  }
  .min-h-128 {
    min-height: var(--spacing-128);
  }
  .min-h-136 {
    min-height: var(--spacing-136);
  }
  .min-h-144 {
    min-height: var(--spacing-144);
  }
  .min-h-152 {
    min-height: var(--spacing-152);
  }
  .min-h-160 {
    min-height: var(--spacing-160);
  }
  .min-h-176 {
    min-height: var(--spacing-176);
  }
  .min-h-192 {
    min-height: var(--spacing-192);
  }
  .min-h-208 {
    min-height: var(--spacing-208);
  }
  .min-h-224 {
    min-height: var(--spacing-224);
  }
  .min-h-240 {
    min-height: var(--spacing-240);
  }
  .min-h-256 {
    min-height: var(--spacing-256);
  }
  .w-1\/6 {
    width: calc(1/6 * 100%);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-16 {
    width: var(--spacing-16);
  }
  .w-20 {
    width: var(--spacing-20);
  }
  .w-24 {
    width: var(--spacing-24);
  }
  .w-26 {
    width: var(--spacing-26);
  }
  .w-36 {
    width: var(--spacing-36);
  }
  .w-40 {
    width: var(--spacing-40);
  }
  .w-48 {
    width: var(--spacing-48);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-none {
    width: var(--spacing-none);
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-1 {
    max-width: var(--spacing-1);
  }
  .max-w-2 {
    max-width: var(--spacing-2);
  }
  .max-w-4 {
    max-width: var(--spacing-4);
  }
  .max-w-6 {
    max-width: var(--spacing-6);
  }
  .max-w-8 {
    max-width: var(--spacing-8);
  }
  .max-w-12 {
    max-width: var(--spacing-12);
  }
  .max-w-14 {
    max-width: var(--spacing-14);
  }
  .max-w-16 {
    max-width: var(--spacing-16);
  }
  .max-w-18 {
    max-width: var(--spacing-18);
  }
  .max-w-20 {
    max-width: var(--spacing-20);
  }
  .max-w-22 {
    max-width: var(--spacing-22);
  }
  .max-w-24 {
    max-width: var(--spacing-24);
  }
  .max-w-26 {
    max-width: var(--spacing-26);
  }
  .max-w-28 {
    max-width: var(--spacing-28);
  }
  .max-w-32 {
    max-width: var(--spacing-32);
  }
  .max-w-34 {
    max-width: var(--spacing-34);
  }
  .max-w-36 {
    max-width: var(--spacing-36);
  }
  .max-w-38 {
    max-width: var(--spacing-38);
  }
  .max-w-40 {
    max-width: var(--spacing-40);
  }
  .max-w-42 {
    max-width: var(--spacing-42);
  }
  .max-w-44 {
    max-width: var(--spacing-44);
  }
  .max-w-48 {
    max-width: var(--spacing-48);
  }
  .max-w-52 {
    max-width: var(--spacing-52);
  }
  .max-w-56 {
    max-width: var(--spacing-56);
  }
  .max-w-60 {
    max-width: var(--spacing-60);
  }
  .max-w-64 {
    max-width: var(--spacing-64);
  }
  .max-w-68 {
    max-width: var(--spacing-68);
  }
  .max-w-72 {
    max-width: var(--spacing-72);
  }
  .max-w-76 {
    max-width: var(--spacing-76);
  }
  .max-w-80 {
    max-width: var(--spacing-80);
  }
  .max-w-84 {
    max-width: var(--spacing-84);
  }
  .max-w-88 {
    max-width: var(--spacing-88);
  }
  .max-w-92 {
    max-width: var(--spacing-92);
  }
  .max-w-96 {
    max-width: var(--spacing-96);
  }
  .max-w-104 {
    max-width: var(--spacing-104);
  }
  .max-w-112 {
    max-width: var(--spacing-112);
  }
  .max-w-120 {
    max-width: var(--spacing-120);
  }
  .max-w-128 {
    max-width: var(--spacing-128);
  }
  .max-w-136 {
    max-width: var(--spacing-136);
  }
  .max-w-144 {
    max-width: var(--spacing-144);
  }
  .max-w-152 {
    max-width: var(--spacing-152);
  }
  .max-w-160 {
    max-width: var(--spacing-160);
  }
  .max-w-176 {
    max-width: var(--spacing-176);
  }
  .max-w-192 {
    max-width: var(--spacing-192);
  }
  .max-w-208 {
    max-width: var(--spacing-208);
  }
  .max-w-224 {
    max-width: var(--spacing-224);
  }
  .max-w-240 {
    max-width: var(--spacing-240);
  }
  .max-w-256 {
    max-width: var(--spacing-256);
  }
  .max-w-\[470px\] {
    max-width: 470px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-1 {
    min-width: var(--spacing-1);
  }
  .min-w-2 {
    min-width: var(--spacing-2);
  }
  .min-w-4 {
    min-width: var(--spacing-4);
  }
  .min-w-6 {
    min-width: var(--spacing-6);
  }
  .min-w-8 {
    min-width: var(--spacing-8);
  }
  .min-w-12 {
    min-width: var(--spacing-12);
  }
  .min-w-14 {
    min-width: var(--spacing-14);
  }
  .min-w-16 {
    min-width: var(--spacing-16);
  }
  .min-w-18 {
    min-width: var(--spacing-18);
  }
  .min-w-20 {
    min-width: var(--spacing-20);
  }
  .min-w-22 {
    min-width: var(--spacing-22);
  }
  .min-w-24 {
    min-width: var(--spacing-24);
  }
  .min-w-26 {
    min-width: var(--spacing-26);
  }
  .min-w-28 {
    min-width: var(--spacing-28);
  }
  .min-w-32 {
    min-width: var(--spacing-32);
  }
  .min-w-34 {
    min-width: var(--spacing-34);
  }
  .min-w-36 {
    min-width: var(--spacing-36);
  }
  .min-w-38 {
    min-width: var(--spacing-38);
  }
  .min-w-40 {
    min-width: var(--spacing-40);
  }
  .min-w-42 {
    min-width: var(--spacing-42);
  }
  .min-w-44 {
    min-width: var(--spacing-44);
  }
  .min-w-48 {
    min-width: var(--spacing-48);
  }
  .min-w-52 {
    min-width: var(--spacing-52);
  }
  .min-w-56 {
    min-width: var(--spacing-56);
  }
  .min-w-60 {
    min-width: var(--spacing-60);
  }
  .min-w-64 {
    min-width: var(--spacing-64);
  }
  .min-w-68 {
    min-width: var(--spacing-68);
  }
  .min-w-72 {
    min-width: var(--spacing-72);
  }
  .min-w-76 {
    min-width: var(--spacing-76);
  }
  .min-w-80 {
    min-width: var(--spacing-80);
  }
  .min-w-84 {
    min-width: var(--spacing-84);
  }
  .min-w-88 {
    min-width: var(--spacing-88);
  }
  .min-w-92 {
    min-width: var(--spacing-92);
  }
  .min-w-96 {
    min-width: var(--spacing-96);
  }
  .min-w-104 {
    min-width: var(--spacing-104);
  }
  .min-w-112 {
    min-width: var(--spacing-112);
  }
  .min-w-120 {
    min-width: var(--spacing-120);
  }
  .min-w-128 {
    min-width: var(--spacing-128);
  }
  .min-w-136 {
    min-width: var(--spacing-136);
  }
  .min-w-144 {
    min-width: var(--spacing-144);
  }
  .min-w-152 {
    min-width: var(--spacing-152);
  }
  .min-w-160 {
    min-width: var(--spacing-160);
  }
  .min-w-176 {
    min-width: var(--spacing-176);
  }
  .min-w-192 {
    min-width: var(--spacing-192);
  }
  .min-w-208 {
    min-width: var(--spacing-208);
  }
  .min-w-224 {
    min-width: var(--spacing-224);
  }
  .min-w-240 {
    min-width: var(--spacing-240);
  }
  .min-w-256 {
    min-width: var(--spacing-256);
  }
  .min-w-none {
    min-width: var(--spacing-none);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .border-separate {
    border-collapse: separate;
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-none {
    list-style-type: none;
  }
  .auto-cols-max {
    grid-auto-columns: max-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .place-content-around {
    place-content: space-around;
  }
  .place-content-baseline {
    place-content: baseline;
  }
  .place-content-between {
    place-content: space-between;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-center-safe {
    place-content: safe center;
  }
  .place-content-end {
    place-content: end;
  }
  .place-content-end-safe {
    place-content: safe end;
  }
  .place-content-evenly {
    place-content: space-evenly;
  }
  .place-content-start {
    place-content: start;
  }
  .place-content-stretch {
    place-content: stretch;
  }
  .place-items-center {
    place-items: center;
  }
  .content-around {
    align-content: space-around;
  }
  .content-baseline {
    align-content: baseline;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .content-center-safe {
    align-content: safe center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-end-safe {
    align-content: safe flex-end;
  }
  .content-evenly {
    align-content: space-evenly;
  }
  .content-normal {
    align-content: normal;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-stretch {
    align-content: stretch;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-center-safe {
    align-items: safe center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-end-safe {
    align-items: safe flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-baseline {
    justify-content: baseline;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-center-safe {
    justify-content: safe center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-end-safe {
    justify-content: safe flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-normal {
    justify-content: normal;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-center-safe {
    justify-items: safe center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-end-safe {
    justify-items: safe end;
  }
  .justify-items-normal {
    justify-items: normal;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-8 {
    gap: var(--spacing-8);
  }
  .gap-12 {
    gap: var(--spacing-12);
  }
  .gap-16 {
    gap: var(--spacing-16);
  }
  .gap-20 {
    gap: var(--spacing-20);
  }
  .gap-24 {
    gap: var(--spacing-24);
  }
  .gap-48 {
    gap: var(--spacing-48);
  }
  .gap-80 {
    gap: var(--spacing-80);
  }
  .gap-none {
    gap: var(--spacing-none);
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-black-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-black-100);
    }
  }
  .divide-blue-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-100);
    }
  }
  .divide-blue-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-200);
    }
  }
  .divide-blue-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-300);
    }
  }
  .divide-blue-400 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-400);
    }
  }
  .divide-blue-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-500);
    }
  }
  .divide-brown-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-brown-100);
    }
  }
  .divide-brown-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-brown-200);
    }
  }
  .divide-ext-blue-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-blue-100);
    }
  }
  .divide-ext-blue-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-blue-200);
    }
  }
  .divide-ext-blue-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-blue-300);
    }
  }
  .divide-ext-blue-400 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-blue-400);
    }
  }
  .divide-ext-brown-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-brown-100);
    }
  }
  .divide-ext-brown-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-brown-200);
    }
  }
  .divide-ext-green-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-green-100);
    }
  }
  .divide-ext-green-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-green-200);
    }
  }
  .divide-ext-pink-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-pink-100);
    }
  }
  .divide-ext-pink-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-pink-200);
    }
  }
  .divide-ext-purple-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-purple-100);
    }
  }
  .divide-ext-purple-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-purple-200);
    }
  }
  .divide-ext-red-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-red-100);
    }
  }
  .divide-ext-turq-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-turq-100);
    }
  }
  .divide-ext-turq-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-turq-200);
    }
  }
  .divide-ext-yellow-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-yellow-100);
    }
  }
  .divide-ext-yellow-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-ext-yellow-200);
    }
  }
  .divide-green-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-100);
    }
  }
  .divide-green-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-200);
    }
  }
  .divide-green-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-300);
    }
  }
  .divide-green-400 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-400);
    }
  }
  .divide-green-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-500);
    }
  }
  .divide-green-600 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-600);
    }
  }
  .divide-green-700 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-green-700);
    }
  }
  .divide-grey-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-100);
    }
  }
  .divide-grey-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-200);
    }
  }
  .divide-grey-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-300);
    }
  }
  .divide-grey-400 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-400);
    }
  }
  .divide-grey-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-500);
    }
  }
  .divide-grey-600 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-grey-600);
    }
  }
  .divide-pink-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-pink-100);
    }
  }
  .divide-pink-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-pink-200);
    }
  }
  .divide-purple-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-purple-100);
    }
  }
  .divide-purple-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-purple-200);
    }
  }
  .divide-red-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-red-100);
    }
  }
  .divide-red-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-red-200);
    }
  }
  .divide-teal-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-teal-100);
    }
  }
  .divide-teal-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-teal-200);
    }
  }
  .divide-teal-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-teal-300);
    }
  }
  .divide-teal-400 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-teal-400);
    }
  }
  .divide-teal-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-teal-500);
    }
  }
  .divide-yellow-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-yellow-100);
    }
  }
  .divide-yellow-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-yellow-200);
    }
  }
  .divide-yellow-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-yellow-300);
    }
  }
  .self-auto {
    align-self: auto;
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-center {
    align-self: center;
  }
  .self-center-safe {
    align-self: safe center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-end-safe {
    align-self: safe flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-auto {
    justify-self: auto;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-center-safe {
    justify-self: safe center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-end-safe {
    justify-self: safe flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-medium {
    border-radius: var(--radius-medium);
  }
  .rounded-small {
    border-radius: var(--radius-small);
  }
  .rounded-l-medium {
    border-top-left-radius: var(--radius-medium);
    border-bottom-left-radius: var(--radius-medium);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-black-100 {
    border-color: var(--color-black-100);
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-brown-100 {
    border-color: var(--color-brown-100);
  }
  .border-brown-200 {
    border-color: var(--color-brown-200);
  }
  .border-ext-blue-100 {
    border-color: var(--color-ext-blue-100);
  }
  .border-ext-blue-200 {
    border-color: var(--color-ext-blue-200);
  }
  .border-ext-blue-300 {
    border-color: var(--color-ext-blue-300);
  }
  .border-ext-blue-400 {
    border-color: var(--color-ext-blue-400);
  }
  .border-ext-brown-100 {
    border-color: var(--color-ext-brown-100);
  }
  .border-ext-brown-200 {
    border-color: var(--color-ext-brown-200);
  }
  .border-ext-green-100 {
    border-color: var(--color-ext-green-100);
  }
  .border-ext-green-200 {
    border-color: var(--color-ext-green-200);
  }
  .border-ext-pink-100 {
    border-color: var(--color-ext-pink-100);
  }
  .border-ext-pink-200 {
    border-color: var(--color-ext-pink-200);
  }
  .border-ext-purple-100 {
    border-color: var(--color-ext-purple-100);
  }
  .border-ext-purple-200 {
    border-color: var(--color-ext-purple-200);
  }
  .border-ext-red-100 {
    border-color: var(--color-ext-red-100);
  }
  .border-ext-turq-100 {
    border-color: var(--color-ext-turq-100);
  }
  .border-ext-turq-200 {
    border-color: var(--color-ext-turq-200);
  }
  .border-ext-yellow-100 {
    border-color: var(--color-ext-yellow-100);
  }
  .border-ext-yellow-200 {
    border-color: var(--color-ext-yellow-200);
  }
  .border-green-100 {
    border-color: var(--color-green-100);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-green-300 {
    border-color: var(--color-green-300);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-green-600 {
    border-color: var(--color-green-600);
  }
  .border-green-700 {
    border-color: var(--color-green-700);
  }
  .border-grey-100 {
    border-color: var(--color-grey-100);
  }
  .border-grey-200 {
    border-color: var(--color-grey-200);
  }
  .border-grey-300 {
    border-color: var(--color-grey-300);
  }
  .border-grey-400 {
    border-color: var(--color-grey-400);
  }
  .border-grey-500 {
    border-color: var(--color-grey-500);
  }
  .border-grey-600 {
    border-color: var(--color-grey-600);
  }
  .border-pink-100 {
    border-color: var(--color-pink-100);
  }
  .border-pink-200 {
    border-color: var(--color-pink-200);
  }
  .border-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-state-error {
    border-color: var(--color-state-error);
  }
  .border-state-success {
    border-color: var(--color-state-success);
  }
  .border-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .bg-\[\#F7F7F780\] {
    background-color: #F7F7F780;
  }
  .bg-black-100 {
    background-color: var(--color-black-100);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-brown-100 {
    background-color: var(--color-brown-100);
  }
  .bg-brown-200 {
    background-color: var(--color-brown-200);
  }
  .bg-ext-blue-100 {
    background-color: var(--color-ext-blue-100);
  }
  .bg-ext-blue-200 {
    background-color: var(--color-ext-blue-200);
  }
  .bg-ext-blue-300 {
    background-color: var(--color-ext-blue-300);
  }
  .bg-ext-blue-400 {
    background-color: var(--color-ext-blue-400);
  }
  .bg-ext-brown-100 {
    background-color: var(--color-ext-brown-100);
  }
  .bg-ext-brown-200 {
    background-color: var(--color-ext-brown-200);
  }
  .bg-ext-green-100 {
    background-color: var(--color-ext-green-100);
  }
  .bg-ext-green-200 {
    background-color: var(--color-ext-green-200);
  }
  .bg-ext-pink-100 {
    background-color: var(--color-ext-pink-100);
  }
  .bg-ext-pink-200 {
    background-color: var(--color-ext-pink-200);
  }
  .bg-ext-purple-100 {
    background-color: var(--color-ext-purple-100);
  }
  .bg-ext-purple-200 {
    background-color: var(--color-ext-purple-200);
  }
  .bg-ext-red-100 {
    background-color: var(--color-ext-red-100);
  }
  .bg-ext-turq-100 {
    background-color: var(--color-ext-turq-100);
  }
  .bg-ext-turq-200 {
    background-color: var(--color-ext-turq-200);
  }
  .bg-ext-yellow-100 {
    background-color: var(--color-ext-yellow-100);
  }
  .bg-ext-yellow-200 {
    background-color: var(--color-ext-yellow-200);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-grey-100 {
    background-color: var(--color-grey-100);
  }
  .bg-grey-200 {
    background-color: var(--color-grey-200);
  }
  .bg-grey-300 {
    background-color: var(--color-grey-300);
  }
  .bg-grey-400 {
    background-color: var(--color-grey-400);
  }
  .bg-grey-500 {
    background-color: var(--color-grey-500);
  }
  .bg-grey-600 {
    background-color: var(--color-grey-600);
  }
  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }
  .bg-pink-200 {
    background-color: var(--color-pink-200);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-100\/50 {
    background-color: color-mix(in srgb, #bd073b 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-100) 50%, transparent);
    }
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-state-error-light {
    background-color: var(--color-state-error-light);
  }
  .bg-state-success-light {
    background-color: var(--color-state-success-light);
  }
  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#E8E8E8\] {
    --tw-gradient-to: #E8E8E8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: var(--spacing-1);
  }
  .p-2 {
    padding: var(--spacing-2);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-6 {
    padding: var(--spacing-6);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .p-12 {
    padding: var(--spacing-12);
  }
  .p-14 {
    padding: var(--spacing-14);
  }
  .p-16 {
    padding: var(--spacing-16);
  }
  .p-18 {
    padding: var(--spacing-18);
  }
  .p-20 {
    padding: var(--spacing-20);
  }
  .p-22 {
    padding: var(--spacing-22);
  }
  .p-24 {
    padding: var(--spacing-24);
  }
  .p-26 {
    padding: var(--spacing-26);
  }
  .p-28 {
    padding: var(--spacing-28);
  }
  .p-32 {
    padding: var(--spacing-32);
  }
  .p-34 {
    padding: var(--spacing-34);
  }
  .p-36 {
    padding: var(--spacing-36);
  }
  .p-38 {
    padding: var(--spacing-38);
  }
  .p-40 {
    padding: var(--spacing-40);
  }
  .p-42 {
    padding: var(--spacing-42);
  }
  .p-44 {
    padding: var(--spacing-44);
  }
  .p-48 {
    padding: var(--spacing-48);
  }
  .p-52 {
    padding: var(--spacing-52);
  }
  .p-56 {
    padding: var(--spacing-56);
  }
  .p-60 {
    padding: var(--spacing-60);
  }
  .p-64 {
    padding: var(--spacing-64);
  }
  .p-68 {
    padding: var(--spacing-68);
  }
  .p-72 {
    padding: var(--spacing-72);
  }
  .p-76 {
    padding: var(--spacing-76);
  }
  .p-80 {
    padding: var(--spacing-80);
  }
  .p-84 {
    padding: var(--spacing-84);
  }
  .p-88 {
    padding: var(--spacing-88);
  }
  .p-92 {
    padding: var(--spacing-92);
  }
  .p-96 {
    padding: var(--spacing-96);
  }
  .p-104 {
    padding: var(--spacing-104);
  }
  .p-112 {
    padding: var(--spacing-112);
  }
  .p-120 {
    padding: var(--spacing-120);
  }
  .p-128 {
    padding: var(--spacing-128);
  }
  .p-136 {
    padding: var(--spacing-136);
  }
  .p-144 {
    padding: var(--spacing-144);
  }
  .p-152 {
    padding: var(--spacing-152);
  }
  .p-160 {
    padding: var(--spacing-160);
  }
  .p-176 {
    padding: var(--spacing-176);
  }
  .p-192 {
    padding: var(--spacing-192);
  }
  .p-208 {
    padding: var(--spacing-208);
  }
  .p-224 {
    padding: var(--spacing-224);
  }
  .p-240 {
    padding: var(--spacing-240);
  }
  .p-256 {
    padding: var(--spacing-256);
  }
  .px-1 {
    padding-inline: var(--spacing-1);
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .px-8 {
    padding-inline: var(--spacing-8);
  }
  .px-12 {
    padding-inline: var(--spacing-12);
  }
  .px-14 {
    padding-inline: var(--spacing-14);
  }
  .px-16 {
    padding-inline: var(--spacing-16);
  }
  .px-18 {
    padding-inline: var(--spacing-18);
  }
  .px-20 {
    padding-inline: var(--spacing-20);
  }
  .px-22 {
    padding-inline: var(--spacing-22);
  }
  .px-24 {
    padding-inline: var(--spacing-24);
  }
  .px-26 {
    padding-inline: var(--spacing-26);
  }
  .px-28 {
    padding-inline: var(--spacing-28);
  }
  .px-32 {
    padding-inline: var(--spacing-32);
  }
  .px-34 {
    padding-inline: var(--spacing-34);
  }
  .px-36 {
    padding-inline: var(--spacing-36);
  }
  .px-38 {
    padding-inline: var(--spacing-38);
  }
  .px-40 {
    padding-inline: var(--spacing-40);
  }
  .px-42 {
    padding-inline: var(--spacing-42);
  }
  .px-44 {
    padding-inline: var(--spacing-44);
  }
  .px-48 {
    padding-inline: var(--spacing-48);
  }
  .px-52 {
    padding-inline: var(--spacing-52);
  }
  .px-56 {
    padding-inline: var(--spacing-56);
  }
  .px-60 {
    padding-inline: var(--spacing-60);
  }
  .px-64 {
    padding-inline: var(--spacing-64);
  }
  .px-68 {
    padding-inline: var(--spacing-68);
  }
  .px-72 {
    padding-inline: var(--spacing-72);
  }
  .px-76 {
    padding-inline: var(--spacing-76);
  }
  .px-80 {
    padding-inline: var(--spacing-80);
  }
  .px-84 {
    padding-inline: var(--spacing-84);
  }
  .px-88 {
    padding-inline: var(--spacing-88);
  }
  .px-92 {
    padding-inline: var(--spacing-92);
  }
  .px-96 {
    padding-inline: var(--spacing-96);
  }
  .px-104 {
    padding-inline: var(--spacing-104);
  }
  .px-112 {
    padding-inline: var(--spacing-112);
  }
  .px-120 {
    padding-inline: var(--spacing-120);
  }
  .px-128 {
    padding-inline: var(--spacing-128);
  }
  .px-136 {
    padding-inline: var(--spacing-136);
  }
  .px-144 {
    padding-inline: var(--spacing-144);
  }
  .px-152 {
    padding-inline: var(--spacing-152);
  }
  .px-160 {
    padding-inline: var(--spacing-160);
  }
  .px-176 {
    padding-inline: var(--spacing-176);
  }
  .px-192 {
    padding-inline: var(--spacing-192);
  }
  .px-208 {
    padding-inline: var(--spacing-208);
  }
  .px-224 {
    padding-inline: var(--spacing-224);
  }
  .px-240 {
    padding-inline: var(--spacing-240);
  }
  .px-256 {
    padding-inline: var(--spacing-256);
  }
  .py-1 {
    padding-block: var(--spacing-1);
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-6 {
    padding-block: var(--spacing-6);
  }
  .py-8 {
    padding-block: var(--spacing-8);
  }
  .py-12 {
    padding-block: var(--spacing-12);
  }
  .py-14 {
    padding-block: var(--spacing-14);
  }
  .py-16 {
    padding-block: var(--spacing-16);
  }
  .py-18 {
    padding-block: var(--spacing-18);
  }
  .py-20 {
    padding-block: var(--spacing-20);
  }
  .py-22 {
    padding-block: var(--spacing-22);
  }
  .py-24 {
    padding-block: var(--spacing-24);
  }
  .py-26 {
    padding-block: var(--spacing-26);
  }
  .py-28 {
    padding-block: var(--spacing-28);
  }
  .py-32 {
    padding-block: var(--spacing-32);
  }
  .py-34 {
    padding-block: var(--spacing-34);
  }
  .py-36 {
    padding-block: var(--spacing-36);
  }
  .py-38 {
    padding-block: var(--spacing-38);
  }
  .py-40 {
    padding-block: var(--spacing-40);
  }
  .py-42 {
    padding-block: var(--spacing-42);
  }
  .py-44 {
    padding-block: var(--spacing-44);
  }
  .py-48 {
    padding-block: var(--spacing-48);
  }
  .py-52 {
    padding-block: var(--spacing-52);
  }
  .py-56 {
    padding-block: var(--spacing-56);
  }
  .py-60 {
    padding-block: var(--spacing-60);
  }
  .py-64 {
    padding-block: var(--spacing-64);
  }
  .py-68 {
    padding-block: var(--spacing-68);
  }
  .py-72 {
    padding-block: var(--spacing-72);
  }
  .py-76 {
    padding-block: var(--spacing-76);
  }
  .py-80 {
    padding-block: var(--spacing-80);
  }
  .py-84 {
    padding-block: var(--spacing-84);
  }
  .py-88 {
    padding-block: var(--spacing-88);
  }
  .py-92 {
    padding-block: var(--spacing-92);
  }
  .py-96 {
    padding-block: var(--spacing-96);
  }
  .py-104 {
    padding-block: var(--spacing-104);
  }
  .py-112 {
    padding-block: var(--spacing-112);
  }
  .py-120 {
    padding-block: var(--spacing-120);
  }
  .py-128 {
    padding-block: var(--spacing-128);
  }
  .py-136 {
    padding-block: var(--spacing-136);
  }
  .py-144 {
    padding-block: var(--spacing-144);
  }
  .py-152 {
    padding-block: var(--spacing-152);
  }
  .py-160 {
    padding-block: var(--spacing-160);
  }
  .py-176 {
    padding-block: var(--spacing-176);
  }
  .py-192 {
    padding-block: var(--spacing-192);
  }
  .py-208 {
    padding-block: var(--spacing-208);
  }
  .py-224 {
    padding-block: var(--spacing-224);
  }
  .py-240 {
    padding-block: var(--spacing-240);
  }
  .py-256 {
    padding-block: var(--spacing-256);
  }
  .pt-1 {
    padding-top: var(--spacing-1);
  }
  .pt-2 {
    padding-top: var(--spacing-2);
  }
  .pt-4 {
    padding-top: var(--spacing-4);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pt-8 {
    padding-top: var(--spacing-8);
  }
  .pt-12 {
    padding-top: var(--spacing-12);
  }
  .pt-14 {
    padding-top: var(--spacing-14);
  }
  .pt-16 {
    padding-top: var(--spacing-16);
  }
  .pt-18 {
    padding-top: var(--spacing-18);
  }
  .pt-20 {
    padding-top: var(--spacing-20);
  }
  .pt-22 {
    padding-top: var(--spacing-22);
  }
  .pt-24 {
    padding-top: var(--spacing-24);
  }
  .pt-26 {
    padding-top: var(--spacing-26);
  }
  .pt-28 {
    padding-top: var(--spacing-28);
  }
  .pt-32 {
    padding-top: var(--spacing-32);
  }
  .pt-34 {
    padding-top: var(--spacing-34);
  }
  .pt-36 {
    padding-top: var(--spacing-36);
  }
  .pt-38 {
    padding-top: var(--spacing-38);
  }
  .pt-40 {
    padding-top: var(--spacing-40);
  }
  .pt-42 {
    padding-top: var(--spacing-42);
  }
  .pt-44 {
    padding-top: var(--spacing-44);
  }
  .pt-48 {
    padding-top: var(--spacing-48);
  }
  .pt-52 {
    padding-top: var(--spacing-52);
  }
  .pt-56 {
    padding-top: var(--spacing-56);
  }
  .pt-60 {
    padding-top: var(--spacing-60);
  }
  .pt-64 {
    padding-top: var(--spacing-64);
  }
  .pt-68 {
    padding-top: var(--spacing-68);
  }
  .pt-72 {
    padding-top: var(--spacing-72);
  }
  .pt-76 {
    padding-top: var(--spacing-76);
  }
  .pt-80 {
    padding-top: var(--spacing-80);
  }
  .pt-84 {
    padding-top: var(--spacing-84);
  }
  .pt-88 {
    padding-top: var(--spacing-88);
  }
  .pt-92 {
    padding-top: var(--spacing-92);
  }
  .pt-96 {
    padding-top: var(--spacing-96);
  }
  .pt-104 {
    padding-top: var(--spacing-104);
  }
  .pt-112 {
    padding-top: var(--spacing-112);
  }
  .pt-120 {
    padding-top: var(--spacing-120);
  }
  .pt-128 {
    padding-top: var(--spacing-128);
  }
  .pt-136 {
    padding-top: var(--spacing-136);
  }
  .pt-144 {
    padding-top: var(--spacing-144);
  }
  .pt-152 {
    padding-top: var(--spacing-152);
  }
  .pt-160 {
    padding-top: var(--spacing-160);
  }
  .pt-176 {
    padding-top: var(--spacing-176);
  }
  .pt-192 {
    padding-top: var(--spacing-192);
  }
  .pt-208 {
    padding-top: var(--spacing-208);
  }
  .pt-224 {
    padding-top: var(--spacing-224);
  }
  .pt-240 {
    padding-top: var(--spacing-240);
  }
  .pt-256 {
    padding-top: var(--spacing-256);
  }
  .pr-1 {
    padding-right: var(--spacing-1);
  }
  .pr-2 {
    padding-right: var(--spacing-2);
  }
  .pr-4 {
    padding-right: var(--spacing-4);
  }
  .pr-6 {
    padding-right: var(--spacing-6);
  }
  .pr-8 {
    padding-right: var(--spacing-8);
  }
  .pr-12 {
    padding-right: var(--spacing-12);
  }
  .pr-14 {
    padding-right: var(--spacing-14);
  }
  .pr-16 {
    padding-right: var(--spacing-16);
  }
  .pr-18 {
    padding-right: var(--spacing-18);
  }
  .pr-20 {
    padding-right: var(--spacing-20);
  }
  .pr-22 {
    padding-right: var(--spacing-22);
  }
  .pr-24 {
    padding-right: var(--spacing-24);
  }
  .pr-26 {
    padding-right: var(--spacing-26);
  }
  .pr-28 {
    padding-right: var(--spacing-28);
  }
  .pr-32 {
    padding-right: var(--spacing-32);
  }
  .pr-34 {
    padding-right: var(--spacing-34);
  }
  .pr-36 {
    padding-right: var(--spacing-36);
  }
  .pr-38 {
    padding-right: var(--spacing-38);
  }
  .pr-40 {
    padding-right: var(--spacing-40);
  }
  .pr-42 {
    padding-right: var(--spacing-42);
  }
  .pr-44 {
    padding-right: var(--spacing-44);
  }
  .pr-48 {
    padding-right: var(--spacing-48);
  }
  .pr-52 {
    padding-right: var(--spacing-52);
  }
  .pr-56 {
    padding-right: var(--spacing-56);
  }
  .pr-60 {
    padding-right: var(--spacing-60);
  }
  .pr-64 {
    padding-right: var(--spacing-64);
  }
  .pr-68 {
    padding-right: var(--spacing-68);
  }
  .pr-72 {
    padding-right: var(--spacing-72);
  }
  .pr-76 {
    padding-right: var(--spacing-76);
  }
  .pr-80 {
    padding-right: var(--spacing-80);
  }
  .pr-84 {
    padding-right: var(--spacing-84);
  }
  .pr-88 {
    padding-right: var(--spacing-88);
  }
  .pr-92 {
    padding-right: var(--spacing-92);
  }
  .pr-96 {
    padding-right: var(--spacing-96);
  }
  .pr-104 {
    padding-right: var(--spacing-104);
  }
  .pr-112 {
    padding-right: var(--spacing-112);
  }
  .pr-120 {
    padding-right: var(--spacing-120);
  }
  .pr-128 {
    padding-right: var(--spacing-128);
  }
  .pr-136 {
    padding-right: var(--spacing-136);
  }
  .pr-144 {
    padding-right: var(--spacing-144);
  }
  .pr-152 {
    padding-right: var(--spacing-152);
  }
  .pr-160 {
    padding-right: var(--spacing-160);
  }
  .pr-176 {
    padding-right: var(--spacing-176);
  }
  .pr-192 {
    padding-right: var(--spacing-192);
  }
  .pr-208 {
    padding-right: var(--spacing-208);
  }
  .pr-224 {
    padding-right: var(--spacing-224);
  }
  .pr-240 {
    padding-right: var(--spacing-240);
  }
  .pr-256 {
    padding-right: var(--spacing-256);
  }
  .pb-1 {
    padding-bottom: var(--spacing-1);
  }
  .pb-2 {
    padding-bottom: var(--spacing-2);
  }
  .pb-4 {
    padding-bottom: var(--spacing-4);
  }
  .pb-6 {
    padding-bottom: var(--spacing-6);
  }
  .pb-8 {
    padding-bottom: var(--spacing-8);
  }
  .pb-12 {
    padding-bottom: var(--spacing-12);
  }
  .pb-14 {
    padding-bottom: var(--spacing-14);
  }
  .pb-16 {
    padding-bottom: var(--spacing-16);
  }
  .pb-18 {
    padding-bottom: var(--spacing-18);
  }
  .pb-20 {
    padding-bottom: var(--spacing-20);
  }
  .pb-22 {
    padding-bottom: var(--spacing-22);
  }
  .pb-24 {
    padding-bottom: var(--spacing-24);
  }
  .pb-26 {
    padding-bottom: var(--spacing-26);
  }
  .pb-28 {
    padding-bottom: var(--spacing-28);
  }
  .pb-32 {
    padding-bottom: var(--spacing-32);
  }
  .pb-34 {
    padding-bottom: var(--spacing-34);
  }
  .pb-36 {
    padding-bottom: var(--spacing-36);
  }
  .pb-38 {
    padding-bottom: var(--spacing-38);
  }
  .pb-40 {
    padding-bottom: var(--spacing-40);
  }
  .pb-42 {
    padding-bottom: var(--spacing-42);
  }
  .pb-44 {
    padding-bottom: var(--spacing-44);
  }
  .pb-48 {
    padding-bottom: var(--spacing-48);
  }
  .pb-52 {
    padding-bottom: var(--spacing-52);
  }
  .pb-56 {
    padding-bottom: var(--spacing-56);
  }
  .pb-60 {
    padding-bottom: var(--spacing-60);
  }
  .pb-64 {
    padding-bottom: var(--spacing-64);
  }
  .pb-68 {
    padding-bottom: var(--spacing-68);
  }
  .pb-72 {
    padding-bottom: var(--spacing-72);
  }
  .pb-76 {
    padding-bottom: var(--spacing-76);
  }
  .pb-80 {
    padding-bottom: var(--spacing-80);
  }
  .pb-84 {
    padding-bottom: var(--spacing-84);
  }
  .pb-88 {
    padding-bottom: var(--spacing-88);
  }
  .pb-92 {
    padding-bottom: var(--spacing-92);
  }
  .pb-96 {
    padding-bottom: var(--spacing-96);
  }
  .pb-104 {
    padding-bottom: var(--spacing-104);
  }
  .pb-112 {
    padding-bottom: var(--spacing-112);
  }
  .pb-120 {
    padding-bottom: var(--spacing-120);
  }
  .pb-128 {
    padding-bottom: var(--spacing-128);
  }
  .pb-136 {
    padding-bottom: var(--spacing-136);
  }
  .pb-144 {
    padding-bottom: var(--spacing-144);
  }
  .pb-152 {
    padding-bottom: var(--spacing-152);
  }
  .pb-160 {
    padding-bottom: var(--spacing-160);
  }
  .pb-176 {
    padding-bottom: var(--spacing-176);
  }
  .pb-192 {
    padding-bottom: var(--spacing-192);
  }
  .pb-208 {
    padding-bottom: var(--spacing-208);
  }
  .pb-224 {
    padding-bottom: var(--spacing-224);
  }
  .pb-240 {
    padding-bottom: var(--spacing-240);
  }
  .pb-256 {
    padding-bottom: var(--spacing-256);
  }
  .pl-1 {
    padding-left: var(--spacing-1);
  }
  .pl-2 {
    padding-left: var(--spacing-2);
  }
  .pl-4 {
    padding-left: var(--spacing-4);
  }
  .pl-6 {
    padding-left: var(--spacing-6);
  }
  .pl-8 {
    padding-left: var(--spacing-8);
  }
  .pl-12 {
    padding-left: var(--spacing-12);
  }
  .pl-14 {
    padding-left: var(--spacing-14);
  }
  .pl-16 {
    padding-left: var(--spacing-16);
  }
  .pl-18 {
    padding-left: var(--spacing-18);
  }
  .pl-20 {
    padding-left: var(--spacing-20);
  }
  .pl-22 {
    padding-left: var(--spacing-22);
  }
  .pl-24 {
    padding-left: var(--spacing-24);
  }
  .pl-26 {
    padding-left: var(--spacing-26);
  }
  .pl-28 {
    padding-left: var(--spacing-28);
  }
  .pl-32 {
    padding-left: var(--spacing-32);
  }
  .pl-34 {
    padding-left: var(--spacing-34);
  }
  .pl-36 {
    padding-left: var(--spacing-36);
  }
  .pl-38 {
    padding-left: var(--spacing-38);
  }
  .pl-40 {
    padding-left: var(--spacing-40);
  }
  .pl-42 {
    padding-left: var(--spacing-42);
  }
  .pl-44 {
    padding-left: var(--spacing-44);
  }
  .pl-48 {
    padding-left: var(--spacing-48);
  }
  .pl-52 {
    padding-left: var(--spacing-52);
  }
  .pl-56 {
    padding-left: var(--spacing-56);
  }
  .pl-60 {
    padding-left: var(--spacing-60);
  }
  .pl-64 {
    padding-left: var(--spacing-64);
  }
  .pl-68 {
    padding-left: var(--spacing-68);
  }
  .pl-72 {
    padding-left: var(--spacing-72);
  }
  .pl-76 {
    padding-left: var(--spacing-76);
  }
  .pl-80 {
    padding-left: var(--spacing-80);
  }
  .pl-84 {
    padding-left: var(--spacing-84);
  }
  .pl-88 {
    padding-left: var(--spacing-88);
  }
  .pl-92 {
    padding-left: var(--spacing-92);
  }
  .pl-96 {
    padding-left: var(--spacing-96);
  }
  .pl-104 {
    padding-left: var(--spacing-104);
  }
  .pl-112 {
    padding-left: var(--spacing-112);
  }
  .pl-120 {
    padding-left: var(--spacing-120);
  }
  .pl-128 {
    padding-left: var(--spacing-128);
  }
  .pl-136 {
    padding-left: var(--spacing-136);
  }
  .pl-144 {
    padding-left: var(--spacing-144);
  }
  .pl-152 {
    padding-left: var(--spacing-152);
  }
  .pl-160 {
    padding-left: var(--spacing-160);
  }
  .pl-176 {
    padding-left: var(--spacing-176);
  }
  .pl-192 {
    padding-left: var(--spacing-192);
  }
  .pl-208 {
    padding-left: var(--spacing-208);
  }
  .pl-224 {
    padding-left: var(--spacing-224);
  }
  .pl-240 {
    padding-left: var(--spacing-240);
  }
  .pl-256 {
    padding-left: var(--spacing-256);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .text-12 {
    font-size: var(--text-12);
  }
  .text-14 {
    font-size: var(--text-14);
  }
  .text-16 {
    font-size: var(--text-16);
  }
  .text-18 {
    font-size: var(--text-18);
  }
  .text-20 {
    font-size: var(--text-20);
  }
  .text-22 {
    font-size: var(--text-22);
  }
  .text-24 {
    font-size: var(--text-24);
  }
  .text-28 {
    font-size: var(--text-28);
  }
  .text-32 {
    font-size: var(--text-32);
  }
  .text-36 {
    font-size: var(--text-36);
  }
  .text-40 {
    font-size: var(--text-40);
  }
  .text-44 {
    font-size: var(--text-44);
  }
  .text-48 {
    font-size: var(--text-48);
  }
  .text-56 {
    font-size: var(--text-56);
  }
  .text-64 {
    font-size: var(--text-64);
  }
  .text-72 {
    font-size: var(--text-72);
  }
  .text-80 {
    font-size: var(--text-80);
  }
  .text-96 {
    font-size: var(--text-96);
  }
  .text-112 {
    font-size: var(--text-112);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-black-100 {
    color: var(--color-black-100);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-brown-100 {
    color: var(--color-brown-100);
  }
  .text-brown-200 {
    color: var(--color-brown-200);
  }
  .text-ext-blue-100 {
    color: var(--color-ext-blue-100);
  }
  .text-ext-blue-200 {
    color: var(--color-ext-blue-200);
  }
  .text-ext-blue-300 {
    color: var(--color-ext-blue-300);
  }
  .text-ext-blue-400 {
    color: var(--color-ext-blue-400);
  }
  .text-ext-brown-100 {
    color: var(--color-ext-brown-100);
  }
  .text-ext-brown-200 {
    color: var(--color-ext-brown-200);
  }
  .text-ext-green-100 {
    color: var(--color-ext-green-100);
  }
  .text-ext-green-200 {
    color: var(--color-ext-green-200);
  }
  .text-ext-pink-100 {
    color: var(--color-ext-pink-100);
  }
  .text-ext-pink-200 {
    color: var(--color-ext-pink-200);
  }
  .text-ext-purple-100 {
    color: var(--color-ext-purple-100);
  }
  .text-ext-purple-200 {
    color: var(--color-ext-purple-200);
  }
  .text-ext-red-100 {
    color: var(--color-ext-red-100);
  }
  .text-ext-turq-100 {
    color: var(--color-ext-turq-100);
  }
  .text-ext-turq-200 {
    color: var(--color-ext-turq-200);
  }
  .text-ext-yellow-100 {
    color: var(--color-ext-yellow-100);
  }
  .text-ext-yellow-200 {
    color: var(--color-ext-yellow-200);
  }
  .text-green-100 {
    color: var(--color-green-100);
  }
  .text-green-200 {
    color: var(--color-green-200);
  }
  .text-green-300 {
    color: var(--color-green-300);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-grey-100 {
    color: var(--color-grey-100);
  }
  .text-grey-200 {
    color: var(--color-grey-200);
  }
  .text-grey-300 {
    color: var(--color-grey-300);
  }
  .text-grey-400 {
    color: var(--color-grey-400);
  }
  .text-grey-500 {
    color: var(--color-grey-500);
  }
  .text-grey-600 {
    color: var(--color-grey-600);
  }
  .text-pink-100 {
    color: var(--color-pink-100);
  }
  .text-pink-200 {
    color: var(--color-pink-200);
  }
  .text-purple-100 {
    color: var(--color-purple-100);
  }
  .text-purple-200 {
    color: var(--color-purple-200);
  }
  .text-red-100 {
    color: var(--color-red-100);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-state-error {
    color: var(--color-state-error);
  }
  .text-teal-100 {
    color: var(--color-teal-100);
  }
  .text-teal-200 {
    color: var(--color-teal-200);
  }
  .text-teal-300 {
    color: var(--color-teal-300);
  }
  .text-teal-400 {
    color: var(--color-teal-400);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-yellow-300 {
    color: var(--color-yellow-300);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .shadow-default {
    --tw-shadow: 0px 3px 6px 0px var(--tw-shadow-color, rgba(157, 164, 178, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-focus-within\:border-teal-100 {
    &:is(:where(.group):focus-within *) {
      border-color: var(--color-teal-100);
    }
  }
  .group-focus-within\:text-teal-100 {
    &:is(:where(.group):focus-within *) {
      color: var(--color-teal-100);
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:hidden {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .group-hover\:divide-black-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-black-100);
        }
      }
    }
  }
  .group-hover\:divide-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-100);
        }
      }
    }
  }
  .group-hover\:divide-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-200);
        }
      }
    }
  }
  .group-hover\:divide-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-300);
        }
      }
    }
  }
  .group-hover\:divide-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-400);
        }
      }
    }
  }
  .group-hover\:divide-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .group-hover\:divide-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-100);
        }
      }
    }
  }
  .group-hover\:divide-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-300);
        }
      }
    }
  }
  .group-hover\:divide-ext-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-400);
        }
      }
    }
  }
  .group-hover\:divide-ext-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-red-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-turq-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-turq-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-200);
        }
      }
    }
  }
  .group-hover\:divide-ext-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-100);
        }
      }
    }
  }
  .group-hover\:divide-ext-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-200);
        }
      }
    }
  }
  .group-hover\:divide-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-100);
        }
      }
    }
  }
  .group-hover\:divide-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-200);
        }
      }
    }
  }
  .group-hover\:divide-green-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-300);
        }
      }
    }
  }
  .group-hover\:divide-green-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-400);
        }
      }
    }
  }
  .group-hover\:divide-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-500);
        }
      }
    }
  }
  .group-hover\:divide-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-600);
        }
      }
    }
  }
  .group-hover\:divide-green-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-700);
        }
      }
    }
  }
  .group-hover\:divide-grey-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-100);
        }
      }
    }
  }
  .group-hover\:divide-grey-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-200);
        }
      }
    }
  }
  .group-hover\:divide-grey-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-300);
        }
      }
    }
  }
  .group-hover\:divide-grey-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-400);
        }
      }
    }
  }
  .group-hover\:divide-grey-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-500);
        }
      }
    }
  }
  .group-hover\:divide-grey-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-600);
        }
      }
    }
  }
  .group-hover\:divide-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-100);
        }
      }
    }
  }
  .group-hover\:divide-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-200);
        }
      }
    }
  }
  .group-hover\:divide-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-100);
        }
      }
    }
  }
  .group-hover\:divide-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-200);
        }
      }
    }
  }
  .group-hover\:divide-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-100);
        }
      }
    }
  }
  .group-hover\:divide-red-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-200);
        }
      }
    }
  }
  .group-hover\:divide-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-100);
        }
      }
    }
  }
  .group-hover\:divide-teal-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-200);
        }
      }
    }
  }
  .group-hover\:divide-teal-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-300);
        }
      }
    }
  }
  .group-hover\:divide-teal-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-400);
        }
      }
    }
  }
  .group-hover\:divide-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-500);
        }
      }
    }
  }
  .group-hover\:divide-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-100);
        }
      }
    }
  }
  .group-hover\:divide-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-200);
        }
      }
    }
  }
  .group-hover\:divide-yellow-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-300);
        }
      }
    }
  }
  .group-hover\:border-black-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-black-100);
      }
    }
  }
  .group-hover\:border-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .group-hover\:border-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .group-hover\:border-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .group-hover\:border-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .group-hover\:border-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:border-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-brown-100);
      }
    }
  }
  .group-hover\:border-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-brown-200);
      }
    }
  }
  .group-hover\:border-ext-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-100);
      }
    }
  }
  .group-hover\:border-ext-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-200);
      }
    }
  }
  .group-hover\:border-ext-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-300);
      }
    }
  }
  .group-hover\:border-ext-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-400);
      }
    }
  }
  .group-hover\:border-ext-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-100);
      }
    }
  }
  .group-hover\:border-ext-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-200);
      }
    }
  }
  .group-hover\:border-ext-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-green-100);
      }
    }
  }
  .group-hover\:border-ext-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-green-200);
      }
    }
  }
  .group-hover\:border-ext-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-100);
      }
    }
  }
  .group-hover\:border-ext-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-200);
      }
    }
  }
  .group-hover\:border-ext-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-100);
      }
    }
  }
  .group-hover\:border-ext-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-200);
      }
    }
  }
  .group-hover\:border-ext-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-red-100);
      }
    }
  }
  .group-hover\:border-ext-turq-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-100);
      }
    }
  }
  .group-hover\:border-ext-turq-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-200);
      }
    }
  }
  .group-hover\:border-ext-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-100);
      }
    }
  }
  .group-hover\:border-ext-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-200);
      }
    }
  }
  .group-hover\:border-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-100);
      }
    }
  }
  .group-hover\:border-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
  .group-hover\:border-green-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
  .group-hover\:border-green-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
  .group-hover\:border-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-500);
      }
    }
  }
  .group-hover\:border-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-600);
      }
    }
  }
  .group-hover\:border-green-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-700);
      }
    }
  }
  .group-hover\:border-grey-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-100);
      }
    }
  }
  .group-hover\:border-grey-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-200);
      }
    }
  }
  .group-hover\:border-grey-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-300);
      }
    }
  }
  .group-hover\:border-grey-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-400);
      }
    }
  }
  .group-hover\:border-grey-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-500);
      }
    }
  }
  .group-hover\:border-grey-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-grey-600);
      }
    }
  }
  .group-hover\:border-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .group-hover\:border-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .group-hover\:border-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .group-hover\:border-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .group-hover\:border-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-red-100);
      }
    }
  }
  .group-hover\:border-red-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .group-hover\:border-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .group-hover\:border-teal-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .group-hover\:border-teal-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .group-hover\:border-teal-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .group-hover\:border-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .group-hover\:border-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .group-hover\:border-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .group-hover\:border-yellow-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .group-hover\:bg-black-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-black-100);
      }
    }
  }
  .group-hover\:bg-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .group-hover\:bg-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .group-hover\:bg-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-300);
      }
    }
  }
  .group-hover\:bg-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .group-hover\:bg-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:bg-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-brown-100);
      }
    }
  }
  .group-hover\:bg-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-brown-200);
      }
    }
  }
  .group-hover\:bg-ext-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-100);
      }
    }
  }
  .group-hover\:bg-ext-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-200);
      }
    }
  }
  .group-hover\:bg-ext-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-300);
      }
    }
  }
  .group-hover\:bg-ext-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-400);
      }
    }
  }
  .group-hover\:bg-ext-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-100);
      }
    }
  }
  .group-hover\:bg-ext-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-200);
      }
    }
  }
  .group-hover\:bg-ext-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-green-100);
      }
    }
  }
  .group-hover\:bg-ext-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-green-200);
      }
    }
  }
  .group-hover\:bg-ext-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-100);
      }
    }
  }
  .group-hover\:bg-ext-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-200);
      }
    }
  }
  .group-hover\:bg-ext-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-100);
      }
    }
  }
  .group-hover\:bg-ext-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-200);
      }
    }
  }
  .group-hover\:bg-ext-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-red-100);
      }
    }
  }
  .group-hover\:bg-ext-turq-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-100);
      }
    }
  }
  .group-hover\:bg-ext-turq-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-200);
      }
    }
  }
  .group-hover\:bg-ext-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-100);
      }
    }
  }
  .group-hover\:bg-ext-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-200);
      }
    }
  }
  .group-hover\:bg-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .group-hover\:bg-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .group-hover\:bg-green-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-300);
      }
    }
  }
  .group-hover\:bg-green-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-400);
      }
    }
  }
  .group-hover\:bg-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .group-hover\:bg-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .group-hover\:bg-green-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .group-hover\:bg-grey-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-100);
      }
    }
  }
  .group-hover\:bg-grey-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-200);
      }
    }
  }
  .group-hover\:bg-grey-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-300);
      }
    }
  }
  .group-hover\:bg-grey-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-400);
      }
    }
  }
  .group-hover\:bg-grey-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-500);
      }
    }
  }
  .group-hover\:bg-grey-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey-600);
      }
    }
  }
  .group-hover\:bg-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .group-hover\:bg-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .group-hover\:bg-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .group-hover\:bg-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .group-hover\:bg-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .group-hover\:bg-red-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-red-200);
      }
    }
  }
  .group-hover\:bg-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .group-hover\:bg-teal-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .group-hover\:bg-teal-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-300);
      }
    }
  }
  .group-hover\:bg-teal-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-400);
      }
    }
  }
  .group-hover\:bg-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .group-hover\:bg-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-100);
      }
    }
  }
  .group-hover\:bg-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-200);
      }
    }
  }
  .group-hover\:bg-yellow-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-300);
      }
    }
  }
  .group-hover\:text-black-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-black-100);
      }
    }
  }
  .group-hover\:text-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-100);
      }
    }
  }
  .group-hover\:text-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-200);
      }
    }
  }
  .group-hover\:text-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .group-hover\:text-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .group-hover\:text-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:text-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-brown-100);
      }
    }
  }
  .group-hover\:text-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-brown-200);
      }
    }
  }
  .group-hover\:text-ext-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-100);
      }
    }
  }
  .group-hover\:text-ext-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-200);
      }
    }
  }
  .group-hover\:text-ext-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-300);
      }
    }
  }
  .group-hover\:text-ext-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-400);
      }
    }
  }
  .group-hover\:text-ext-brown-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-brown-100);
      }
    }
  }
  .group-hover\:text-ext-brown-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-brown-200);
      }
    }
  }
  .group-hover\:text-ext-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-green-100);
      }
    }
  }
  .group-hover\:text-ext-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-green-200);
      }
    }
  }
  .group-hover\:text-ext-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-pink-100);
      }
    }
  }
  .group-hover\:text-ext-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-pink-200);
      }
    }
  }
  .group-hover\:text-ext-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-purple-100);
      }
    }
  }
  .group-hover\:text-ext-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-purple-200);
      }
    }
  }
  .group-hover\:text-ext-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-red-100);
      }
    }
  }
  .group-hover\:text-ext-turq-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-turq-100);
      }
    }
  }
  .group-hover\:text-ext-turq-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-turq-200);
      }
    }
  }
  .group-hover\:text-ext-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-yellow-100);
      }
    }
  }
  .group-hover\:text-ext-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-ext-yellow-200);
      }
    }
  }
  .group-hover\:text-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-100);
      }
    }
  }
  .group-hover\:text-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-200);
      }
    }
  }
  .group-hover\:text-green-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-300);
      }
    }
  }
  .group-hover\:text-green-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .group-hover\:text-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .group-hover\:text-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .group-hover\:text-green-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-700);
      }
    }
  }
  .group-hover\:text-grey-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-100);
      }
    }
  }
  .group-hover\:text-grey-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-200);
      }
    }
  }
  .group-hover\:text-grey-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-300);
      }
    }
  }
  .group-hover\:text-grey-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-400);
      }
    }
  }
  .group-hover\:text-grey-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-500);
      }
    }
  }
  .group-hover\:text-grey-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey-600);
      }
    }
  }
  .group-hover\:text-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-pink-100);
      }
    }
  }
  .group-hover\:text-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-pink-200);
      }
    }
  }
  .group-hover\:text-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-100);
      }
    }
  }
  .group-hover\:text-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-200);
      }
    }
  }
  .group-hover\:text-red-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-100);
      }
    }
  }
  .group-hover\:text-red-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-200);
      }
    }
  }
  .group-hover\:text-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-100);
      }
    }
  }
  .group-hover\:text-teal-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-200);
      }
    }
  }
  .group-hover\:text-teal-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-300);
      }
    }
  }
  .group-hover\:text-teal-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-400);
      }
    }
  }
  .group-hover\:text-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .group-hover\:text-yellow-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-yellow-100);
      }
    }
  }
  .group-hover\:text-yellow-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-yellow-200);
      }
    }
  }
  .group-hover\:text-yellow-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-yellow-300);
      }
    }
  }
  .group-focus\:border-teal-100 {
    &:is(:where(.group):focus *) {
      border-color: var(--color-teal-100);
    }
  }
  .group-focus\:ring-2 {
    &:is(:where(.group):focus *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-focus\:ring-teal-100 {
    &:is(:where(.group):focus *) {
      --tw-ring-color: var(--color-teal-100);
    }
  }
  .group-focus\:ring-offset-2 {
    &:is(:where(.group):focus *) {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .peer-hover\:block {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .peer-hover\:hidden {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .peer-hover\:divide-black-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-black-100);
        }
      }
    }
  }
  .peer-hover\:divide-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-100);
        }
      }
    }
  }
  .peer-hover\:divide-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-200);
        }
      }
    }
  }
  .peer-hover\:divide-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-300);
        }
      }
    }
  }
  .peer-hover\:divide-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-400);
        }
      }
    }
  }
  .peer-hover\:divide-blue-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .peer-hover\:divide-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-100);
        }
      }
    }
  }
  .peer-hover\:divide-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-300);
        }
      }
    }
  }
  .peer-hover\:divide-ext-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-400);
        }
      }
    }
  }
  .peer-hover\:divide-ext-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-red-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-turq-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-turq-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-200);
        }
      }
    }
  }
  .peer-hover\:divide-ext-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-100);
        }
      }
    }
  }
  .peer-hover\:divide-ext-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-200);
        }
      }
    }
  }
  .peer-hover\:divide-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-100);
        }
      }
    }
  }
  .peer-hover\:divide-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-200);
        }
      }
    }
  }
  .peer-hover\:divide-green-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-300);
        }
      }
    }
  }
  .peer-hover\:divide-green-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-400);
        }
      }
    }
  }
  .peer-hover\:divide-green-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-500);
        }
      }
    }
  }
  .peer-hover\:divide-green-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-600);
        }
      }
    }
  }
  .peer-hover\:divide-green-700 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-700);
        }
      }
    }
  }
  .peer-hover\:divide-grey-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-100);
        }
      }
    }
  }
  .peer-hover\:divide-grey-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-200);
        }
      }
    }
  }
  .peer-hover\:divide-grey-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-300);
        }
      }
    }
  }
  .peer-hover\:divide-grey-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-400);
        }
      }
    }
  }
  .peer-hover\:divide-grey-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-500);
        }
      }
    }
  }
  .peer-hover\:divide-grey-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-600);
        }
      }
    }
  }
  .peer-hover\:divide-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-100);
        }
      }
    }
  }
  .peer-hover\:divide-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-200);
        }
      }
    }
  }
  .peer-hover\:divide-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-100);
        }
      }
    }
  }
  .peer-hover\:divide-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-200);
        }
      }
    }
  }
  .peer-hover\:divide-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-100);
        }
      }
    }
  }
  .peer-hover\:divide-red-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-200);
        }
      }
    }
  }
  .peer-hover\:divide-teal-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-100);
        }
      }
    }
  }
  .peer-hover\:divide-teal-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-200);
        }
      }
    }
  }
  .peer-hover\:divide-teal-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-300);
        }
      }
    }
  }
  .peer-hover\:divide-teal-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-400);
        }
      }
    }
  }
  .peer-hover\:divide-teal-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-500);
        }
      }
    }
  }
  .peer-hover\:divide-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-100);
        }
      }
    }
  }
  .peer-hover\:divide-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-200);
        }
      }
    }
  }
  .peer-hover\:divide-yellow-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-300);
        }
      }
    }
  }
  .peer-hover\:border-black-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-black-100);
      }
    }
  }
  .peer-hover\:border-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .peer-hover\:border-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .peer-hover\:border-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .peer-hover\:border-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .peer-hover\:border-blue-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .peer-hover\:border-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-brown-100);
      }
    }
  }
  .peer-hover\:border-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-brown-200);
      }
    }
  }
  .peer-hover\:border-ext-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-100);
      }
    }
  }
  .peer-hover\:border-ext-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-200);
      }
    }
  }
  .peer-hover\:border-ext-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-300);
      }
    }
  }
  .peer-hover\:border-ext-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-400);
      }
    }
  }
  .peer-hover\:border-ext-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-100);
      }
    }
  }
  .peer-hover\:border-ext-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-200);
      }
    }
  }
  .peer-hover\:border-ext-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-green-100);
      }
    }
  }
  .peer-hover\:border-ext-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-green-200);
      }
    }
  }
  .peer-hover\:border-ext-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-100);
      }
    }
  }
  .peer-hover\:border-ext-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-200);
      }
    }
  }
  .peer-hover\:border-ext-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-100);
      }
    }
  }
  .peer-hover\:border-ext-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-200);
      }
    }
  }
  .peer-hover\:border-ext-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-red-100);
      }
    }
  }
  .peer-hover\:border-ext-turq-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-100);
      }
    }
  }
  .peer-hover\:border-ext-turq-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-200);
      }
    }
  }
  .peer-hover\:border-ext-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-100);
      }
    }
  }
  .peer-hover\:border-ext-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-200);
      }
    }
  }
  .peer-hover\:border-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-100);
      }
    }
  }
  .peer-hover\:border-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
  .peer-hover\:border-green-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
  .peer-hover\:border-green-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
  .peer-hover\:border-green-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-500);
      }
    }
  }
  .peer-hover\:border-green-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-600);
      }
    }
  }
  .peer-hover\:border-green-700 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-green-700);
      }
    }
  }
  .peer-hover\:border-grey-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-100);
      }
    }
  }
  .peer-hover\:border-grey-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-200);
      }
    }
  }
  .peer-hover\:border-grey-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-300);
      }
    }
  }
  .peer-hover\:border-grey-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-400);
      }
    }
  }
  .peer-hover\:border-grey-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-500);
      }
    }
  }
  .peer-hover\:border-grey-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-grey-600);
      }
    }
  }
  .peer-hover\:border-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .peer-hover\:border-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .peer-hover\:border-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .peer-hover\:border-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .peer-hover\:border-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-red-100);
      }
    }
  }
  .peer-hover\:border-red-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .peer-hover\:border-teal-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .peer-hover\:border-teal-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .peer-hover\:border-teal-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .peer-hover\:border-teal-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .peer-hover\:border-teal-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .peer-hover\:border-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .peer-hover\:border-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .peer-hover\:border-yellow-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .peer-hover\:bg-black-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-black-100);
      }
    }
  }
  .peer-hover\:bg-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .peer-hover\:bg-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .peer-hover\:bg-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-blue-300);
      }
    }
  }
  .peer-hover\:bg-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .peer-hover\:bg-blue-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .peer-hover\:bg-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-brown-100);
      }
    }
  }
  .peer-hover\:bg-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-brown-200);
      }
    }
  }
  .peer-hover\:bg-ext-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-100);
      }
    }
  }
  .peer-hover\:bg-ext-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-200);
      }
    }
  }
  .peer-hover\:bg-ext-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-300);
      }
    }
  }
  .peer-hover\:bg-ext-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-400);
      }
    }
  }
  .peer-hover\:bg-ext-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-100);
      }
    }
  }
  .peer-hover\:bg-ext-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-200);
      }
    }
  }
  .peer-hover\:bg-ext-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-green-100);
      }
    }
  }
  .peer-hover\:bg-ext-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-green-200);
      }
    }
  }
  .peer-hover\:bg-ext-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-100);
      }
    }
  }
  .peer-hover\:bg-ext-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-200);
      }
    }
  }
  .peer-hover\:bg-ext-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-100);
      }
    }
  }
  .peer-hover\:bg-ext-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-200);
      }
    }
  }
  .peer-hover\:bg-ext-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-red-100);
      }
    }
  }
  .peer-hover\:bg-ext-turq-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-100);
      }
    }
  }
  .peer-hover\:bg-ext-turq-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-200);
      }
    }
  }
  .peer-hover\:bg-ext-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-100);
      }
    }
  }
  .peer-hover\:bg-ext-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-200);
      }
    }
  }
  .peer-hover\:bg-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .peer-hover\:bg-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .peer-hover\:bg-green-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-300);
      }
    }
  }
  .peer-hover\:bg-green-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-400);
      }
    }
  }
  .peer-hover\:bg-green-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .peer-hover\:bg-green-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .peer-hover\:bg-green-700 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .peer-hover\:bg-grey-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-100);
      }
    }
  }
  .peer-hover\:bg-grey-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-200);
      }
    }
  }
  .peer-hover\:bg-grey-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-300);
      }
    }
  }
  .peer-hover\:bg-grey-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-400);
      }
    }
  }
  .peer-hover\:bg-grey-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-500);
      }
    }
  }
  .peer-hover\:bg-grey-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-grey-600);
      }
    }
  }
  .peer-hover\:bg-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .peer-hover\:bg-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .peer-hover\:bg-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .peer-hover\:bg-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .peer-hover\:bg-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .peer-hover\:bg-red-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-red-200);
      }
    }
  }
  .peer-hover\:bg-teal-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .peer-hover\:bg-teal-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .peer-hover\:bg-teal-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-teal-300);
      }
    }
  }
  .peer-hover\:bg-teal-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-teal-400);
      }
    }
  }
  .peer-hover\:bg-teal-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .peer-hover\:bg-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-100);
      }
    }
  }
  .peer-hover\:bg-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-200);
      }
    }
  }
  .peer-hover\:bg-yellow-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-300);
      }
    }
  }
  .peer-hover\:text-12 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-12);
      }
    }
  }
  .peer-hover\:text-14 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-14);
      }
    }
  }
  .peer-hover\:text-16 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-16);
      }
    }
  }
  .peer-hover\:text-18 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-18);
      }
    }
  }
  .peer-hover\:text-20 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-20);
      }
    }
  }
  .peer-hover\:text-22 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-22);
      }
    }
  }
  .peer-hover\:text-24 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-24);
      }
    }
  }
  .peer-hover\:text-28 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-28);
      }
    }
  }
  .peer-hover\:text-32 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-32);
      }
    }
  }
  .peer-hover\:text-36 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-36);
      }
    }
  }
  .peer-hover\:text-40 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-40);
      }
    }
  }
  .peer-hover\:text-44 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-44);
      }
    }
  }
  .peer-hover\:text-48 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-48);
      }
    }
  }
  .peer-hover\:text-56 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-56);
      }
    }
  }
  .peer-hover\:text-64 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-64);
      }
    }
  }
  .peer-hover\:text-72 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-72);
      }
    }
  }
  .peer-hover\:text-80 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-80);
      }
    }
  }
  .peer-hover\:text-96 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-96);
      }
    }
  }
  .peer-hover\:text-112 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        font-size: var(--text-112);
      }
    }
  }
  .peer-hover\:text-black-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-black-100);
      }
    }
  }
  .peer-hover\:text-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-blue-100);
      }
    }
  }
  .peer-hover\:text-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-blue-200);
      }
    }
  }
  .peer-hover\:text-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .peer-hover\:text-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .peer-hover\:text-blue-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .peer-hover\:text-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-brown-100);
      }
    }
  }
  .peer-hover\:text-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-brown-200);
      }
    }
  }
  .peer-hover\:text-ext-blue-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-100);
      }
    }
  }
  .peer-hover\:text-ext-blue-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-200);
      }
    }
  }
  .peer-hover\:text-ext-blue-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-300);
      }
    }
  }
  .peer-hover\:text-ext-blue-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-blue-400);
      }
    }
  }
  .peer-hover\:text-ext-brown-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-brown-100);
      }
    }
  }
  .peer-hover\:text-ext-brown-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-brown-200);
      }
    }
  }
  .peer-hover\:text-ext-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-green-100);
      }
    }
  }
  .peer-hover\:text-ext-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-green-200);
      }
    }
  }
  .peer-hover\:text-ext-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-pink-100);
      }
    }
  }
  .peer-hover\:text-ext-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-pink-200);
      }
    }
  }
  .peer-hover\:text-ext-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-purple-100);
      }
    }
  }
  .peer-hover\:text-ext-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-purple-200);
      }
    }
  }
  .peer-hover\:text-ext-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-red-100);
      }
    }
  }
  .peer-hover\:text-ext-turq-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-turq-100);
      }
    }
  }
  .peer-hover\:text-ext-turq-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-turq-200);
      }
    }
  }
  .peer-hover\:text-ext-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-yellow-100);
      }
    }
  }
  .peer-hover\:text-ext-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-ext-yellow-200);
      }
    }
  }
  .peer-hover\:text-green-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-100);
      }
    }
  }
  .peer-hover\:text-green-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-200);
      }
    }
  }
  .peer-hover\:text-green-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-300);
      }
    }
  }
  .peer-hover\:text-green-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .peer-hover\:text-green-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .peer-hover\:text-green-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .peer-hover\:text-green-700 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-green-700);
      }
    }
  }
  .peer-hover\:text-grey-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-100);
      }
    }
  }
  .peer-hover\:text-grey-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-200);
      }
    }
  }
  .peer-hover\:text-grey-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-300);
      }
    }
  }
  .peer-hover\:text-grey-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-400);
      }
    }
  }
  .peer-hover\:text-grey-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-500);
      }
    }
  }
  .peer-hover\:text-grey-600 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-grey-600);
      }
    }
  }
  .peer-hover\:text-pink-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-pink-100);
      }
    }
  }
  .peer-hover\:text-pink-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-pink-200);
      }
    }
  }
  .peer-hover\:text-purple-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-purple-100);
      }
    }
  }
  .peer-hover\:text-purple-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-purple-200);
      }
    }
  }
  .peer-hover\:text-red-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-red-100);
      }
    }
  }
  .peer-hover\:text-red-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-red-200);
      }
    }
  }
  .peer-hover\:text-teal-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-teal-100);
      }
    }
  }
  .peer-hover\:text-teal-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-teal-200);
      }
    }
  }
  .peer-hover\:text-teal-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-teal-300);
      }
    }
  }
  .peer-hover\:text-teal-400 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-teal-400);
      }
    }
  }
  .peer-hover\:text-teal-500 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .peer-hover\:text-yellow-100 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-yellow-100);
      }
    }
  }
  .peer-hover\:text-yellow-200 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-yellow-200);
      }
    }
  }
  .peer-hover\:text-yellow-300 {
    &:is(:where(.peer):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-yellow-300);
      }
    }
  }
  .placeholder\:text-grey-500 {
    &::placeholder {
      color: var(--color-grey-500);
    }
  }
  .focus-within\:border-teal-100 {
    &:focus-within {
      border-color: var(--color-teal-100);
    }
  }
  .hover\:block {
    &:hover {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .hover\:hidden {
    &:hover {
      @media (hover: hover) {
        display: none;
      }
    }
  }
  .hover\:divide-black-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-black-100);
        }
      }
    }
  }
  .hover\:divide-blue-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-100);
        }
      }
    }
  }
  .hover\:divide-blue-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-200);
        }
      }
    }
  }
  .hover\:divide-blue-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-300);
        }
      }
    }
  }
  .hover\:divide-blue-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-400);
        }
      }
    }
  }
  .hover\:divide-blue-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .hover\:divide-brown-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-100);
        }
      }
    }
  }
  .hover\:divide-brown-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-brown-200);
        }
      }
    }
  }
  .hover\:divide-ext-blue-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-100);
        }
      }
    }
  }
  .hover\:divide-ext-blue-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-200);
        }
      }
    }
  }
  .hover\:divide-ext-blue-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-300);
        }
      }
    }
  }
  .hover\:divide-ext-blue-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-blue-400);
        }
      }
    }
  }
  .hover\:divide-ext-brown-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-100);
        }
      }
    }
  }
  .hover\:divide-ext-brown-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-brown-200);
        }
      }
    }
  }
  .hover\:divide-ext-green-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-100);
        }
      }
    }
  }
  .hover\:divide-ext-green-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-green-200);
        }
      }
    }
  }
  .hover\:divide-ext-pink-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-100);
        }
      }
    }
  }
  .hover\:divide-ext-pink-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-pink-200);
        }
      }
    }
  }
  .hover\:divide-ext-purple-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-100);
        }
      }
    }
  }
  .hover\:divide-ext-purple-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-purple-200);
        }
      }
    }
  }
  .hover\:divide-ext-red-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-red-100);
        }
      }
    }
  }
  .hover\:divide-ext-turq-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-100);
        }
      }
    }
  }
  .hover\:divide-ext-turq-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-turq-200);
        }
      }
    }
  }
  .hover\:divide-ext-yellow-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-100);
        }
      }
    }
  }
  .hover\:divide-ext-yellow-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-ext-yellow-200);
        }
      }
    }
  }
  .hover\:divide-green-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-100);
        }
      }
    }
  }
  .hover\:divide-green-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-200);
        }
      }
    }
  }
  .hover\:divide-green-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-300);
        }
      }
    }
  }
  .hover\:divide-green-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-400);
        }
      }
    }
  }
  .hover\:divide-green-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-500);
        }
      }
    }
  }
  .hover\:divide-green-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-600);
        }
      }
    }
  }
  .hover\:divide-green-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-700);
        }
      }
    }
  }
  .hover\:divide-grey-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-100);
        }
      }
    }
  }
  .hover\:divide-grey-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-200);
        }
      }
    }
  }
  .hover\:divide-grey-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-300);
        }
      }
    }
  }
  .hover\:divide-grey-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-400);
        }
      }
    }
  }
  .hover\:divide-grey-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-500);
        }
      }
    }
  }
  .hover\:divide-grey-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-grey-600);
        }
      }
    }
  }
  .hover\:divide-pink-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-100);
        }
      }
    }
  }
  .hover\:divide-pink-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-200);
        }
      }
    }
  }
  .hover\:divide-purple-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-100);
        }
      }
    }
  }
  .hover\:divide-purple-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-200);
        }
      }
    }
  }
  .hover\:divide-red-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-100);
        }
      }
    }
  }
  .hover\:divide-red-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-200);
        }
      }
    }
  }
  .hover\:divide-teal-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-100);
        }
      }
    }
  }
  .hover\:divide-teal-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-200);
        }
      }
    }
  }
  .hover\:divide-teal-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-300);
        }
      }
    }
  }
  .hover\:divide-teal-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-400);
        }
      }
    }
  }
  .hover\:divide-teal-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-500);
        }
      }
    }
  }
  .hover\:divide-yellow-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-100);
        }
      }
    }
  }
  .hover\:divide-yellow-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-200);
        }
      }
    }
  }
  .hover\:divide-yellow-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-300);
        }
      }
    }
  }
  .hover\:border-black-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black-100);
      }
    }
  }
  .hover\:border-blue-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .hover\:border-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .hover\:border-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-blue-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .hover\:border-brown-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brown-100);
      }
    }
  }
  .hover\:border-brown-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brown-200);
      }
    }
  }
  .hover\:border-ext-blue-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-100);
      }
    }
  }
  .hover\:border-ext-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-200);
      }
    }
  }
  .hover\:border-ext-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-300);
      }
    }
  }
  .hover\:border-ext-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-blue-400);
      }
    }
  }
  .hover\:border-ext-brown-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-100);
      }
    }
  }
  .hover\:border-ext-brown-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-brown-200);
      }
    }
  }
  .hover\:border-ext-green-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-green-100);
      }
    }
  }
  .hover\:border-ext-green-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-green-200);
      }
    }
  }
  .hover\:border-ext-pink-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-100);
      }
    }
  }
  .hover\:border-ext-pink-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-pink-200);
      }
    }
  }
  .hover\:border-ext-purple-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-100);
      }
    }
  }
  .hover\:border-ext-purple-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-purple-200);
      }
    }
  }
  .hover\:border-ext-red-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-red-100);
      }
    }
  }
  .hover\:border-ext-turq-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-100);
      }
    }
  }
  .hover\:border-ext-turq-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-turq-200);
      }
    }
  }
  .hover\:border-ext-yellow-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-100);
      }
    }
  }
  .hover\:border-ext-yellow-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-ext-yellow-200);
      }
    }
  }
  .hover\:border-green-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-100);
      }
    }
  }
  .hover\:border-green-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
  .hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
  .hover\:border-green-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
  .hover\:border-green-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-500);
      }
    }
  }
  .hover\:border-green-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-600);
      }
    }
  }
  .hover\:border-green-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-700);
      }
    }
  }
  .hover\:border-grey-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-100);
      }
    }
  }
  .hover\:border-grey-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-200);
      }
    }
  }
  .hover\:border-grey-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-300);
      }
    }
  }
  .hover\:border-grey-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-400);
      }
    }
  }
  .hover\:border-grey-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-500);
      }
    }
  }
  .hover\:border-grey-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-grey-600);
      }
    }
  }
  .hover\:border-pink-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .hover\:border-pink-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .hover\:border-purple-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .hover\:border-purple-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .hover\:border-red-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-100);
      }
    }
  }
  .hover\:border-red-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .hover\:border-teal-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .hover\:border-teal-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .hover\:border-teal-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .hover\:border-teal-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .hover\:border-teal-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .hover\:border-yellow-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:border-yellow-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:border-yellow-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:bg-black-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black-100);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .hover\:bg-blue-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-300);
      }
    }
  }
  .hover\:bg-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-brown-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brown-100);
      }
    }
  }
  .hover\:bg-brown-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brown-200);
      }
    }
  }
  .hover\:bg-ext-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-100);
      }
    }
  }
  .hover\:bg-ext-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-200);
      }
    }
  }
  .hover\:bg-ext-blue-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-300);
      }
    }
  }
  .hover\:bg-ext-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-blue-400);
      }
    }
  }
  .hover\:bg-ext-brown-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-100);
      }
    }
  }
  .hover\:bg-ext-brown-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-brown-200);
      }
    }
  }
  .hover\:bg-ext-green-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-green-100);
      }
    }
  }
  .hover\:bg-ext-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-green-200);
      }
    }
  }
  .hover\:bg-ext-pink-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-100);
      }
    }
  }
  .hover\:bg-ext-pink-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-pink-200);
      }
    }
  }
  .hover\:bg-ext-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-100);
      }
    }
  }
  .hover\:bg-ext-purple-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-purple-200);
      }
    }
  }
  .hover\:bg-ext-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-red-100);
      }
    }
  }
  .hover\:bg-ext-turq-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-100);
      }
    }
  }
  .hover\:bg-ext-turq-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-turq-200);
      }
    }
  }
  .hover\:bg-ext-yellow-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-100);
      }
    }
  }
  .hover\:bg-ext-yellow-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ext-yellow-200);
      }
    }
  }
  .hover\:bg-green-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .hover\:bg-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .hover\:bg-green-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-300);
      }
    }
  }
  .hover\:bg-green-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-400);
      }
    }
  }
  .hover\:bg-green-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-grey-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-100);
      }
    }
  }
  .hover\:bg-grey-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-200);
      }
    }
  }
  .hover\:bg-grey-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-300);
      }
    }
  }
  .hover\:bg-grey-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-400);
      }
    }
  }
  .hover\:bg-grey-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-500);
      }
    }
  }
  .hover\:bg-grey-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-600);
      }
    }
  }
  .hover\:bg-pink-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .hover\:bg-pink-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .hover\:bg-purple-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-200);
      }
    }
  }
  .hover\:bg-teal-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .hover\:bg-teal-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .hover\:bg-teal-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-300);
      }
    }
  }
  .hover\:bg-teal-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-400);
      }
    }
  }
  .hover\:bg-teal-400\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #80c6c3 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .hover\:bg-yellow-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:bg-yellow-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:bg-yellow-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:text-12 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-12);
      }
    }
  }
  .hover\:text-14 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-14);
      }
    }
  }
  .hover\:text-16 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-16);
      }
    }
  }
  .hover\:text-18 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-18);
      }
    }
  }
  .hover\:text-20 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-20);
      }
    }
  }
  .hover\:text-22 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-22);
      }
    }
  }
  .hover\:text-24 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-24);
      }
    }
  }
  .hover\:text-28 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-28);
      }
    }
  }
  .hover\:text-32 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-32);
      }
    }
  }
  .hover\:text-36 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-36);
      }
    }
  }
  .hover\:text-40 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-40);
      }
    }
  }
  .hover\:text-44 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-44);
      }
    }
  }
  .hover\:text-48 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-48);
      }
    }
  }
  .hover\:text-56 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-56);
      }
    }
  }
  .hover\:text-64 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-64);
      }
    }
  }
  .hover\:text-72 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-72);
      }
    }
  }
  .hover\:text-80 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-80);
      }
    }
  }
  .hover\:text-96 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-96);
      }
    }
  }
  .hover\:text-112 {
    &:hover {
      @media (hover: hover) {
        font-size: var(--text-112);
      }
    }
  }
  .hover\:text-black-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black-100);
      }
    }
  }
  .hover\:text-blue-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-100);
      }
    }
  }
  .hover\:text-blue-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-200);
      }
    }
  }
  .hover\:text-blue-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .hover\:text-blue-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-brown-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brown-100);
      }
    }
  }
  .hover\:text-brown-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brown-200);
      }
    }
  }
  .hover\:text-ext-blue-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-blue-100);
      }
    }
  }
  .hover\:text-ext-blue-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-blue-200);
      }
    }
  }
  .hover\:text-ext-blue-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-blue-300);
      }
    }
  }
  .hover\:text-ext-blue-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-blue-400);
      }
    }
  }
  .hover\:text-ext-brown-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-brown-100);
      }
    }
  }
  .hover\:text-ext-brown-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-brown-200);
      }
    }
  }
  .hover\:text-ext-green-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-green-100);
      }
    }
  }
  .hover\:text-ext-green-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-green-200);
      }
    }
  }
  .hover\:text-ext-pink-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-pink-100);
      }
    }
  }
  .hover\:text-ext-pink-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-pink-200);
      }
    }
  }
  .hover\:text-ext-purple-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-purple-100);
      }
    }
  }
  .hover\:text-ext-purple-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-purple-200);
      }
    }
  }
  .hover\:text-ext-red-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-red-100);
      }
    }
  }
  .hover\:text-ext-turq-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-turq-100);
      }
    }
  }
  .hover\:text-ext-turq-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-turq-200);
      }
    }
  }
  .hover\:text-ext-yellow-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-yellow-100);
      }
    }
  }
  .hover\:text-ext-yellow-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-yellow-200);
      }
    }
  }
  .hover\:text-green-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-100);
      }
    }
  }
  .hover\:text-green-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-200);
      }
    }
  }
  .hover\:text-green-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-300);
      }
    }
  }
  .hover\:text-green-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .hover\:text-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .hover\:text-green-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .hover\:text-green-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-700);
      }
    }
  }
  .hover\:text-grey-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-100);
      }
    }
  }
  .hover\:text-grey-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-200);
      }
    }
  }
  .hover\:text-grey-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-300);
      }
    }
  }
  .hover\:text-grey-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-400);
      }
    }
  }
  .hover\:text-grey-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-500);
      }
    }
  }
  .hover\:text-grey-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey-600);
      }
    }
  }
  .hover\:text-pink-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-100);
      }
    }
  }
  .hover\:text-pink-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-200);
      }
    }
  }
  .hover\:text-purple-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-100);
      }
    }
  }
  .hover\:text-purple-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-200);
      }
    }
  }
  .hover\:text-red-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-100);
      }
    }
  }
  .hover\:text-red-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-200);
      }
    }
  }
  .hover\:text-teal-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-100);
      }
    }
  }
  .hover\:text-teal-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-200);
      }
    }
  }
  .hover\:text-teal-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-300);
      }
    }
  }
  .hover\:text-teal-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-400);
      }
    }
  }
  .hover\:text-teal-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .hover\:text-yellow-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-100);
      }
    }
  }
  .hover\:text-yellow-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-200);
      }
    }
  }
  .hover\:text-yellow-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-300);
      }
    }
  }
  .hover\:ring-1 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-grey-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-grey-200);
      }
    }
  }
  .focus\:border-teal-100 {
    &:focus {
      border-color: var(--color-teal-100);
    }
  }
  .focus\:bg-ext-blue-300 {
    &:focus {
      background-color: var(--color-ext-blue-300);
    }
  }
  .focus\:bg-teal-300 {
    &:focus {
      background-color: var(--color-teal-300);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-teal-500 {
    &:focus {
      --tw-ring-color: var(--color-teal-500);
    }
  }
  .focus\:ring-white {
    &:focus {
      --tw-ring-color: var(--color-white);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:ring-offset-teal-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-300);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-1 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-teal-100 {
    &:focus-visible {
      --tw-ring-color: var(--color-teal-100);
    }
  }
  .mobile\:inset-none {
    @media (width >= 380px) {
      inset: var(--spacing-none);
    }
  }
  .mobile\:m-1 {
    @media (width >= 380px) {
      margin: var(--spacing-1);
    }
  }
  .mobile\:m-2 {
    @media (width >= 380px) {
      margin: var(--spacing-2);
    }
  }
  .mobile\:m-4 {
    @media (width >= 380px) {
      margin: var(--spacing-4);
    }
  }
  .mobile\:m-6 {
    @media (width >= 380px) {
      margin: var(--spacing-6);
    }
  }
  .mobile\:m-8 {
    @media (width >= 380px) {
      margin: var(--spacing-8);
    }
  }
  .mobile\:m-12 {
    @media (width >= 380px) {
      margin: var(--spacing-12);
    }
  }
  .mobile\:m-14 {
    @media (width >= 380px) {
      margin: var(--spacing-14);
    }
  }
  .mobile\:m-16 {
    @media (width >= 380px) {
      margin: var(--spacing-16);
    }
  }
  .mobile\:m-18 {
    @media (width >= 380px) {
      margin: var(--spacing-18);
    }
  }
  .mobile\:m-20 {
    @media (width >= 380px) {
      margin: var(--spacing-20);
    }
  }
  .mobile\:m-22 {
    @media (width >= 380px) {
      margin: var(--spacing-22);
    }
  }
  .mobile\:m-24 {
    @media (width >= 380px) {
      margin: var(--spacing-24);
    }
  }
  .mobile\:m-26 {
    @media (width >= 380px) {
      margin: var(--spacing-26);
    }
  }
  .mobile\:m-28 {
    @media (width >= 380px) {
      margin: var(--spacing-28);
    }
  }
  .mobile\:m-32 {
    @media (width >= 380px) {
      margin: var(--spacing-32);
    }
  }
  .mobile\:m-34 {
    @media (width >= 380px) {
      margin: var(--spacing-34);
    }
  }
  .mobile\:m-36 {
    @media (width >= 380px) {
      margin: var(--spacing-36);
    }
  }
  .mobile\:m-38 {
    @media (width >= 380px) {
      margin: var(--spacing-38);
    }
  }
  .mobile\:m-40 {
    @media (width >= 380px) {
      margin: var(--spacing-40);
    }
  }
  .mobile\:m-42 {
    @media (width >= 380px) {
      margin: var(--spacing-42);
    }
  }
  .mobile\:m-44 {
    @media (width >= 380px) {
      margin: var(--spacing-44);
    }
  }
  .mobile\:m-48 {
    @media (width >= 380px) {
      margin: var(--spacing-48);
    }
  }
  .mobile\:m-52 {
    @media (width >= 380px) {
      margin: var(--spacing-52);
    }
  }
  .mobile\:m-56 {
    @media (width >= 380px) {
      margin: var(--spacing-56);
    }
  }
  .mobile\:m-60 {
    @media (width >= 380px) {
      margin: var(--spacing-60);
    }
  }
  .mobile\:m-64 {
    @media (width >= 380px) {
      margin: var(--spacing-64);
    }
  }
  .mobile\:m-68 {
    @media (width >= 380px) {
      margin: var(--spacing-68);
    }
  }
  .mobile\:m-72 {
    @media (width >= 380px) {
      margin: var(--spacing-72);
    }
  }
  .mobile\:m-76 {
    @media (width >= 380px) {
      margin: var(--spacing-76);
    }
  }
  .mobile\:m-80 {
    @media (width >= 380px) {
      margin: var(--spacing-80);
    }
  }
  .mobile\:m-84 {
    @media (width >= 380px) {
      margin: var(--spacing-84);
    }
  }
  .mobile\:m-88 {
    @media (width >= 380px) {
      margin: var(--spacing-88);
    }
  }
  .mobile\:m-92 {
    @media (width >= 380px) {
      margin: var(--spacing-92);
    }
  }
  .mobile\:m-96 {
    @media (width >= 380px) {
      margin: var(--spacing-96);
    }
  }
  .mobile\:m-104 {
    @media (width >= 380px) {
      margin: var(--spacing-104);
    }
  }
  .mobile\:m-112 {
    @media (width >= 380px) {
      margin: var(--spacing-112);
    }
  }
  .mobile\:m-120 {
    @media (width >= 380px) {
      margin: var(--spacing-120);
    }
  }
  .mobile\:m-128 {
    @media (width >= 380px) {
      margin: var(--spacing-128);
    }
  }
  .mobile\:m-136 {
    @media (width >= 380px) {
      margin: var(--spacing-136);
    }
  }
  .mobile\:m-144 {
    @media (width >= 380px) {
      margin: var(--spacing-144);
    }
  }
  .mobile\:m-152 {
    @media (width >= 380px) {
      margin: var(--spacing-152);
    }
  }
  .mobile\:m-160 {
    @media (width >= 380px) {
      margin: var(--spacing-160);
    }
  }
  .mobile\:m-176 {
    @media (width >= 380px) {
      margin: var(--spacing-176);
    }
  }
  .mobile\:m-192 {
    @media (width >= 380px) {
      margin: var(--spacing-192);
    }
  }
  .mobile\:m-208 {
    @media (width >= 380px) {
      margin: var(--spacing-208);
    }
  }
  .mobile\:m-224 {
    @media (width >= 380px) {
      margin: var(--spacing-224);
    }
  }
  .mobile\:m-240 {
    @media (width >= 380px) {
      margin: var(--spacing-240);
    }
  }
  .mobile\:m-256 {
    @media (width >= 380px) {
      margin: var(--spacing-256);
    }
  }
  .mobile\:mx-1 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-1);
    }
  }
  .mobile\:mx-2 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-2);
    }
  }
  .mobile\:mx-4 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-4);
    }
  }
  .mobile\:mx-6 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-6);
    }
  }
  .mobile\:mx-8 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-8);
    }
  }
  .mobile\:mx-12 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-12);
    }
  }
  .mobile\:mx-14 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-14);
    }
  }
  .mobile\:mx-16 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-16);
    }
  }
  .mobile\:mx-18 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-18);
    }
  }
  .mobile\:mx-20 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-20);
    }
  }
  .mobile\:mx-22 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-22);
    }
  }
  .mobile\:mx-24 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-24);
    }
  }
  .mobile\:mx-26 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-26);
    }
  }
  .mobile\:mx-28 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-28);
    }
  }
  .mobile\:mx-32 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-32);
    }
  }
  .mobile\:mx-34 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-34);
    }
  }
  .mobile\:mx-36 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-36);
    }
  }
  .mobile\:mx-38 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-38);
    }
  }
  .mobile\:mx-40 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-40);
    }
  }
  .mobile\:mx-42 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-42);
    }
  }
  .mobile\:mx-44 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-44);
    }
  }
  .mobile\:mx-48 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-48);
    }
  }
  .mobile\:mx-52 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-52);
    }
  }
  .mobile\:mx-56 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-56);
    }
  }
  .mobile\:mx-60 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-60);
    }
  }
  .mobile\:mx-64 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-64);
    }
  }
  .mobile\:mx-68 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-68);
    }
  }
  .mobile\:mx-72 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-72);
    }
  }
  .mobile\:mx-76 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-76);
    }
  }
  .mobile\:mx-80 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-80);
    }
  }
  .mobile\:mx-84 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-84);
    }
  }
  .mobile\:mx-88 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-88);
    }
  }
  .mobile\:mx-92 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-92);
    }
  }
  .mobile\:mx-96 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-96);
    }
  }
  .mobile\:mx-104 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-104);
    }
  }
  .mobile\:mx-112 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-112);
    }
  }
  .mobile\:mx-120 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-120);
    }
  }
  .mobile\:mx-128 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-128);
    }
  }
  .mobile\:mx-136 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-136);
    }
  }
  .mobile\:mx-144 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-144);
    }
  }
  .mobile\:mx-152 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-152);
    }
  }
  .mobile\:mx-160 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-160);
    }
  }
  .mobile\:mx-176 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-176);
    }
  }
  .mobile\:mx-192 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-192);
    }
  }
  .mobile\:mx-208 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-208);
    }
  }
  .mobile\:mx-224 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-224);
    }
  }
  .mobile\:mx-240 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-240);
    }
  }
  .mobile\:mx-256 {
    @media (width >= 380px) {
      margin-inline: var(--spacing-256);
    }
  }
  .mobile\:my-1 {
    @media (width >= 380px) {
      margin-block: var(--spacing-1);
    }
  }
  .mobile\:my-2 {
    @media (width >= 380px) {
      margin-block: var(--spacing-2);
    }
  }
  .mobile\:my-4 {
    @media (width >= 380px) {
      margin-block: var(--spacing-4);
    }
  }
  .mobile\:my-6 {
    @media (width >= 380px) {
      margin-block: var(--spacing-6);
    }
  }
  .mobile\:my-8 {
    @media (width >= 380px) {
      margin-block: var(--spacing-8);
    }
  }
  .mobile\:my-12 {
    @media (width >= 380px) {
      margin-block: var(--spacing-12);
    }
  }
  .mobile\:my-14 {
    @media (width >= 380px) {
      margin-block: var(--spacing-14);
    }
  }
  .mobile\:my-16 {
    @media (width >= 380px) {
      margin-block: var(--spacing-16);
    }
  }
  .mobile\:my-18 {
    @media (width >= 380px) {
      margin-block: var(--spacing-18);
    }
  }
  .mobile\:my-20 {
    @media (width >= 380px) {
      margin-block: var(--spacing-20);
    }
  }
  .mobile\:my-22 {
    @media (width >= 380px) {
      margin-block: var(--spacing-22);
    }
  }
  .mobile\:my-24 {
    @media (width >= 380px) {
      margin-block: var(--spacing-24);
    }
  }
  .mobile\:my-26 {
    @media (width >= 380px) {
      margin-block: var(--spacing-26);
    }
  }
  .mobile\:my-28 {
    @media (width >= 380px) {
      margin-block: var(--spacing-28);
    }
  }
  .mobile\:my-32 {
    @media (width >= 380px) {
      margin-block: var(--spacing-32);
    }
  }
  .mobile\:my-34 {
    @media (width >= 380px) {
      margin-block: var(--spacing-34);
    }
  }
  .mobile\:my-36 {
    @media (width >= 380px) {
      margin-block: var(--spacing-36);
    }
  }
  .mobile\:my-38 {
    @media (width >= 380px) {
      margin-block: var(--spacing-38);
    }
  }
  .mobile\:my-40 {
    @media (width >= 380px) {
      margin-block: var(--spacing-40);
    }
  }
  .mobile\:my-42 {
    @media (width >= 380px) {
      margin-block: var(--spacing-42);
    }
  }
  .mobile\:my-44 {
    @media (width >= 380px) {
      margin-block: var(--spacing-44);
    }
  }
  .mobile\:my-48 {
    @media (width >= 380px) {
      margin-block: var(--spacing-48);
    }
  }
  .mobile\:my-52 {
    @media (width >= 380px) {
      margin-block: var(--spacing-52);
    }
  }
  .mobile\:my-56 {
    @media (width >= 380px) {
      margin-block: var(--spacing-56);
    }
  }
  .mobile\:my-60 {
    @media (width >= 380px) {
      margin-block: var(--spacing-60);
    }
  }
  .mobile\:my-64 {
    @media (width >= 380px) {
      margin-block: var(--spacing-64);
    }
  }
  .mobile\:my-68 {
    @media (width >= 380px) {
      margin-block: var(--spacing-68);
    }
  }
  .mobile\:my-72 {
    @media (width >= 380px) {
      margin-block: var(--spacing-72);
    }
  }
  .mobile\:my-76 {
    @media (width >= 380px) {
      margin-block: var(--spacing-76);
    }
  }
  .mobile\:my-80 {
    @media (width >= 380px) {
      margin-block: var(--spacing-80);
    }
  }
  .mobile\:my-84 {
    @media (width >= 380px) {
      margin-block: var(--spacing-84);
    }
  }
  .mobile\:my-88 {
    @media (width >= 380px) {
      margin-block: var(--spacing-88);
    }
  }
  .mobile\:my-92 {
    @media (width >= 380px) {
      margin-block: var(--spacing-92);
    }
  }
  .mobile\:my-96 {
    @media (width >= 380px) {
      margin-block: var(--spacing-96);
    }
  }
  .mobile\:my-104 {
    @media (width >= 380px) {
      margin-block: var(--spacing-104);
    }
  }
  .mobile\:my-112 {
    @media (width >= 380px) {
      margin-block: var(--spacing-112);
    }
  }
  .mobile\:my-120 {
    @media (width >= 380px) {
      margin-block: var(--spacing-120);
    }
  }
  .mobile\:my-128 {
    @media (width >= 380px) {
      margin-block: var(--spacing-128);
    }
  }
  .mobile\:my-136 {
    @media (width >= 380px) {
      margin-block: var(--spacing-136);
    }
  }
  .mobile\:my-144 {
    @media (width >= 380px) {
      margin-block: var(--spacing-144);
    }
  }
  .mobile\:my-152 {
    @media (width >= 380px) {
      margin-block: var(--spacing-152);
    }
  }
  .mobile\:my-160 {
    @media (width >= 380px) {
      margin-block: var(--spacing-160);
    }
  }
  .mobile\:my-176 {
    @media (width >= 380px) {
      margin-block: var(--spacing-176);
    }
  }
  .mobile\:my-192 {
    @media (width >= 380px) {
      margin-block: var(--spacing-192);
    }
  }
  .mobile\:my-208 {
    @media (width >= 380px) {
      margin-block: var(--spacing-208);
    }
  }
  .mobile\:my-224 {
    @media (width >= 380px) {
      margin-block: var(--spacing-224);
    }
  }
  .mobile\:my-240 {
    @media (width >= 380px) {
      margin-block: var(--spacing-240);
    }
  }
  .mobile\:my-256 {
    @media (width >= 380px) {
      margin-block: var(--spacing-256);
    }
  }
  .mobile\:mt-1 {
    @media (width >= 380px) {
      margin-top: var(--spacing-1);
    }
  }
  .mobile\:mt-2 {
    @media (width >= 380px) {
      margin-top: var(--spacing-2);
    }
  }
  .mobile\:mt-4 {
    @media (width >= 380px) {
      margin-top: var(--spacing-4);
    }
  }
  .mobile\:mt-6 {
    @media (width >= 380px) {
      margin-top: var(--spacing-6);
    }
  }
  .mobile\:mt-8 {
    @media (width >= 380px) {
      margin-top: var(--spacing-8);
    }
  }
  .mobile\:mt-12 {
    @media (width >= 380px) {
      margin-top: var(--spacing-12);
    }
  }
  .mobile\:mt-14 {
    @media (width >= 380px) {
      margin-top: var(--spacing-14);
    }
  }
  .mobile\:mt-16 {
    @media (width >= 380px) {
      margin-top: var(--spacing-16);
    }
  }
  .mobile\:mt-18 {
    @media (width >= 380px) {
      margin-top: var(--spacing-18);
    }
  }
  .mobile\:mt-20 {
    @media (width >= 380px) {
      margin-top: var(--spacing-20);
    }
  }
  .mobile\:mt-22 {
    @media (width >= 380px) {
      margin-top: var(--spacing-22);
    }
  }
  .mobile\:mt-24 {
    @media (width >= 380px) {
      margin-top: var(--spacing-24);
    }
  }
  .mobile\:mt-26 {
    @media (width >= 380px) {
      margin-top: var(--spacing-26);
    }
  }
  .mobile\:mt-28 {
    @media (width >= 380px) {
      margin-top: var(--spacing-28);
    }
  }
  .mobile\:mt-32 {
    @media (width >= 380px) {
      margin-top: var(--spacing-32);
    }
  }
  .mobile\:mt-34 {
    @media (width >= 380px) {
      margin-top: var(--spacing-34);
    }
  }
  .mobile\:mt-36 {
    @media (width >= 380px) {
      margin-top: var(--spacing-36);
    }
  }
  .mobile\:mt-38 {
    @media (width >= 380px) {
      margin-top: var(--spacing-38);
    }
  }
  .mobile\:mt-40 {
    @media (width >= 380px) {
      margin-top: var(--spacing-40);
    }
  }
  .mobile\:mt-42 {
    @media (width >= 380px) {
      margin-top: var(--spacing-42);
    }
  }
  .mobile\:mt-44 {
    @media (width >= 380px) {
      margin-top: var(--spacing-44);
    }
  }
  .mobile\:mt-48 {
    @media (width >= 380px) {
      margin-top: var(--spacing-48);
    }
  }
  .mobile\:mt-52 {
    @media (width >= 380px) {
      margin-top: var(--spacing-52);
    }
  }
  .mobile\:mt-56 {
    @media (width >= 380px) {
      margin-top: var(--spacing-56);
    }
  }
  .mobile\:mt-60 {
    @media (width >= 380px) {
      margin-top: var(--spacing-60);
    }
  }
  .mobile\:mt-64 {
    @media (width >= 380px) {
      margin-top: var(--spacing-64);
    }
  }
  .mobile\:mt-68 {
    @media (width >= 380px) {
      margin-top: var(--spacing-68);
    }
  }
  .mobile\:mt-72 {
    @media (width >= 380px) {
      margin-top: var(--spacing-72);
    }
  }
  .mobile\:mt-76 {
    @media (width >= 380px) {
      margin-top: var(--spacing-76);
    }
  }
  .mobile\:mt-80 {
    @media (width >= 380px) {
      margin-top: var(--spacing-80);
    }
  }
  .mobile\:mt-84 {
    @media (width >= 380px) {
      margin-top: var(--spacing-84);
    }
  }
  .mobile\:mt-88 {
    @media (width >= 380px) {
      margin-top: var(--spacing-88);
    }
  }
  .mobile\:mt-92 {
    @media (width >= 380px) {
      margin-top: var(--spacing-92);
    }
  }
  .mobile\:mt-96 {
    @media (width >= 380px) {
      margin-top: var(--spacing-96);
    }
  }
  .mobile\:mt-104 {
    @media (width >= 380px) {
      margin-top: var(--spacing-104);
    }
  }
  .mobile\:mt-112 {
    @media (width >= 380px) {
      margin-top: var(--spacing-112);
    }
  }
  .mobile\:mt-120 {
    @media (width >= 380px) {
      margin-top: var(--spacing-120);
    }
  }
  .mobile\:mt-128 {
    @media (width >= 380px) {
      margin-top: var(--spacing-128);
    }
  }
  .mobile\:mt-136 {
    @media (width >= 380px) {
      margin-top: var(--spacing-136);
    }
  }
  .mobile\:mt-144 {
    @media (width >= 380px) {
      margin-top: var(--spacing-144);
    }
  }
  .mobile\:mt-152 {
    @media (width >= 380px) {
      margin-top: var(--spacing-152);
    }
  }
  .mobile\:mt-160 {
    @media (width >= 380px) {
      margin-top: var(--spacing-160);
    }
  }
  .mobile\:mt-176 {
    @media (width >= 380px) {
      margin-top: var(--spacing-176);
    }
  }
  .mobile\:mt-192 {
    @media (width >= 380px) {
      margin-top: var(--spacing-192);
    }
  }
  .mobile\:mt-208 {
    @media (width >= 380px) {
      margin-top: var(--spacing-208);
    }
  }
  .mobile\:mt-224 {
    @media (width >= 380px) {
      margin-top: var(--spacing-224);
    }
  }
  .mobile\:mt-240 {
    @media (width >= 380px) {
      margin-top: var(--spacing-240);
    }
  }
  .mobile\:mt-256 {
    @media (width >= 380px) {
      margin-top: var(--spacing-256);
    }
  }
  .mobile\:mr-1 {
    @media (width >= 380px) {
      margin-right: var(--spacing-1);
    }
  }
  .mobile\:mr-2 {
    @media (width >= 380px) {
      margin-right: var(--spacing-2);
    }
  }
  .mobile\:mr-4 {
    @media (width >= 380px) {
      margin-right: var(--spacing-4);
    }
  }
  .mobile\:mr-6 {
    @media (width >= 380px) {
      margin-right: var(--spacing-6);
    }
  }
  .mobile\:mr-8 {
    @media (width >= 380px) {
      margin-right: var(--spacing-8);
    }
  }
  .mobile\:mr-12 {
    @media (width >= 380px) {
      margin-right: var(--spacing-12);
    }
  }
  .mobile\:mr-14 {
    @media (width >= 380px) {
      margin-right: var(--spacing-14);
    }
  }
  .mobile\:mr-16 {
    @media (width >= 380px) {
      margin-right: var(--spacing-16);
    }
  }
  .mobile\:mr-18 {
    @media (width >= 380px) {
      margin-right: var(--spacing-18);
    }
  }
  .mobile\:mr-20 {
    @media (width >= 380px) {
      margin-right: var(--spacing-20);
    }
  }
  .mobile\:mr-22 {
    @media (width >= 380px) {
      margin-right: var(--spacing-22);
    }
  }
  .mobile\:mr-24 {
    @media (width >= 380px) {
      margin-right: var(--spacing-24);
    }
  }
  .mobile\:mr-26 {
    @media (width >= 380px) {
      margin-right: var(--spacing-26);
    }
  }
  .mobile\:mr-28 {
    @media (width >= 380px) {
      margin-right: var(--spacing-28);
    }
  }
  .mobile\:mr-32 {
    @media (width >= 380px) {
      margin-right: var(--spacing-32);
    }
  }
  .mobile\:mr-34 {
    @media (width >= 380px) {
      margin-right: var(--spacing-34);
    }
  }
  .mobile\:mr-36 {
    @media (width >= 380px) {
      margin-right: var(--spacing-36);
    }
  }
  .mobile\:mr-38 {
    @media (width >= 380px) {
      margin-right: var(--spacing-38);
    }
  }
  .mobile\:mr-40 {
    @media (width >= 380px) {
      margin-right: var(--spacing-40);
    }
  }
  .mobile\:mr-42 {
    @media (width >= 380px) {
      margin-right: var(--spacing-42);
    }
  }
  .mobile\:mr-44 {
    @media (width >= 380px) {
      margin-right: var(--spacing-44);
    }
  }
  .mobile\:mr-48 {
    @media (width >= 380px) {
      margin-right: var(--spacing-48);
    }
  }
  .mobile\:mr-52 {
    @media (width >= 380px) {
      margin-right: var(--spacing-52);
    }
  }
  .mobile\:mr-56 {
    @media (width >= 380px) {
      margin-right: var(--spacing-56);
    }
  }
  .mobile\:mr-60 {
    @media (width >= 380px) {
      margin-right: var(--spacing-60);
    }
  }
  .mobile\:mr-64 {
    @media (width >= 380px) {
      margin-right: var(--spacing-64);
    }
  }
  .mobile\:mr-68 {
    @media (width >= 380px) {
      margin-right: var(--spacing-68);
    }
  }
  .mobile\:mr-72 {
    @media (width >= 380px) {
      margin-right: var(--spacing-72);
    }
  }
  .mobile\:mr-76 {
    @media (width >= 380px) {
      margin-right: var(--spacing-76);
    }
  }
  .mobile\:mr-80 {
    @media (width >= 380px) {
      margin-right: var(--spacing-80);
    }
  }
  .mobile\:mr-84 {
    @media (width >= 380px) {
      margin-right: var(--spacing-84);
    }
  }
  .mobile\:mr-88 {
    @media (width >= 380px) {
      margin-right: var(--spacing-88);
    }
  }
  .mobile\:mr-92 {
    @media (width >= 380px) {
      margin-right: var(--spacing-92);
    }
  }
  .mobile\:mr-96 {
    @media (width >= 380px) {
      margin-right: var(--spacing-96);
    }
  }
  .mobile\:mr-104 {
    @media (width >= 380px) {
      margin-right: var(--spacing-104);
    }
  }
  .mobile\:mr-112 {
    @media (width >= 380px) {
      margin-right: var(--spacing-112);
    }
  }
  .mobile\:mr-120 {
    @media (width >= 380px) {
      margin-right: var(--spacing-120);
    }
  }
  .mobile\:mr-128 {
    @media (width >= 380px) {
      margin-right: var(--spacing-128);
    }
  }
  .mobile\:mr-136 {
    @media (width >= 380px) {
      margin-right: var(--spacing-136);
    }
  }
  .mobile\:mr-144 {
    @media (width >= 380px) {
      margin-right: var(--spacing-144);
    }
  }
  .mobile\:mr-152 {
    @media (width >= 380px) {
      margin-right: var(--spacing-152);
    }
  }
  .mobile\:mr-160 {
    @media (width >= 380px) {
      margin-right: var(--spacing-160);
    }
  }
  .mobile\:mr-176 {
    @media (width >= 380px) {
      margin-right: var(--spacing-176);
    }
  }
  .mobile\:mr-192 {
    @media (width >= 380px) {
      margin-right: var(--spacing-192);
    }
  }
  .mobile\:mr-208 {
    @media (width >= 380px) {
      margin-right: var(--spacing-208);
    }
  }
  .mobile\:mr-224 {
    @media (width >= 380px) {
      margin-right: var(--spacing-224);
    }
  }
  .mobile\:mr-240 {
    @media (width >= 380px) {
      margin-right: var(--spacing-240);
    }
  }
  .mobile\:mr-256 {
    @media (width >= 380px) {
      margin-right: var(--spacing-256);
    }
  }
  .mobile\:mb-1 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-1);
    }
  }
  .mobile\:mb-2 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .mobile\:mb-4 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-4);
    }
  }
  .mobile\:mb-6 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .mobile\:mb-8 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-8);
    }
  }
  .mobile\:mb-12 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-12);
    }
  }
  .mobile\:mb-14 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-14);
    }
  }
  .mobile\:mb-16 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-16);
    }
  }
  .mobile\:mb-18 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-18);
    }
  }
  .mobile\:mb-20 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-20);
    }
  }
  .mobile\:mb-22 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-22);
    }
  }
  .mobile\:mb-24 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-24);
    }
  }
  .mobile\:mb-26 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-26);
    }
  }
  .mobile\:mb-28 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-28);
    }
  }
  .mobile\:mb-32 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-32);
    }
  }
  .mobile\:mb-34 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-34);
    }
  }
  .mobile\:mb-36 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-36);
    }
  }
  .mobile\:mb-38 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-38);
    }
  }
  .mobile\:mb-40 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-40);
    }
  }
  .mobile\:mb-42 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-42);
    }
  }
  .mobile\:mb-44 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-44);
    }
  }
  .mobile\:mb-48 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-48);
    }
  }
  .mobile\:mb-52 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-52);
    }
  }
  .mobile\:mb-56 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-56);
    }
  }
  .mobile\:mb-60 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-60);
    }
  }
  .mobile\:mb-64 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-64);
    }
  }
  .mobile\:mb-68 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-68);
    }
  }
  .mobile\:mb-72 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-72);
    }
  }
  .mobile\:mb-76 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-76);
    }
  }
  .mobile\:mb-80 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-80);
    }
  }
  .mobile\:mb-84 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-84);
    }
  }
  .mobile\:mb-88 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-88);
    }
  }
  .mobile\:mb-92 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-92);
    }
  }
  .mobile\:mb-96 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-96);
    }
  }
  .mobile\:mb-104 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-104);
    }
  }
  .mobile\:mb-112 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-112);
    }
  }
  .mobile\:mb-120 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-120);
    }
  }
  .mobile\:mb-128 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-128);
    }
  }
  .mobile\:mb-136 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-136);
    }
  }
  .mobile\:mb-144 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-144);
    }
  }
  .mobile\:mb-152 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-152);
    }
  }
  .mobile\:mb-160 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-160);
    }
  }
  .mobile\:mb-176 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-176);
    }
  }
  .mobile\:mb-192 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-192);
    }
  }
  .mobile\:mb-208 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-208);
    }
  }
  .mobile\:mb-224 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-224);
    }
  }
  .mobile\:mb-240 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-240);
    }
  }
  .mobile\:mb-256 {
    @media (width >= 380px) {
      margin-bottom: var(--spacing-256);
    }
  }
  .mobile\:ml-1 {
    @media (width >= 380px) {
      margin-left: var(--spacing-1);
    }
  }
  .mobile\:ml-2 {
    @media (width >= 380px) {
      margin-left: var(--spacing-2);
    }
  }
  .mobile\:ml-4 {
    @media (width >= 380px) {
      margin-left: var(--spacing-4);
    }
  }
  .mobile\:ml-6 {
    @media (width >= 380px) {
      margin-left: var(--spacing-6);
    }
  }
  .mobile\:ml-8 {
    @media (width >= 380px) {
      margin-left: var(--spacing-8);
    }
  }
  .mobile\:ml-12 {
    @media (width >= 380px) {
      margin-left: var(--spacing-12);
    }
  }
  .mobile\:ml-14 {
    @media (width >= 380px) {
      margin-left: var(--spacing-14);
    }
  }
  .mobile\:ml-16 {
    @media (width >= 380px) {
      margin-left: var(--spacing-16);
    }
  }
  .mobile\:ml-18 {
    @media (width >= 380px) {
      margin-left: var(--spacing-18);
    }
  }
  .mobile\:ml-20 {
    @media (width >= 380px) {
      margin-left: var(--spacing-20);
    }
  }
  .mobile\:ml-22 {
    @media (width >= 380px) {
      margin-left: var(--spacing-22);
    }
  }
  .mobile\:ml-24 {
    @media (width >= 380px) {
      margin-left: var(--spacing-24);
    }
  }
  .mobile\:ml-26 {
    @media (width >= 380px) {
      margin-left: var(--spacing-26);
    }
  }
  .mobile\:ml-28 {
    @media (width >= 380px) {
      margin-left: var(--spacing-28);
    }
  }
  .mobile\:ml-32 {
    @media (width >= 380px) {
      margin-left: var(--spacing-32);
    }
  }
  .mobile\:ml-34 {
    @media (width >= 380px) {
      margin-left: var(--spacing-34);
    }
  }
  .mobile\:ml-36 {
    @media (width >= 380px) {
      margin-left: var(--spacing-36);
    }
  }
  .mobile\:ml-38 {
    @media (width >= 380px) {
      margin-left: var(--spacing-38);
    }
  }
  .mobile\:ml-40 {
    @media (width >= 380px) {
      margin-left: var(--spacing-40);
    }
  }
  .mobile\:ml-42 {
    @media (width >= 380px) {
      margin-left: var(--spacing-42);
    }
  }
  .mobile\:ml-44 {
    @media (width >= 380px) {
      margin-left: var(--spacing-44);
    }
  }
  .mobile\:ml-48 {
    @media (width >= 380px) {
      margin-left: var(--spacing-48);
    }
  }
  .mobile\:ml-52 {
    @media (width >= 380px) {
      margin-left: var(--spacing-52);
    }
  }
  .mobile\:ml-56 {
    @media (width >= 380px) {
      margin-left: var(--spacing-56);
    }
  }
  .mobile\:ml-60 {
    @media (width >= 380px) {
      margin-left: var(--spacing-60);
    }
  }
  .mobile\:ml-64 {
    @media (width >= 380px) {
      margin-left: var(--spacing-64);
    }
  }
  .mobile\:ml-68 {
    @media (width >= 380px) {
      margin-left: var(--spacing-68);
    }
  }
  .mobile\:ml-72 {
    @media (width >= 380px) {
      margin-left: var(--spacing-72);
    }
  }
  .mobile\:ml-76 {
    @media (width >= 380px) {
      margin-left: var(--spacing-76);
    }
  }
  .mobile\:ml-80 {
    @media (width >= 380px) {
      margin-left: var(--spacing-80);
    }
  }
  .mobile\:ml-84 {
    @media (width >= 380px) {
      margin-left: var(--spacing-84);
    }
  }
  .mobile\:ml-88 {
    @media (width >= 380px) {
      margin-left: var(--spacing-88);
    }
  }
  .mobile\:ml-92 {
    @media (width >= 380px) {
      margin-left: var(--spacing-92);
    }
  }
  .mobile\:ml-96 {
    @media (width >= 380px) {
      margin-left: var(--spacing-96);
    }
  }
  .mobile\:ml-104 {
    @media (width >= 380px) {
      margin-left: var(--spacing-104);
    }
  }
  .mobile\:ml-112 {
    @media (width >= 380px) {
      margin-left: var(--spacing-112);
    }
  }
  .mobile\:ml-120 {
    @media (width >= 380px) {
      margin-left: var(--spacing-120);
    }
  }
  .mobile\:ml-128 {
    @media (width >= 380px) {
      margin-left: var(--spacing-128);
    }
  }
  .mobile\:ml-136 {
    @media (width >= 380px) {
      margin-left: var(--spacing-136);
    }
  }
  .mobile\:ml-144 {
    @media (width >= 380px) {
      margin-left: var(--spacing-144);
    }
  }
  .mobile\:ml-152 {
    @media (width >= 380px) {
      margin-left: var(--spacing-152);
    }
  }
  .mobile\:ml-160 {
    @media (width >= 380px) {
      margin-left: var(--spacing-160);
    }
  }
  .mobile\:ml-176 {
    @media (width >= 380px) {
      margin-left: var(--spacing-176);
    }
  }
  .mobile\:ml-192 {
    @media (width >= 380px) {
      margin-left: var(--spacing-192);
    }
  }
  .mobile\:ml-208 {
    @media (width >= 380px) {
      margin-left: var(--spacing-208);
    }
  }
  .mobile\:ml-224 {
    @media (width >= 380px) {
      margin-left: var(--spacing-224);
    }
  }
  .mobile\:ml-240 {
    @media (width >= 380px) {
      margin-left: var(--spacing-240);
    }
  }
  .mobile\:ml-256 {
    @media (width >= 380px) {
      margin-left: var(--spacing-256);
    }
  }
  .mobile\:block {
    @media (width >= 380px) {
      display: block;
    }
  }
  .mobile\:hidden {
    @media (width >= 380px) {
      display: none;
    }
  }
  .mobile\:h-none {
    @media (width >= 380px) {
      height: var(--spacing-none);
    }
  }
  .mobile\:max-h-1 {
    @media (width >= 380px) {
      max-height: var(--spacing-1);
    }
  }
  .mobile\:max-h-2 {
    @media (width >= 380px) {
      max-height: var(--spacing-2);
    }
  }
  .mobile\:max-h-4 {
    @media (width >= 380px) {
      max-height: var(--spacing-4);
    }
  }
  .mobile\:max-h-6 {
    @media (width >= 380px) {
      max-height: var(--spacing-6);
    }
  }
  .mobile\:max-h-8 {
    @media (width >= 380px) {
      max-height: var(--spacing-8);
    }
  }
  .mobile\:max-h-12 {
    @media (width >= 380px) {
      max-height: var(--spacing-12);
    }
  }
  .mobile\:max-h-14 {
    @media (width >= 380px) {
      max-height: var(--spacing-14);
    }
  }
  .mobile\:max-h-16 {
    @media (width >= 380px) {
      max-height: var(--spacing-16);
    }
  }
  .mobile\:max-h-18 {
    @media (width >= 380px) {
      max-height: var(--spacing-18);
    }
  }
  .mobile\:max-h-20 {
    @media (width >= 380px) {
      max-height: var(--spacing-20);
    }
  }
  .mobile\:max-h-22 {
    @media (width >= 380px) {
      max-height: var(--spacing-22);
    }
  }
  .mobile\:max-h-24 {
    @media (width >= 380px) {
      max-height: var(--spacing-24);
    }
  }
  .mobile\:max-h-26 {
    @media (width >= 380px) {
      max-height: var(--spacing-26);
    }
  }
  .mobile\:max-h-28 {
    @media (width >= 380px) {
      max-height: var(--spacing-28);
    }
  }
  .mobile\:max-h-32 {
    @media (width >= 380px) {
      max-height: var(--spacing-32);
    }
  }
  .mobile\:max-h-34 {
    @media (width >= 380px) {
      max-height: var(--spacing-34);
    }
  }
  .mobile\:max-h-36 {
    @media (width >= 380px) {
      max-height: var(--spacing-36);
    }
  }
  .mobile\:max-h-38 {
    @media (width >= 380px) {
      max-height: var(--spacing-38);
    }
  }
  .mobile\:max-h-40 {
    @media (width >= 380px) {
      max-height: var(--spacing-40);
    }
  }
  .mobile\:max-h-42 {
    @media (width >= 380px) {
      max-height: var(--spacing-42);
    }
  }
  .mobile\:max-h-44 {
    @media (width >= 380px) {
      max-height: var(--spacing-44);
    }
  }
  .mobile\:max-h-48 {
    @media (width >= 380px) {
      max-height: var(--spacing-48);
    }
  }
  .mobile\:max-h-52 {
    @media (width >= 380px) {
      max-height: var(--spacing-52);
    }
  }
  .mobile\:max-h-56 {
    @media (width >= 380px) {
      max-height: var(--spacing-56);
    }
  }
  .mobile\:max-h-60 {
    @media (width >= 380px) {
      max-height: var(--spacing-60);
    }
  }
  .mobile\:max-h-64 {
    @media (width >= 380px) {
      max-height: var(--spacing-64);
    }
  }
  .mobile\:max-h-68 {
    @media (width >= 380px) {
      max-height: var(--spacing-68);
    }
  }
  .mobile\:max-h-72 {
    @media (width >= 380px) {
      max-height: var(--spacing-72);
    }
  }
  .mobile\:max-h-76 {
    @media (width >= 380px) {
      max-height: var(--spacing-76);
    }
  }
  .mobile\:max-h-80 {
    @media (width >= 380px) {
      max-height: var(--spacing-80);
    }
  }
  .mobile\:max-h-84 {
    @media (width >= 380px) {
      max-height: var(--spacing-84);
    }
  }
  .mobile\:max-h-88 {
    @media (width >= 380px) {
      max-height: var(--spacing-88);
    }
  }
  .mobile\:max-h-92 {
    @media (width >= 380px) {
      max-height: var(--spacing-92);
    }
  }
  .mobile\:max-h-96 {
    @media (width >= 380px) {
      max-height: var(--spacing-96);
    }
  }
  .mobile\:max-h-104 {
    @media (width >= 380px) {
      max-height: var(--spacing-104);
    }
  }
  .mobile\:max-h-112 {
    @media (width >= 380px) {
      max-height: var(--spacing-112);
    }
  }
  .mobile\:max-h-120 {
    @media (width >= 380px) {
      max-height: var(--spacing-120);
    }
  }
  .mobile\:max-h-128 {
    @media (width >= 380px) {
      max-height: var(--spacing-128);
    }
  }
  .mobile\:max-h-136 {
    @media (width >= 380px) {
      max-height: var(--spacing-136);
    }
  }
  .mobile\:max-h-144 {
    @media (width >= 380px) {
      max-height: var(--spacing-144);
    }
  }
  .mobile\:max-h-152 {
    @media (width >= 380px) {
      max-height: var(--spacing-152);
    }
  }
  .mobile\:max-h-160 {
    @media (width >= 380px) {
      max-height: var(--spacing-160);
    }
  }
  .mobile\:max-h-176 {
    @media (width >= 380px) {
      max-height: var(--spacing-176);
    }
  }
  .mobile\:max-h-192 {
    @media (width >= 380px) {
      max-height: var(--spacing-192);
    }
  }
  .mobile\:max-h-208 {
    @media (width >= 380px) {
      max-height: var(--spacing-208);
    }
  }
  .mobile\:max-h-224 {
    @media (width >= 380px) {
      max-height: var(--spacing-224);
    }
  }
  .mobile\:max-h-240 {
    @media (width >= 380px) {
      max-height: var(--spacing-240);
    }
  }
  .mobile\:max-h-256 {
    @media (width >= 380px) {
      max-height: var(--spacing-256);
    }
  }
  .mobile\:min-h-1 {
    @media (width >= 380px) {
      min-height: var(--spacing-1);
    }
  }
  .mobile\:min-h-2 {
    @media (width >= 380px) {
      min-height: var(--spacing-2);
    }
  }
  .mobile\:min-h-4 {
    @media (width >= 380px) {
      min-height: var(--spacing-4);
    }
  }
  .mobile\:min-h-6 {
    @media (width >= 380px) {
      min-height: var(--spacing-6);
    }
  }
  .mobile\:min-h-8 {
    @media (width >= 380px) {
      min-height: var(--spacing-8);
    }
  }
  .mobile\:min-h-12 {
    @media (width >= 380px) {
      min-height: var(--spacing-12);
    }
  }
  .mobile\:min-h-14 {
    @media (width >= 380px) {
      min-height: var(--spacing-14);
    }
  }
  .mobile\:min-h-16 {
    @media (width >= 380px) {
      min-height: var(--spacing-16);
    }
  }
  .mobile\:min-h-18 {
    @media (width >= 380px) {
      min-height: var(--spacing-18);
    }
  }
  .mobile\:min-h-20 {
    @media (width >= 380px) {
      min-height: var(--spacing-20);
    }
  }
  .mobile\:min-h-22 {
    @media (width >= 380px) {
      min-height: var(--spacing-22);
    }
  }
  .mobile\:min-h-24 {
    @media (width >= 380px) {
      min-height: var(--spacing-24);
    }
  }
  .mobile\:min-h-26 {
    @media (width >= 380px) {
      min-height: var(--spacing-26);
    }
  }
  .mobile\:min-h-28 {
    @media (width >= 380px) {
      min-height: var(--spacing-28);
    }
  }
  .mobile\:min-h-32 {
    @media (width >= 380px) {
      min-height: var(--spacing-32);
    }
  }
  .mobile\:min-h-34 {
    @media (width >= 380px) {
      min-height: var(--spacing-34);
    }
  }
  .mobile\:min-h-36 {
    @media (width >= 380px) {
      min-height: var(--spacing-36);
    }
  }
  .mobile\:min-h-38 {
    @media (width >= 380px) {
      min-height: var(--spacing-38);
    }
  }
  .mobile\:min-h-40 {
    @media (width >= 380px) {
      min-height: var(--spacing-40);
    }
  }
  .mobile\:min-h-42 {
    @media (width >= 380px) {
      min-height: var(--spacing-42);
    }
  }
  .mobile\:min-h-44 {
    @media (width >= 380px) {
      min-height: var(--spacing-44);
    }
  }
  .mobile\:min-h-48 {
    @media (width >= 380px) {
      min-height: var(--spacing-48);
    }
  }
  .mobile\:min-h-52 {
    @media (width >= 380px) {
      min-height: var(--spacing-52);
    }
  }
  .mobile\:min-h-56 {
    @media (width >= 380px) {
      min-height: var(--spacing-56);
    }
  }
  .mobile\:min-h-60 {
    @media (width >= 380px) {
      min-height: var(--spacing-60);
    }
  }
  .mobile\:min-h-64 {
    @media (width >= 380px) {
      min-height: var(--spacing-64);
    }
  }
  .mobile\:min-h-68 {
    @media (width >= 380px) {
      min-height: var(--spacing-68);
    }
  }
  .mobile\:min-h-72 {
    @media (width >= 380px) {
      min-height: var(--spacing-72);
    }
  }
  .mobile\:min-h-76 {
    @media (width >= 380px) {
      min-height: var(--spacing-76);
    }
  }
  .mobile\:min-h-80 {
    @media (width >= 380px) {
      min-height: var(--spacing-80);
    }
  }
  .mobile\:min-h-84 {
    @media (width >= 380px) {
      min-height: var(--spacing-84);
    }
  }
  .mobile\:min-h-88 {
    @media (width >= 380px) {
      min-height: var(--spacing-88);
    }
  }
  .mobile\:min-h-92 {
    @media (width >= 380px) {
      min-height: var(--spacing-92);
    }
  }
  .mobile\:min-h-96 {
    @media (width >= 380px) {
      min-height: var(--spacing-96);
    }
  }
  .mobile\:min-h-104 {
    @media (width >= 380px) {
      min-height: var(--spacing-104);
    }
  }
  .mobile\:min-h-112 {
    @media (width >= 380px) {
      min-height: var(--spacing-112);
    }
  }
  .mobile\:min-h-120 {
    @media (width >= 380px) {
      min-height: var(--spacing-120);
    }
  }
  .mobile\:min-h-128 {
    @media (width >= 380px) {
      min-height: var(--spacing-128);
    }
  }
  .mobile\:min-h-136 {
    @media (width >= 380px) {
      min-height: var(--spacing-136);
    }
  }
  .mobile\:min-h-144 {
    @media (width >= 380px) {
      min-height: var(--spacing-144);
    }
  }
  .mobile\:min-h-152 {
    @media (width >= 380px) {
      min-height: var(--spacing-152);
    }
  }
  .mobile\:min-h-160 {
    @media (width >= 380px) {
      min-height: var(--spacing-160);
    }
  }
  .mobile\:min-h-176 {
    @media (width >= 380px) {
      min-height: var(--spacing-176);
    }
  }
  .mobile\:min-h-192 {
    @media (width >= 380px) {
      min-height: var(--spacing-192);
    }
  }
  .mobile\:min-h-208 {
    @media (width >= 380px) {
      min-height: var(--spacing-208);
    }
  }
  .mobile\:min-h-224 {
    @media (width >= 380px) {
      min-height: var(--spacing-224);
    }
  }
  .mobile\:min-h-240 {
    @media (width >= 380px) {
      min-height: var(--spacing-240);
    }
  }
  .mobile\:min-h-256 {
    @media (width >= 380px) {
      min-height: var(--spacing-256);
    }
  }
  .mobile\:w-none {
    @media (width >= 380px) {
      width: var(--spacing-none);
    }
  }
  .mobile\:max-w-1 {
    @media (width >= 380px) {
      max-width: var(--spacing-1);
    }
  }
  .mobile\:max-w-2 {
    @media (width >= 380px) {
      max-width: var(--spacing-2);
    }
  }
  .mobile\:max-w-4 {
    @media (width >= 380px) {
      max-width: var(--spacing-4);
    }
  }
  .mobile\:max-w-6 {
    @media (width >= 380px) {
      max-width: var(--spacing-6);
    }
  }
  .mobile\:max-w-8 {
    @media (width >= 380px) {
      max-width: var(--spacing-8);
    }
  }
  .mobile\:max-w-12 {
    @media (width >= 380px) {
      max-width: var(--spacing-12);
    }
  }
  .mobile\:max-w-14 {
    @media (width >= 380px) {
      max-width: var(--spacing-14);
    }
  }
  .mobile\:max-w-16 {
    @media (width >= 380px) {
      max-width: var(--spacing-16);
    }
  }
  .mobile\:max-w-18 {
    @media (width >= 380px) {
      max-width: var(--spacing-18);
    }
  }
  .mobile\:max-w-20 {
    @media (width >= 380px) {
      max-width: var(--spacing-20);
    }
  }
  .mobile\:max-w-22 {
    @media (width >= 380px) {
      max-width: var(--spacing-22);
    }
  }
  .mobile\:max-w-24 {
    @media (width >= 380px) {
      max-width: var(--spacing-24);
    }
  }
  .mobile\:max-w-26 {
    @media (width >= 380px) {
      max-width: var(--spacing-26);
    }
  }
  .mobile\:max-w-28 {
    @media (width >= 380px) {
      max-width: var(--spacing-28);
    }
  }
  .mobile\:max-w-32 {
    @media (width >= 380px) {
      max-width: var(--spacing-32);
    }
  }
  .mobile\:max-w-34 {
    @media (width >= 380px) {
      max-width: var(--spacing-34);
    }
  }
  .mobile\:max-w-36 {
    @media (width >= 380px) {
      max-width: var(--spacing-36);
    }
  }
  .mobile\:max-w-38 {
    @media (width >= 380px) {
      max-width: var(--spacing-38);
    }
  }
  .mobile\:max-w-40 {
    @media (width >= 380px) {
      max-width: var(--spacing-40);
    }
  }
  .mobile\:max-w-42 {
    @media (width >= 380px) {
      max-width: var(--spacing-42);
    }
  }
  .mobile\:max-w-44 {
    @media (width >= 380px) {
      max-width: var(--spacing-44);
    }
  }
  .mobile\:max-w-48 {
    @media (width >= 380px) {
      max-width: var(--spacing-48);
    }
  }
  .mobile\:max-w-52 {
    @media (width >= 380px) {
      max-width: var(--spacing-52);
    }
  }
  .mobile\:max-w-56 {
    @media (width >= 380px) {
      max-width: var(--spacing-56);
    }
  }
  .mobile\:max-w-60 {
    @media (width >= 380px) {
      max-width: var(--spacing-60);
    }
  }
  .mobile\:max-w-64 {
    @media (width >= 380px) {
      max-width: var(--spacing-64);
    }
  }
  .mobile\:max-w-68 {
    @media (width >= 380px) {
      max-width: var(--spacing-68);
    }
  }
  .mobile\:max-w-72 {
    @media (width >= 380px) {
      max-width: var(--spacing-72);
    }
  }
  .mobile\:max-w-76 {
    @media (width >= 380px) {
      max-width: var(--spacing-76);
    }
  }
  .mobile\:max-w-80 {
    @media (width >= 380px) {
      max-width: var(--spacing-80);
    }
  }
  .mobile\:max-w-84 {
    @media (width >= 380px) {
      max-width: var(--spacing-84);
    }
  }
  .mobile\:max-w-88 {
    @media (width >= 380px) {
      max-width: var(--spacing-88);
    }
  }
  .mobile\:max-w-92 {
    @media (width >= 380px) {
      max-width: var(--spacing-92);
    }
  }
  .mobile\:max-w-96 {
    @media (width >= 380px) {
      max-width: var(--spacing-96);
    }
  }
  .mobile\:max-w-104 {
    @media (width >= 380px) {
      max-width: var(--spacing-104);
    }
  }
  .mobile\:max-w-112 {
    @media (width >= 380px) {
      max-width: var(--spacing-112);
    }
  }
  .mobile\:max-w-120 {
    @media (width >= 380px) {
      max-width: var(--spacing-120);
    }
  }
  .mobile\:max-w-128 {
    @media (width >= 380px) {
      max-width: var(--spacing-128);
    }
  }
  .mobile\:max-w-136 {
    @media (width >= 380px) {
      max-width: var(--spacing-136);
    }
  }
  .mobile\:max-w-144 {
    @media (width >= 380px) {
      max-width: var(--spacing-144);
    }
  }
  .mobile\:max-w-152 {
    @media (width >= 380px) {
      max-width: var(--spacing-152);
    }
  }
  .mobile\:max-w-160 {
    @media (width >= 380px) {
      max-width: var(--spacing-160);
    }
  }
  .mobile\:max-w-176 {
    @media (width >= 380px) {
      max-width: var(--spacing-176);
    }
  }
  .mobile\:max-w-192 {
    @media (width >= 380px) {
      max-width: var(--spacing-192);
    }
  }
  .mobile\:max-w-208 {
    @media (width >= 380px) {
      max-width: var(--spacing-208);
    }
  }
  .mobile\:max-w-224 {
    @media (width >= 380px) {
      max-width: var(--spacing-224);
    }
  }
  .mobile\:max-w-240 {
    @media (width >= 380px) {
      max-width: var(--spacing-240);
    }
  }
  .mobile\:max-w-256 {
    @media (width >= 380px) {
      max-width: var(--spacing-256);
    }
  }
  .mobile\:min-w-1 {
    @media (width >= 380px) {
      min-width: var(--spacing-1);
    }
  }
  .mobile\:min-w-2 {
    @media (width >= 380px) {
      min-width: var(--spacing-2);
    }
  }
  .mobile\:min-w-4 {
    @media (width >= 380px) {
      min-width: var(--spacing-4);
    }
  }
  .mobile\:min-w-6 {
    @media (width >= 380px) {
      min-width: var(--spacing-6);
    }
  }
  .mobile\:min-w-8 {
    @media (width >= 380px) {
      min-width: var(--spacing-8);
    }
  }
  .mobile\:min-w-12 {
    @media (width >= 380px) {
      min-width: var(--spacing-12);
    }
  }
  .mobile\:min-w-14 {
    @media (width >= 380px) {
      min-width: var(--spacing-14);
    }
  }
  .mobile\:min-w-16 {
    @media (width >= 380px) {
      min-width: var(--spacing-16);
    }
  }
  .mobile\:min-w-18 {
    @media (width >= 380px) {
      min-width: var(--spacing-18);
    }
  }
  .mobile\:min-w-20 {
    @media (width >= 380px) {
      min-width: var(--spacing-20);
    }
  }
  .mobile\:min-w-22 {
    @media (width >= 380px) {
      min-width: var(--spacing-22);
    }
  }
  .mobile\:min-w-24 {
    @media (width >= 380px) {
      min-width: var(--spacing-24);
    }
  }
  .mobile\:min-w-26 {
    @media (width >= 380px) {
      min-width: var(--spacing-26);
    }
  }
  .mobile\:min-w-28 {
    @media (width >= 380px) {
      min-width: var(--spacing-28);
    }
  }
  .mobile\:min-w-32 {
    @media (width >= 380px) {
      min-width: var(--spacing-32);
    }
  }
  .mobile\:min-w-34 {
    @media (width >= 380px) {
      min-width: var(--spacing-34);
    }
  }
  .mobile\:min-w-36 {
    @media (width >= 380px) {
      min-width: var(--spacing-36);
    }
  }
  .mobile\:min-w-38 {
    @media (width >= 380px) {
      min-width: var(--spacing-38);
    }
  }
  .mobile\:min-w-40 {
    @media (width >= 380px) {
      min-width: var(--spacing-40);
    }
  }
  .mobile\:min-w-42 {
    @media (width >= 380px) {
      min-width: var(--spacing-42);
    }
  }
  .mobile\:min-w-44 {
    @media (width >= 380px) {
      min-width: var(--spacing-44);
    }
  }
  .mobile\:min-w-48 {
    @media (width >= 380px) {
      min-width: var(--spacing-48);
    }
  }
  .mobile\:min-w-52 {
    @media (width >= 380px) {
      min-width: var(--spacing-52);
    }
  }
  .mobile\:min-w-56 {
    @media (width >= 380px) {
      min-width: var(--spacing-56);
    }
  }
  .mobile\:min-w-60 {
    @media (width >= 380px) {
      min-width: var(--spacing-60);
    }
  }
  .mobile\:min-w-64 {
    @media (width >= 380px) {
      min-width: var(--spacing-64);
    }
  }
  .mobile\:min-w-68 {
    @media (width >= 380px) {
      min-width: var(--spacing-68);
    }
  }
  .mobile\:min-w-72 {
    @media (width >= 380px) {
      min-width: var(--spacing-72);
    }
  }
  .mobile\:min-w-76 {
    @media (width >= 380px) {
      min-width: var(--spacing-76);
    }
  }
  .mobile\:min-w-80 {
    @media (width >= 380px) {
      min-width: var(--spacing-80);
    }
  }
  .mobile\:min-w-84 {
    @media (width >= 380px) {
      min-width: var(--spacing-84);
    }
  }
  .mobile\:min-w-88 {
    @media (width >= 380px) {
      min-width: var(--spacing-88);
    }
  }
  .mobile\:min-w-92 {
    @media (width >= 380px) {
      min-width: var(--spacing-92);
    }
  }
  .mobile\:min-w-96 {
    @media (width >= 380px) {
      min-width: var(--spacing-96);
    }
  }
  .mobile\:min-w-104 {
    @media (width >= 380px) {
      min-width: var(--spacing-104);
    }
  }
  .mobile\:min-w-112 {
    @media (width >= 380px) {
      min-width: var(--spacing-112);
    }
  }
  .mobile\:min-w-120 {
    @media (width >= 380px) {
      min-width: var(--spacing-120);
    }
  }
  .mobile\:min-w-128 {
    @media (width >= 380px) {
      min-width: var(--spacing-128);
    }
  }
  .mobile\:min-w-136 {
    @media (width >= 380px) {
      min-width: var(--spacing-136);
    }
  }
  .mobile\:min-w-144 {
    @media (width >= 380px) {
      min-width: var(--spacing-144);
    }
  }
  .mobile\:min-w-152 {
    @media (width >= 380px) {
      min-width: var(--spacing-152);
    }
  }
  .mobile\:min-w-160 {
    @media (width >= 380px) {
      min-width: var(--spacing-160);
    }
  }
  .mobile\:min-w-176 {
    @media (width >= 380px) {
      min-width: var(--spacing-176);
    }
  }
  .mobile\:min-w-192 {
    @media (width >= 380px) {
      min-width: var(--spacing-192);
    }
  }
  .mobile\:min-w-208 {
    @media (width >= 380px) {
      min-width: var(--spacing-208);
    }
  }
  .mobile\:min-w-224 {
    @media (width >= 380px) {
      min-width: var(--spacing-224);
    }
  }
  .mobile\:min-w-240 {
    @media (width >= 380px) {
      min-width: var(--spacing-240);
    }
  }
  .mobile\:min-w-256 {
    @media (width >= 380px) {
      min-width: var(--spacing-256);
    }
  }
  .mobile\:flex-auto {
    @media (width >= 380px) {
      flex: auto;
    }
  }
  .mobile\:flex-initial {
    @media (width >= 380px) {
      flex: 0 auto;
    }
  }
  .mobile\:flex-none {
    @media (width >= 380px) {
      flex: none;
    }
  }
  .mobile\:grid-cols-1 {
    @media (width >= 380px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-2 {
    @media (width >= 380px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-3 {
    @media (width >= 380px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-4 {
    @media (width >= 380px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-5 {
    @media (width >= 380px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-6 {
    @media (width >= 380px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-7 {
    @media (width >= 380px) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-8 {
    @media (width >= 380px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-9 {
    @media (width >= 380px) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-10 {
    @media (width >= 380px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-11 {
    @media (width >= 380px) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .mobile\:grid-cols-12 {
    @media (width >= 380px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .mobile\:flex-nowrap {
    @media (width >= 380px) {
      flex-wrap: nowrap;
    }
  }
  .mobile\:flex-wrap {
    @media (width >= 380px) {
      flex-wrap: wrap;
    }
  }
  .mobile\:flex-wrap-reverse {
    @media (width >= 380px) {
      flex-wrap: wrap-reverse;
    }
  }
  .mobile\:place-content-around {
    @media (width >= 380px) {
      place-content: space-around;
    }
  }
  .mobile\:place-content-baseline {
    @media (width >= 380px) {
      place-content: baseline;
    }
  }
  .mobile\:place-content-between {
    @media (width >= 380px) {
      place-content: space-between;
    }
  }
  .mobile\:place-content-center {
    @media (width >= 380px) {
      place-content: center;
    }
  }
  .mobile\:place-content-center-safe {
    @media (width >= 380px) {
      place-content: safe center;
    }
  }
  .mobile\:place-content-end {
    @media (width >= 380px) {
      place-content: end;
    }
  }
  .mobile\:place-content-end-safe {
    @media (width >= 380px) {
      place-content: safe end;
    }
  }
  .mobile\:place-content-evenly {
    @media (width >= 380px) {
      place-content: space-evenly;
    }
  }
  .mobile\:place-content-start {
    @media (width >= 380px) {
      place-content: start;
    }
  }
  .mobile\:place-content-stretch {
    @media (width >= 380px) {
      place-content: stretch;
    }
  }
  .mobile\:content-around {
    @media (width >= 380px) {
      align-content: space-around;
    }
  }
  .mobile\:content-baseline {
    @media (width >= 380px) {
      align-content: baseline;
    }
  }
  .mobile\:content-between {
    @media (width >= 380px) {
      align-content: space-between;
    }
  }
  .mobile\:content-center {
    @media (width >= 380px) {
      align-content: center;
    }
  }
  .mobile\:content-center-safe {
    @media (width >= 380px) {
      align-content: safe center;
    }
  }
  .mobile\:content-end {
    @media (width >= 380px) {
      align-content: flex-end;
    }
  }
  .mobile\:content-end-safe {
    @media (width >= 380px) {
      align-content: safe flex-end;
    }
  }
  .mobile\:content-evenly {
    @media (width >= 380px) {
      align-content: space-evenly;
    }
  }
  .mobile\:content-normal {
    @media (width >= 380px) {
      align-content: normal;
    }
  }
  .mobile\:content-start {
    @media (width >= 380px) {
      align-content: flex-start;
    }
  }
  .mobile\:content-stretch {
    @media (width >= 380px) {
      align-content: stretch;
    }
  }
  .mobile\:items-baseline {
    @media (width >= 380px) {
      align-items: baseline;
    }
  }
  .mobile\:items-center {
    @media (width >= 380px) {
      align-items: center;
    }
  }
  .mobile\:items-center-safe {
    @media (width >= 380px) {
      align-items: safe center;
    }
  }
  .mobile\:items-end {
    @media (width >= 380px) {
      align-items: flex-end;
    }
  }
  .mobile\:items-end-safe {
    @media (width >= 380px) {
      align-items: safe flex-end;
    }
  }
  .mobile\:items-start {
    @media (width >= 380px) {
      align-items: flex-start;
    }
  }
  .mobile\:items-stretch {
    @media (width >= 380px) {
      align-items: stretch;
    }
  }
  .mobile\:justify-around {
    @media (width >= 380px) {
      justify-content: space-around;
    }
  }
  .mobile\:justify-baseline {
    @media (width >= 380px) {
      justify-content: baseline;
    }
  }
  .mobile\:justify-between {
    @media (width >= 380px) {
      justify-content: space-between;
    }
  }
  .mobile\:justify-center {
    @media (width >= 380px) {
      justify-content: center;
    }
  }
  .mobile\:justify-center-safe {
    @media (width >= 380px) {
      justify-content: safe center;
    }
  }
  .mobile\:justify-end {
    @media (width >= 380px) {
      justify-content: flex-end;
    }
  }
  .mobile\:justify-end-safe {
    @media (width >= 380px) {
      justify-content: safe flex-end;
    }
  }
  .mobile\:justify-evenly {
    @media (width >= 380px) {
      justify-content: space-evenly;
    }
  }
  .mobile\:justify-normal {
    @media (width >= 380px) {
      justify-content: normal;
    }
  }
  .mobile\:justify-start {
    @media (width >= 380px) {
      justify-content: flex-start;
    }
  }
  .mobile\:justify-stretch {
    @media (width >= 380px) {
      justify-content: stretch;
    }
  }
  .mobile\:justify-items-center {
    @media (width >= 380px) {
      justify-items: center;
    }
  }
  .mobile\:justify-items-center-safe {
    @media (width >= 380px) {
      justify-items: safe center;
    }
  }
  .mobile\:justify-items-end {
    @media (width >= 380px) {
      justify-items: end;
    }
  }
  .mobile\:justify-items-end-safe {
    @media (width >= 380px) {
      justify-items: safe end;
    }
  }
  .mobile\:justify-items-normal {
    @media (width >= 380px) {
      justify-items: normal;
    }
  }
  .mobile\:justify-items-start {
    @media (width >= 380px) {
      justify-items: start;
    }
  }
  .mobile\:justify-items-stretch {
    @media (width >= 380px) {
      justify-items: stretch;
    }
  }
  .mobile\:gap-20 {
    @media (width >= 380px) {
      gap: var(--spacing-20);
    }
  }
  .mobile\:gap-none {
    @media (width >= 380px) {
      gap: var(--spacing-none);
    }
  }
  .mobile\:self-auto {
    @media (width >= 380px) {
      align-self: auto;
    }
  }
  .mobile\:self-baseline {
    @media (width >= 380px) {
      align-self: baseline;
    }
  }
  .mobile\:self-center {
    @media (width >= 380px) {
      align-self: center;
    }
  }
  .mobile\:self-center-safe {
    @media (width >= 380px) {
      align-self: safe center;
    }
  }
  .mobile\:self-end {
    @media (width >= 380px) {
      align-self: flex-end;
    }
  }
  .mobile\:self-end-safe {
    @media (width >= 380px) {
      align-self: safe flex-end;
    }
  }
  .mobile\:self-start {
    @media (width >= 380px) {
      align-self: flex-start;
    }
  }
  .mobile\:self-stretch {
    @media (width >= 380px) {
      align-self: stretch;
    }
  }
  .mobile\:justify-self-auto {
    @media (width >= 380px) {
      justify-self: auto;
    }
  }
  .mobile\:justify-self-center {
    @media (width >= 380px) {
      justify-self: center;
    }
  }
  .mobile\:justify-self-center-safe {
    @media (width >= 380px) {
      justify-self: safe center;
    }
  }
  .mobile\:justify-self-end {
    @media (width >= 380px) {
      justify-self: flex-end;
    }
  }
  .mobile\:justify-self-end-safe {
    @media (width >= 380px) {
      justify-self: safe flex-end;
    }
  }
  .mobile\:justify-self-start {
    @media (width >= 380px) {
      justify-self: flex-start;
    }
  }
  .mobile\:justify-self-stretch {
    @media (width >= 380px) {
      justify-self: stretch;
    }
  }
  .mobile\:p-1 {
    @media (width >= 380px) {
      padding: var(--spacing-1);
    }
  }
  .mobile\:p-2 {
    @media (width >= 380px) {
      padding: var(--spacing-2);
    }
  }
  .mobile\:p-4 {
    @media (width >= 380px) {
      padding: var(--spacing-4);
    }
  }
  .mobile\:p-6 {
    @media (width >= 380px) {
      padding: var(--spacing-6);
    }
  }
  .mobile\:p-8 {
    @media (width >= 380px) {
      padding: var(--spacing-8);
    }
  }
  .mobile\:p-12 {
    @media (width >= 380px) {
      padding: var(--spacing-12);
    }
  }
  .mobile\:p-14 {
    @media (width >= 380px) {
      padding: var(--spacing-14);
    }
  }
  .mobile\:p-16 {
    @media (width >= 380px) {
      padding: var(--spacing-16);
    }
  }
  .mobile\:p-18 {
    @media (width >= 380px) {
      padding: var(--spacing-18);
    }
  }
  .mobile\:p-20 {
    @media (width >= 380px) {
      padding: var(--spacing-20);
    }
  }
  .mobile\:p-22 {
    @media (width >= 380px) {
      padding: var(--spacing-22);
    }
  }
  .mobile\:p-24 {
    @media (width >= 380px) {
      padding: var(--spacing-24);
    }
  }
  .mobile\:p-26 {
    @media (width >= 380px) {
      padding: var(--spacing-26);
    }
  }
  .mobile\:p-28 {
    @media (width >= 380px) {
      padding: var(--spacing-28);
    }
  }
  .mobile\:p-32 {
    @media (width >= 380px) {
      padding: var(--spacing-32);
    }
  }
  .mobile\:p-34 {
    @media (width >= 380px) {
      padding: var(--spacing-34);
    }
  }
  .mobile\:p-36 {
    @media (width >= 380px) {
      padding: var(--spacing-36);
    }
  }
  .mobile\:p-38 {
    @media (width >= 380px) {
      padding: var(--spacing-38);
    }
  }
  .mobile\:p-40 {
    @media (width >= 380px) {
      padding: var(--spacing-40);
    }
  }
  .mobile\:p-42 {
    @media (width >= 380px) {
      padding: var(--spacing-42);
    }
  }
  .mobile\:p-44 {
    @media (width >= 380px) {
      padding: var(--spacing-44);
    }
  }
  .mobile\:p-48 {
    @media (width >= 380px) {
      padding: var(--spacing-48);
    }
  }
  .mobile\:p-52 {
    @media (width >= 380px) {
      padding: var(--spacing-52);
    }
  }
  .mobile\:p-56 {
    @media (width >= 380px) {
      padding: var(--spacing-56);
    }
  }
  .mobile\:p-60 {
    @media (width >= 380px) {
      padding: var(--spacing-60);
    }
  }
  .mobile\:p-64 {
    @media (width >= 380px) {
      padding: var(--spacing-64);
    }
  }
  .mobile\:p-68 {
    @media (width >= 380px) {
      padding: var(--spacing-68);
    }
  }
  .mobile\:p-72 {
    @media (width >= 380px) {
      padding: var(--spacing-72);
    }
  }
  .mobile\:p-76 {
    @media (width >= 380px) {
      padding: var(--spacing-76);
    }
  }
  .mobile\:p-80 {
    @media (width >= 380px) {
      padding: var(--spacing-80);
    }
  }
  .mobile\:p-84 {
    @media (width >= 380px) {
      padding: var(--spacing-84);
    }
  }
  .mobile\:p-88 {
    @media (width >= 380px) {
      padding: var(--spacing-88);
    }
  }
  .mobile\:p-92 {
    @media (width >= 380px) {
      padding: var(--spacing-92);
    }
  }
  .mobile\:p-96 {
    @media (width >= 380px) {
      padding: var(--spacing-96);
    }
  }
  .mobile\:p-104 {
    @media (width >= 380px) {
      padding: var(--spacing-104);
    }
  }
  .mobile\:p-112 {
    @media (width >= 380px) {
      padding: var(--spacing-112);
    }
  }
  .mobile\:p-120 {
    @media (width >= 380px) {
      padding: var(--spacing-120);
    }
  }
  .mobile\:p-128 {
    @media (width >= 380px) {
      padding: var(--spacing-128);
    }
  }
  .mobile\:p-136 {
    @media (width >= 380px) {
      padding: var(--spacing-136);
    }
  }
  .mobile\:p-144 {
    @media (width >= 380px) {
      padding: var(--spacing-144);
    }
  }
  .mobile\:p-152 {
    @media (width >= 380px) {
      padding: var(--spacing-152);
    }
  }
  .mobile\:p-160 {
    @media (width >= 380px) {
      padding: var(--spacing-160);
    }
  }
  .mobile\:p-176 {
    @media (width >= 380px) {
      padding: var(--spacing-176);
    }
  }
  .mobile\:p-192 {
    @media (width >= 380px) {
      padding: var(--spacing-192);
    }
  }
  .mobile\:p-208 {
    @media (width >= 380px) {
      padding: var(--spacing-208);
    }
  }
  .mobile\:p-224 {
    @media (width >= 380px) {
      padding: var(--spacing-224);
    }
  }
  .mobile\:p-240 {
    @media (width >= 380px) {
      padding: var(--spacing-240);
    }
  }
  .mobile\:p-256 {
    @media (width >= 380px) {
      padding: var(--spacing-256);
    }
  }
  .mobile\:px-1 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-1);
    }
  }
  .mobile\:px-2 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-2);
    }
  }
  .mobile\:px-4 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-4);
    }
  }
  .mobile\:px-6 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-6);
    }
  }
  .mobile\:px-8 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-8);
    }
  }
  .mobile\:px-12 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-12);
    }
  }
  .mobile\:px-14 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-14);
    }
  }
  .mobile\:px-16 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-16);
    }
  }
  .mobile\:px-18 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-18);
    }
  }
  .mobile\:px-20 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-20);
    }
  }
  .mobile\:px-22 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-22);
    }
  }
  .mobile\:px-24 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-24);
    }
  }
  .mobile\:px-26 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-26);
    }
  }
  .mobile\:px-28 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-28);
    }
  }
  .mobile\:px-32 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-32);
    }
  }
  .mobile\:px-34 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-34);
    }
  }
  .mobile\:px-36 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-36);
    }
  }
  .mobile\:px-38 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-38);
    }
  }
  .mobile\:px-40 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-40);
    }
  }
  .mobile\:px-42 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-42);
    }
  }
  .mobile\:px-44 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-44);
    }
  }
  .mobile\:px-48 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-48);
    }
  }
  .mobile\:px-52 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-52);
    }
  }
  .mobile\:px-56 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-56);
    }
  }
  .mobile\:px-60 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-60);
    }
  }
  .mobile\:px-64 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-64);
    }
  }
  .mobile\:px-68 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-68);
    }
  }
  .mobile\:px-72 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-72);
    }
  }
  .mobile\:px-76 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-76);
    }
  }
  .mobile\:px-80 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-80);
    }
  }
  .mobile\:px-84 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-84);
    }
  }
  .mobile\:px-88 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-88);
    }
  }
  .mobile\:px-92 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-92);
    }
  }
  .mobile\:px-96 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-96);
    }
  }
  .mobile\:px-104 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-104);
    }
  }
  .mobile\:px-112 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-112);
    }
  }
  .mobile\:px-120 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-120);
    }
  }
  .mobile\:px-128 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-128);
    }
  }
  .mobile\:px-136 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-136);
    }
  }
  .mobile\:px-144 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-144);
    }
  }
  .mobile\:px-152 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-152);
    }
  }
  .mobile\:px-160 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-160);
    }
  }
  .mobile\:px-176 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-176);
    }
  }
  .mobile\:px-192 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-192);
    }
  }
  .mobile\:px-208 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-208);
    }
  }
  .mobile\:px-224 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-224);
    }
  }
  .mobile\:px-240 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-240);
    }
  }
  .mobile\:px-256 {
    @media (width >= 380px) {
      padding-inline: var(--spacing-256);
    }
  }
  .mobile\:py-1 {
    @media (width >= 380px) {
      padding-block: var(--spacing-1);
    }
  }
  .mobile\:py-2 {
    @media (width >= 380px) {
      padding-block: var(--spacing-2);
    }
  }
  .mobile\:py-4 {
    @media (width >= 380px) {
      padding-block: var(--spacing-4);
    }
  }
  .mobile\:py-6 {
    @media (width >= 380px) {
      padding-block: var(--spacing-6);
    }
  }
  .mobile\:py-8 {
    @media (width >= 380px) {
      padding-block: var(--spacing-8);
    }
  }
  .mobile\:py-12 {
    @media (width >= 380px) {
      padding-block: var(--spacing-12);
    }
  }
  .mobile\:py-14 {
    @media (width >= 380px) {
      padding-block: var(--spacing-14);
    }
  }
  .mobile\:py-16 {
    @media (width >= 380px) {
      padding-block: var(--spacing-16);
    }
  }
  .mobile\:py-18 {
    @media (width >= 380px) {
      padding-block: var(--spacing-18);
    }
  }
  .mobile\:py-20 {
    @media (width >= 380px) {
      padding-block: var(--spacing-20);
    }
  }
  .mobile\:py-22 {
    @media (width >= 380px) {
      padding-block: var(--spacing-22);
    }
  }
  .mobile\:py-24 {
    @media (width >= 380px) {
      padding-block: var(--spacing-24);
    }
  }
  .mobile\:py-26 {
    @media (width >= 380px) {
      padding-block: var(--spacing-26);
    }
  }
  .mobile\:py-28 {
    @media (width >= 380px) {
      padding-block: var(--spacing-28);
    }
  }
  .mobile\:py-32 {
    @media (width >= 380px) {
      padding-block: var(--spacing-32);
    }
  }
  .mobile\:py-34 {
    @media (width >= 380px) {
      padding-block: var(--spacing-34);
    }
  }
  .mobile\:py-36 {
    @media (width >= 380px) {
      padding-block: var(--spacing-36);
    }
  }
  .mobile\:py-38 {
    @media (width >= 380px) {
      padding-block: var(--spacing-38);
    }
  }
  .mobile\:py-40 {
    @media (width >= 380px) {
      padding-block: var(--spacing-40);
    }
  }
  .mobile\:py-42 {
    @media (width >= 380px) {
      padding-block: var(--spacing-42);
    }
  }
  .mobile\:py-44 {
    @media (width >= 380px) {
      padding-block: var(--spacing-44);
    }
  }
  .mobile\:py-48 {
    @media (width >= 380px) {
      padding-block: var(--spacing-48);
    }
  }
  .mobile\:py-52 {
    @media (width >= 380px) {
      padding-block: var(--spacing-52);
    }
  }
  .mobile\:py-56 {
    @media (width >= 380px) {
      padding-block: var(--spacing-56);
    }
  }
  .mobile\:py-60 {
    @media (width >= 380px) {
      padding-block: var(--spacing-60);
    }
  }
  .mobile\:py-64 {
    @media (width >= 380px) {
      padding-block: var(--spacing-64);
    }
  }
  .mobile\:py-68 {
    @media (width >= 380px) {
      padding-block: var(--spacing-68);
    }
  }
  .mobile\:py-72 {
    @media (width >= 380px) {
      padding-block: var(--spacing-72);
    }
  }
  .mobile\:py-76 {
    @media (width >= 380px) {
      padding-block: var(--spacing-76);
    }
  }
  .mobile\:py-80 {
    @media (width >= 380px) {
      padding-block: var(--spacing-80);
    }
  }
  .mobile\:py-84 {
    @media (width >= 380px) {
      padding-block: var(--spacing-84);
    }
  }
  .mobile\:py-88 {
    @media (width >= 380px) {
      padding-block: var(--spacing-88);
    }
  }
  .mobile\:py-92 {
    @media (width >= 380px) {
      padding-block: var(--spacing-92);
    }
  }
  .mobile\:py-96 {
    @media (width >= 380px) {
      padding-block: var(--spacing-96);
    }
  }
  .mobile\:py-104 {
    @media (width >= 380px) {
      padding-block: var(--spacing-104);
    }
  }
  .mobile\:py-112 {
    @media (width >= 380px) {
      padding-block: var(--spacing-112);
    }
  }
  .mobile\:py-120 {
    @media (width >= 380px) {
      padding-block: var(--spacing-120);
    }
  }
  .mobile\:py-128 {
    @media (width >= 380px) {
      padding-block: var(--spacing-128);
    }
  }
  .mobile\:py-136 {
    @media (width >= 380px) {
      padding-block: var(--spacing-136);
    }
  }
  .mobile\:py-144 {
    @media (width >= 380px) {
      padding-block: var(--spacing-144);
    }
  }
  .mobile\:py-152 {
    @media (width >= 380px) {
      padding-block: var(--spacing-152);
    }
  }
  .mobile\:py-160 {
    @media (width >= 380px) {
      padding-block: var(--spacing-160);
    }
  }
  .mobile\:py-176 {
    @media (width >= 380px) {
      padding-block: var(--spacing-176);
    }
  }
  .mobile\:py-192 {
    @media (width >= 380px) {
      padding-block: var(--spacing-192);
    }
  }
  .mobile\:py-208 {
    @media (width >= 380px) {
      padding-block: var(--spacing-208);
    }
  }
  .mobile\:py-224 {
    @media (width >= 380px) {
      padding-block: var(--spacing-224);
    }
  }
  .mobile\:py-240 {
    @media (width >= 380px) {
      padding-block: var(--spacing-240);
    }
  }
  .mobile\:py-256 {
    @media (width >= 380px) {
      padding-block: var(--spacing-256);
    }
  }
  .mobile\:pt-1 {
    @media (width >= 380px) {
      padding-top: var(--spacing-1);
    }
  }
  .mobile\:pt-2 {
    @media (width >= 380px) {
      padding-top: var(--spacing-2);
    }
  }
  .mobile\:pt-4 {
    @media (width >= 380px) {
      padding-top: var(--spacing-4);
    }
  }
  .mobile\:pt-6 {
    @media (width >= 380px) {
      padding-top: var(--spacing-6);
    }
  }
  .mobile\:pt-8 {
    @media (width >= 380px) {
      padding-top: var(--spacing-8);
    }
  }
  .mobile\:pt-12 {
    @media (width >= 380px) {
      padding-top: var(--spacing-12);
    }
  }
  .mobile\:pt-14 {
    @media (width >= 380px) {
      padding-top: var(--spacing-14);
    }
  }
  .mobile\:pt-16 {
    @media (width >= 380px) {
      padding-top: var(--spacing-16);
    }
  }
  .mobile\:pt-18 {
    @media (width >= 380px) {
      padding-top: var(--spacing-18);
    }
  }
  .mobile\:pt-20 {
    @media (width >= 380px) {
      padding-top: var(--spacing-20);
    }
  }
  .mobile\:pt-22 {
    @media (width >= 380px) {
      padding-top: var(--spacing-22);
    }
  }
  .mobile\:pt-24 {
    @media (width >= 380px) {
      padding-top: var(--spacing-24);
    }
  }
  .mobile\:pt-26 {
    @media (width >= 380px) {
      padding-top: var(--spacing-26);
    }
  }
  .mobile\:pt-28 {
    @media (width >= 380px) {
      padding-top: var(--spacing-28);
    }
  }
  .mobile\:pt-32 {
    @media (width >= 380px) {
      padding-top: var(--spacing-32);
    }
  }
  .mobile\:pt-34 {
    @media (width >= 380px) {
      padding-top: var(--spacing-34);
    }
  }
  .mobile\:pt-36 {
    @media (width >= 380px) {
      padding-top: var(--spacing-36);
    }
  }
  .mobile\:pt-38 {
    @media (width >= 380px) {
      padding-top: var(--spacing-38);
    }
  }
  .mobile\:pt-40 {
    @media (width >= 380px) {
      padding-top: var(--spacing-40);
    }
  }
  .mobile\:pt-42 {
    @media (width >= 380px) {
      padding-top: var(--spacing-42);
    }
  }
  .mobile\:pt-44 {
    @media (width >= 380px) {
      padding-top: var(--spacing-44);
    }
  }
  .mobile\:pt-48 {
    @media (width >= 380px) {
      padding-top: var(--spacing-48);
    }
  }
  .mobile\:pt-52 {
    @media (width >= 380px) {
      padding-top: var(--spacing-52);
    }
  }
  .mobile\:pt-56 {
    @media (width >= 380px) {
      padding-top: var(--spacing-56);
    }
  }
  .mobile\:pt-60 {
    @media (width >= 380px) {
      padding-top: var(--spacing-60);
    }
  }
  .mobile\:pt-64 {
    @media (width >= 380px) {
      padding-top: var(--spacing-64);
    }
  }
  .mobile\:pt-68 {
    @media (width >= 380px) {
      padding-top: var(--spacing-68);
    }
  }
  .mobile\:pt-72 {
    @media (width >= 380px) {
      padding-top: var(--spacing-72);
    }
  }
  .mobile\:pt-76 {
    @media (width >= 380px) {
      padding-top: var(--spacing-76);
    }
  }
  .mobile\:pt-80 {
    @media (width >= 380px) {
      padding-top: var(--spacing-80);
    }
  }
  .mobile\:pt-84 {
    @media (width >= 380px) {
      padding-top: var(--spacing-84);
    }
  }
  .mobile\:pt-88 {
    @media (width >= 380px) {
      padding-top: var(--spacing-88);
    }
  }
  .mobile\:pt-92 {
    @media (width >= 380px) {
      padding-top: var(--spacing-92);
    }
  }
  .mobile\:pt-96 {
    @media (width >= 380px) {
      padding-top: var(--spacing-96);
    }
  }
  .mobile\:pt-104 {
    @media (width >= 380px) {
      padding-top: var(--spacing-104);
    }
  }
  .mobile\:pt-112 {
    @media (width >= 380px) {
      padding-top: var(--spacing-112);
    }
  }
  .mobile\:pt-120 {
    @media (width >= 380px) {
      padding-top: var(--spacing-120);
    }
  }
  .mobile\:pt-128 {
    @media (width >= 380px) {
      padding-top: var(--spacing-128);
    }
  }
  .mobile\:pt-136 {
    @media (width >= 380px) {
      padding-top: var(--spacing-136);
    }
  }
  .mobile\:pt-144 {
    @media (width >= 380px) {
      padding-top: var(--spacing-144);
    }
  }
  .mobile\:pt-152 {
    @media (width >= 380px) {
      padding-top: var(--spacing-152);
    }
  }
  .mobile\:pt-160 {
    @media (width >= 380px) {
      padding-top: var(--spacing-160);
    }
  }
  .mobile\:pt-176 {
    @media (width >= 380px) {
      padding-top: var(--spacing-176);
    }
  }
  .mobile\:pt-192 {
    @media (width >= 380px) {
      padding-top: var(--spacing-192);
    }
  }
  .mobile\:pt-208 {
    @media (width >= 380px) {
      padding-top: var(--spacing-208);
    }
  }
  .mobile\:pt-224 {
    @media (width >= 380px) {
      padding-top: var(--spacing-224);
    }
  }
  .mobile\:pt-240 {
    @media (width >= 380px) {
      padding-top: var(--spacing-240);
    }
  }
  .mobile\:pt-256 {
    @media (width >= 380px) {
      padding-top: var(--spacing-256);
    }
  }
  .mobile\:pr-1 {
    @media (width >= 380px) {
      padding-right: var(--spacing-1);
    }
  }
  .mobile\:pr-2 {
    @media (width >= 380px) {
      padding-right: var(--spacing-2);
    }
  }
  .mobile\:pr-4 {
    @media (width >= 380px) {
      padding-right: var(--spacing-4);
    }
  }
  .mobile\:pr-6 {
    @media (width >= 380px) {
      padding-right: var(--spacing-6);
    }
  }
  .mobile\:pr-8 {
    @media (width >= 380px) {
      padding-right: var(--spacing-8);
    }
  }
  .mobile\:pr-12 {
    @media (width >= 380px) {
      padding-right: var(--spacing-12);
    }
  }
  .mobile\:pr-14 {
    @media (width >= 380px) {
      padding-right: var(--spacing-14);
    }
  }
  .mobile\:pr-16 {
    @media (width >= 380px) {
      padding-right: var(--spacing-16);
    }
  }
  .mobile\:pr-18 {
    @media (width >= 380px) {
      padding-right: var(--spacing-18);
    }
  }
  .mobile\:pr-20 {
    @media (width >= 380px) {
      padding-right: var(--spacing-20);
    }
  }
  .mobile\:pr-22 {
    @media (width >= 380px) {
      padding-right: var(--spacing-22);
    }
  }
  .mobile\:pr-24 {
    @media (width >= 380px) {
      padding-right: var(--spacing-24);
    }
  }
  .mobile\:pr-26 {
    @media (width >= 380px) {
      padding-right: var(--spacing-26);
    }
  }
  .mobile\:pr-28 {
    @media (width >= 380px) {
      padding-right: var(--spacing-28);
    }
  }
  .mobile\:pr-32 {
    @media (width >= 380px) {
      padding-right: var(--spacing-32);
    }
  }
  .mobile\:pr-34 {
    @media (width >= 380px) {
      padding-right: var(--spacing-34);
    }
  }
  .mobile\:pr-36 {
    @media (width >= 380px) {
      padding-right: var(--spacing-36);
    }
  }
  .mobile\:pr-38 {
    @media (width >= 380px) {
      padding-right: var(--spacing-38);
    }
  }
  .mobile\:pr-40 {
    @media (width >= 380px) {
      padding-right: var(--spacing-40);
    }
  }
  .mobile\:pr-42 {
    @media (width >= 380px) {
      padding-right: var(--spacing-42);
    }
  }
  .mobile\:pr-44 {
    @media (width >= 380px) {
      padding-right: var(--spacing-44);
    }
  }
  .mobile\:pr-48 {
    @media (width >= 380px) {
      padding-right: var(--spacing-48);
    }
  }
  .mobile\:pr-52 {
    @media (width >= 380px) {
      padding-right: var(--spacing-52);
    }
  }
  .mobile\:pr-56 {
    @media (width >= 380px) {
      padding-right: var(--spacing-56);
    }
  }
  .mobile\:pr-60 {
    @media (width >= 380px) {
      padding-right: var(--spacing-60);
    }
  }
  .mobile\:pr-64 {
    @media (width >= 380px) {
      padding-right: var(--spacing-64);
    }
  }
  .mobile\:pr-68 {
    @media (width >= 380px) {
      padding-right: var(--spacing-68);
    }
  }
  .mobile\:pr-72 {
    @media (width >= 380px) {
      padding-right: var(--spacing-72);
    }
  }
  .mobile\:pr-76 {
    @media (width >= 380px) {
      padding-right: var(--spacing-76);
    }
  }
  .mobile\:pr-80 {
    @media (width >= 380px) {
      padding-right: var(--spacing-80);
    }
  }
  .mobile\:pr-84 {
    @media (width >= 380px) {
      padding-right: var(--spacing-84);
    }
  }
  .mobile\:pr-88 {
    @media (width >= 380px) {
      padding-right: var(--spacing-88);
    }
  }
  .mobile\:pr-92 {
    @media (width >= 380px) {
      padding-right: var(--spacing-92);
    }
  }
  .mobile\:pr-96 {
    @media (width >= 380px) {
      padding-right: var(--spacing-96);
    }
  }
  .mobile\:pr-104 {
    @media (width >= 380px) {
      padding-right: var(--spacing-104);
    }
  }
  .mobile\:pr-112 {
    @media (width >= 380px) {
      padding-right: var(--spacing-112);
    }
  }
  .mobile\:pr-120 {
    @media (width >= 380px) {
      padding-right: var(--spacing-120);
    }
  }
  .mobile\:pr-128 {
    @media (width >= 380px) {
      padding-right: var(--spacing-128);
    }
  }
  .mobile\:pr-136 {
    @media (width >= 380px) {
      padding-right: var(--spacing-136);
    }
  }
  .mobile\:pr-144 {
    @media (width >= 380px) {
      padding-right: var(--spacing-144);
    }
  }
  .mobile\:pr-152 {
    @media (width >= 380px) {
      padding-right: var(--spacing-152);
    }
  }
  .mobile\:pr-160 {
    @media (width >= 380px) {
      padding-right: var(--spacing-160);
    }
  }
  .mobile\:pr-176 {
    @media (width >= 380px) {
      padding-right: var(--spacing-176);
    }
  }
  .mobile\:pr-192 {
    @media (width >= 380px) {
      padding-right: var(--spacing-192);
    }
  }
  .mobile\:pr-208 {
    @media (width >= 380px) {
      padding-right: var(--spacing-208);
    }
  }
  .mobile\:pr-224 {
    @media (width >= 380px) {
      padding-right: var(--spacing-224);
    }
  }
  .mobile\:pr-240 {
    @media (width >= 380px) {
      padding-right: var(--spacing-240);
    }
  }
  .mobile\:pr-256 {
    @media (width >= 380px) {
      padding-right: var(--spacing-256);
    }
  }
  .mobile\:pb-1 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-1);
    }
  }
  .mobile\:pb-2 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-2);
    }
  }
  .mobile\:pb-4 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-4);
    }
  }
  .mobile\:pb-6 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-6);
    }
  }
  .mobile\:pb-8 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-8);
    }
  }
  .mobile\:pb-12 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-12);
    }
  }
  .mobile\:pb-14 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-14);
    }
  }
  .mobile\:pb-16 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-16);
    }
  }
  .mobile\:pb-18 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-18);
    }
  }
  .mobile\:pb-20 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-20);
    }
  }
  .mobile\:pb-22 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-22);
    }
  }
  .mobile\:pb-24 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-24);
    }
  }
  .mobile\:pb-26 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-26);
    }
  }
  .mobile\:pb-28 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-28);
    }
  }
  .mobile\:pb-32 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-32);
    }
  }
  .mobile\:pb-34 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-34);
    }
  }
  .mobile\:pb-36 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-36);
    }
  }
  .mobile\:pb-38 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-38);
    }
  }
  .mobile\:pb-40 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-40);
    }
  }
  .mobile\:pb-42 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-42);
    }
  }
  .mobile\:pb-44 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-44);
    }
  }
  .mobile\:pb-48 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-48);
    }
  }
  .mobile\:pb-52 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-52);
    }
  }
  .mobile\:pb-56 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-56);
    }
  }
  .mobile\:pb-60 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-60);
    }
  }
  .mobile\:pb-64 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-64);
    }
  }
  .mobile\:pb-68 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-68);
    }
  }
  .mobile\:pb-72 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-72);
    }
  }
  .mobile\:pb-76 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-76);
    }
  }
  .mobile\:pb-80 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-80);
    }
  }
  .mobile\:pb-84 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-84);
    }
  }
  .mobile\:pb-88 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-88);
    }
  }
  .mobile\:pb-92 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-92);
    }
  }
  .mobile\:pb-96 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-96);
    }
  }
  .mobile\:pb-104 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-104);
    }
  }
  .mobile\:pb-112 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-112);
    }
  }
  .mobile\:pb-120 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-120);
    }
  }
  .mobile\:pb-128 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-128);
    }
  }
  .mobile\:pb-136 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-136);
    }
  }
  .mobile\:pb-144 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-144);
    }
  }
  .mobile\:pb-152 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-152);
    }
  }
  .mobile\:pb-160 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-160);
    }
  }
  .mobile\:pb-176 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-176);
    }
  }
  .mobile\:pb-192 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-192);
    }
  }
  .mobile\:pb-208 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-208);
    }
  }
  .mobile\:pb-224 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-224);
    }
  }
  .mobile\:pb-240 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-240);
    }
  }
  .mobile\:pb-256 {
    @media (width >= 380px) {
      padding-bottom: var(--spacing-256);
    }
  }
  .mobile\:pl-1 {
    @media (width >= 380px) {
      padding-left: var(--spacing-1);
    }
  }
  .mobile\:pl-2 {
    @media (width >= 380px) {
      padding-left: var(--spacing-2);
    }
  }
  .mobile\:pl-4 {
    @media (width >= 380px) {
      padding-left: var(--spacing-4);
    }
  }
  .mobile\:pl-6 {
    @media (width >= 380px) {
      padding-left: var(--spacing-6);
    }
  }
  .mobile\:pl-8 {
    @media (width >= 380px) {
      padding-left: var(--spacing-8);
    }
  }
  .mobile\:pl-12 {
    @media (width >= 380px) {
      padding-left: var(--spacing-12);
    }
  }
  .mobile\:pl-14 {
    @media (width >= 380px) {
      padding-left: var(--spacing-14);
    }
  }
  .mobile\:pl-16 {
    @media (width >= 380px) {
      padding-left: var(--spacing-16);
    }
  }
  .mobile\:pl-18 {
    @media (width >= 380px) {
      padding-left: var(--spacing-18);
    }
  }
  .mobile\:pl-20 {
    @media (width >= 380px) {
      padding-left: var(--spacing-20);
    }
  }
  .mobile\:pl-22 {
    @media (width >= 380px) {
      padding-left: var(--spacing-22);
    }
  }
  .mobile\:pl-24 {
    @media (width >= 380px) {
      padding-left: var(--spacing-24);
    }
  }
  .mobile\:pl-26 {
    @media (width >= 380px) {
      padding-left: var(--spacing-26);
    }
  }
  .mobile\:pl-28 {
    @media (width >= 380px) {
      padding-left: var(--spacing-28);
    }
  }
  .mobile\:pl-32 {
    @media (width >= 380px) {
      padding-left: var(--spacing-32);
    }
  }
  .mobile\:pl-34 {
    @media (width >= 380px) {
      padding-left: var(--spacing-34);
    }
  }
  .mobile\:pl-36 {
    @media (width >= 380px) {
      padding-left: var(--spacing-36);
    }
  }
  .mobile\:pl-38 {
    @media (width >= 380px) {
      padding-left: var(--spacing-38);
    }
  }
  .mobile\:pl-40 {
    @media (width >= 380px) {
      padding-left: var(--spacing-40);
    }
  }
  .mobile\:pl-42 {
    @media (width >= 380px) {
      padding-left: var(--spacing-42);
    }
  }
  .mobile\:pl-44 {
    @media (width >= 380px) {
      padding-left: var(--spacing-44);
    }
  }
  .mobile\:pl-48 {
    @media (width >= 380px) {
      padding-left: var(--spacing-48);
    }
  }
  .mobile\:pl-52 {
    @media (width >= 380px) {
      padding-left: var(--spacing-52);
    }
  }
  .mobile\:pl-56 {
    @media (width >= 380px) {
      padding-left: var(--spacing-56);
    }
  }
  .mobile\:pl-60 {
    @media (width >= 380px) {
      padding-left: var(--spacing-60);
    }
  }
  .mobile\:pl-64 {
    @media (width >= 380px) {
      padding-left: var(--spacing-64);
    }
  }
  .mobile\:pl-68 {
    @media (width >= 380px) {
      padding-left: var(--spacing-68);
    }
  }
  .mobile\:pl-72 {
    @media (width >= 380px) {
      padding-left: var(--spacing-72);
    }
  }
  .mobile\:pl-76 {
    @media (width >= 380px) {
      padding-left: var(--spacing-76);
    }
  }
  .mobile\:pl-80 {
    @media (width >= 380px) {
      padding-left: var(--spacing-80);
    }
  }
  .mobile\:pl-84 {
    @media (width >= 380px) {
      padding-left: var(--spacing-84);
    }
  }
  .mobile\:pl-88 {
    @media (width >= 380px) {
      padding-left: var(--spacing-88);
    }
  }
  .mobile\:pl-92 {
    @media (width >= 380px) {
      padding-left: var(--spacing-92);
    }
  }
  .mobile\:pl-96 {
    @media (width >= 380px) {
      padding-left: var(--spacing-96);
    }
  }
  .mobile\:pl-104 {
    @media (width >= 380px) {
      padding-left: var(--spacing-104);
    }
  }
  .mobile\:pl-112 {
    @media (width >= 380px) {
      padding-left: var(--spacing-112);
    }
  }
  .mobile\:pl-120 {
    @media (width >= 380px) {
      padding-left: var(--spacing-120);
    }
  }
  .mobile\:pl-128 {
    @media (width >= 380px) {
      padding-left: var(--spacing-128);
    }
  }
  .mobile\:pl-136 {
    @media (width >= 380px) {
      padding-left: var(--spacing-136);
    }
  }
  .mobile\:pl-144 {
    @media (width >= 380px) {
      padding-left: var(--spacing-144);
    }
  }
  .mobile\:pl-152 {
    @media (width >= 380px) {
      padding-left: var(--spacing-152);
    }
  }
  .mobile\:pl-160 {
    @media (width >= 380px) {
      padding-left: var(--spacing-160);
    }
  }
  .mobile\:pl-176 {
    @media (width >= 380px) {
      padding-left: var(--spacing-176);
    }
  }
  .mobile\:pl-192 {
    @media (width >= 380px) {
      padding-left: var(--spacing-192);
    }
  }
  .mobile\:pl-208 {
    @media (width >= 380px) {
      padding-left: var(--spacing-208);
    }
  }
  .mobile\:pl-224 {
    @media (width >= 380px) {
      padding-left: var(--spacing-224);
    }
  }
  .mobile\:pl-240 {
    @media (width >= 380px) {
      padding-left: var(--spacing-240);
    }
  }
  .mobile\:pl-256 {
    @media (width >= 380px) {
      padding-left: var(--spacing-256);
    }
  }
  .tablet\:inset-none {
    @media (width >= 768px) {
      inset: var(--spacing-none);
    }
  }
  .tablet\:col-span-2 {
    @media (width >= 768px) {
      grid-column: span 2 / span 2;
    }
  }
  .tablet\:m-1 {
    @media (width >= 768px) {
      margin: var(--spacing-1);
    }
  }
  .tablet\:m-2 {
    @media (width >= 768px) {
      margin: var(--spacing-2);
    }
  }
  .tablet\:m-4 {
    @media (width >= 768px) {
      margin: var(--spacing-4);
    }
  }
  .tablet\:m-6 {
    @media (width >= 768px) {
      margin: var(--spacing-6);
    }
  }
  .tablet\:m-8 {
    @media (width >= 768px) {
      margin: var(--spacing-8);
    }
  }
  .tablet\:m-12 {
    @media (width >= 768px) {
      margin: var(--spacing-12);
    }
  }
  .tablet\:m-14 {
    @media (width >= 768px) {
      margin: var(--spacing-14);
    }
  }
  .tablet\:m-16 {
    @media (width >= 768px) {
      margin: var(--spacing-16);
    }
  }
  .tablet\:m-18 {
    @media (width >= 768px) {
      margin: var(--spacing-18);
    }
  }
  .tablet\:m-20 {
    @media (width >= 768px) {
      margin: var(--spacing-20);
    }
  }
  .tablet\:m-22 {
    @media (width >= 768px) {
      margin: var(--spacing-22);
    }
  }
  .tablet\:m-24 {
    @media (width >= 768px) {
      margin: var(--spacing-24);
    }
  }
  .tablet\:m-26 {
    @media (width >= 768px) {
      margin: var(--spacing-26);
    }
  }
  .tablet\:m-28 {
    @media (width >= 768px) {
      margin: var(--spacing-28);
    }
  }
  .tablet\:m-32 {
    @media (width >= 768px) {
      margin: var(--spacing-32);
    }
  }
  .tablet\:m-34 {
    @media (width >= 768px) {
      margin: var(--spacing-34);
    }
  }
  .tablet\:m-36 {
    @media (width >= 768px) {
      margin: var(--spacing-36);
    }
  }
  .tablet\:m-38 {
    @media (width >= 768px) {
      margin: var(--spacing-38);
    }
  }
  .tablet\:m-40 {
    @media (width >= 768px) {
      margin: var(--spacing-40);
    }
  }
  .tablet\:m-42 {
    @media (width >= 768px) {
      margin: var(--spacing-42);
    }
  }
  .tablet\:m-44 {
    @media (width >= 768px) {
      margin: var(--spacing-44);
    }
  }
  .tablet\:m-48 {
    @media (width >= 768px) {
      margin: var(--spacing-48);
    }
  }
  .tablet\:m-52 {
    @media (width >= 768px) {
      margin: var(--spacing-52);
    }
  }
  .tablet\:m-56 {
    @media (width >= 768px) {
      margin: var(--spacing-56);
    }
  }
  .tablet\:m-60 {
    @media (width >= 768px) {
      margin: var(--spacing-60);
    }
  }
  .tablet\:m-64 {
    @media (width >= 768px) {
      margin: var(--spacing-64);
    }
  }
  .tablet\:m-68 {
    @media (width >= 768px) {
      margin: var(--spacing-68);
    }
  }
  .tablet\:m-72 {
    @media (width >= 768px) {
      margin: var(--spacing-72);
    }
  }
  .tablet\:m-76 {
    @media (width >= 768px) {
      margin: var(--spacing-76);
    }
  }
  .tablet\:m-80 {
    @media (width >= 768px) {
      margin: var(--spacing-80);
    }
  }
  .tablet\:m-84 {
    @media (width >= 768px) {
      margin: var(--spacing-84);
    }
  }
  .tablet\:m-88 {
    @media (width >= 768px) {
      margin: var(--spacing-88);
    }
  }
  .tablet\:m-92 {
    @media (width >= 768px) {
      margin: var(--spacing-92);
    }
  }
  .tablet\:m-96 {
    @media (width >= 768px) {
      margin: var(--spacing-96);
    }
  }
  .tablet\:m-104 {
    @media (width >= 768px) {
      margin: var(--spacing-104);
    }
  }
  .tablet\:m-112 {
    @media (width >= 768px) {
      margin: var(--spacing-112);
    }
  }
  .tablet\:m-120 {
    @media (width >= 768px) {
      margin: var(--spacing-120);
    }
  }
  .tablet\:m-128 {
    @media (width >= 768px) {
      margin: var(--spacing-128);
    }
  }
  .tablet\:m-136 {
    @media (width >= 768px) {
      margin: var(--spacing-136);
    }
  }
  .tablet\:m-144 {
    @media (width >= 768px) {
      margin: var(--spacing-144);
    }
  }
  .tablet\:m-152 {
    @media (width >= 768px) {
      margin: var(--spacing-152);
    }
  }
  .tablet\:m-160 {
    @media (width >= 768px) {
      margin: var(--spacing-160);
    }
  }
  .tablet\:m-176 {
    @media (width >= 768px) {
      margin: var(--spacing-176);
    }
  }
  .tablet\:m-192 {
    @media (width >= 768px) {
      margin: var(--spacing-192);
    }
  }
  .tablet\:m-208 {
    @media (width >= 768px) {
      margin: var(--spacing-208);
    }
  }
  .tablet\:m-224 {
    @media (width >= 768px) {
      margin: var(--spacing-224);
    }
  }
  .tablet\:m-240 {
    @media (width >= 768px) {
      margin: var(--spacing-240);
    }
  }
  .tablet\:m-256 {
    @media (width >= 768px) {
      margin: var(--spacing-256);
    }
  }
  .tablet\:mx-1 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-1);
    }
  }
  .tablet\:mx-2 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-2);
    }
  }
  .tablet\:mx-4 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-4);
    }
  }
  .tablet\:mx-6 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-6);
    }
  }
  .tablet\:mx-8 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-8);
    }
  }
  .tablet\:mx-12 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-12);
    }
  }
  .tablet\:mx-14 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-14);
    }
  }
  .tablet\:mx-16 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-16);
    }
  }
  .tablet\:mx-18 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-18);
    }
  }
  .tablet\:mx-20 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-20);
    }
  }
  .tablet\:mx-22 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-22);
    }
  }
  .tablet\:mx-24 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-24);
    }
  }
  .tablet\:mx-26 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-26);
    }
  }
  .tablet\:mx-28 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-28);
    }
  }
  .tablet\:mx-32 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-32);
    }
  }
  .tablet\:mx-34 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-34);
    }
  }
  .tablet\:mx-36 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-36);
    }
  }
  .tablet\:mx-38 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-38);
    }
  }
  .tablet\:mx-40 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-40);
    }
  }
  .tablet\:mx-42 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-42);
    }
  }
  .tablet\:mx-44 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-44);
    }
  }
  .tablet\:mx-48 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-48);
    }
  }
  .tablet\:mx-52 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-52);
    }
  }
  .tablet\:mx-56 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-56);
    }
  }
  .tablet\:mx-60 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-60);
    }
  }
  .tablet\:mx-64 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-64);
    }
  }
  .tablet\:mx-68 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-68);
    }
  }
  .tablet\:mx-72 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-72);
    }
  }
  .tablet\:mx-76 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-76);
    }
  }
  .tablet\:mx-80 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-80);
    }
  }
  .tablet\:mx-84 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-84);
    }
  }
  .tablet\:mx-88 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-88);
    }
  }
  .tablet\:mx-92 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-92);
    }
  }
  .tablet\:mx-96 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-96);
    }
  }
  .tablet\:mx-104 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-104);
    }
  }
  .tablet\:mx-112 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-112);
    }
  }
  .tablet\:mx-120 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-120);
    }
  }
  .tablet\:mx-128 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-128);
    }
  }
  .tablet\:mx-136 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-136);
    }
  }
  .tablet\:mx-144 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-144);
    }
  }
  .tablet\:mx-152 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-152);
    }
  }
  .tablet\:mx-160 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-160);
    }
  }
  .tablet\:mx-176 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-176);
    }
  }
  .tablet\:mx-192 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-192);
    }
  }
  .tablet\:mx-208 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-208);
    }
  }
  .tablet\:mx-224 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-224);
    }
  }
  .tablet\:mx-240 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-240);
    }
  }
  .tablet\:mx-256 {
    @media (width >= 768px) {
      margin-inline: var(--spacing-256);
    }
  }
  .tablet\:my-1 {
    @media (width >= 768px) {
      margin-block: var(--spacing-1);
    }
  }
  .tablet\:my-2 {
    @media (width >= 768px) {
      margin-block: var(--spacing-2);
    }
  }
  .tablet\:my-4 {
    @media (width >= 768px) {
      margin-block: var(--spacing-4);
    }
  }
  .tablet\:my-6 {
    @media (width >= 768px) {
      margin-block: var(--spacing-6);
    }
  }
  .tablet\:my-8 {
    @media (width >= 768px) {
      margin-block: var(--spacing-8);
    }
  }
  .tablet\:my-12 {
    @media (width >= 768px) {
      margin-block: var(--spacing-12);
    }
  }
  .tablet\:my-14 {
    @media (width >= 768px) {
      margin-block: var(--spacing-14);
    }
  }
  .tablet\:my-16 {
    @media (width >= 768px) {
      margin-block: var(--spacing-16);
    }
  }
  .tablet\:my-18 {
    @media (width >= 768px) {
      margin-block: var(--spacing-18);
    }
  }
  .tablet\:my-20 {
    @media (width >= 768px) {
      margin-block: var(--spacing-20);
    }
  }
  .tablet\:my-22 {
    @media (width >= 768px) {
      margin-block: var(--spacing-22);
    }
  }
  .tablet\:my-24 {
    @media (width >= 768px) {
      margin-block: var(--spacing-24);
    }
  }
  .tablet\:my-26 {
    @media (width >= 768px) {
      margin-block: var(--spacing-26);
    }
  }
  .tablet\:my-28 {
    @media (width >= 768px) {
      margin-block: var(--spacing-28);
    }
  }
  .tablet\:my-32 {
    @media (width >= 768px) {
      margin-block: var(--spacing-32);
    }
  }
  .tablet\:my-34 {
    @media (width >= 768px) {
      margin-block: var(--spacing-34);
    }
  }
  .tablet\:my-36 {
    @media (width >= 768px) {
      margin-block: var(--spacing-36);
    }
  }
  .tablet\:my-38 {
    @media (width >= 768px) {
      margin-block: var(--spacing-38);
    }
  }
  .tablet\:my-40 {
    @media (width >= 768px) {
      margin-block: var(--spacing-40);
    }
  }
  .tablet\:my-42 {
    @media (width >= 768px) {
      margin-block: var(--spacing-42);
    }
  }
  .tablet\:my-44 {
    @media (width >= 768px) {
      margin-block: var(--spacing-44);
    }
  }
  .tablet\:my-48 {
    @media (width >= 768px) {
      margin-block: var(--spacing-48);
    }
  }
  .tablet\:my-52 {
    @media (width >= 768px) {
      margin-block: var(--spacing-52);
    }
  }
  .tablet\:my-56 {
    @media (width >= 768px) {
      margin-block: var(--spacing-56);
    }
  }
  .tablet\:my-60 {
    @media (width >= 768px) {
      margin-block: var(--spacing-60);
    }
  }
  .tablet\:my-64 {
    @media (width >= 768px) {
      margin-block: var(--spacing-64);
    }
  }
  .tablet\:my-68 {
    @media (width >= 768px) {
      margin-block: var(--spacing-68);
    }
  }
  .tablet\:my-72 {
    @media (width >= 768px) {
      margin-block: var(--spacing-72);
    }
  }
  .tablet\:my-76 {
    @media (width >= 768px) {
      margin-block: var(--spacing-76);
    }
  }
  .tablet\:my-80 {
    @media (width >= 768px) {
      margin-block: var(--spacing-80);
    }
  }
  .tablet\:my-84 {
    @media (width >= 768px) {
      margin-block: var(--spacing-84);
    }
  }
  .tablet\:my-88 {
    @media (width >= 768px) {
      margin-block: var(--spacing-88);
    }
  }
  .tablet\:my-92 {
    @media (width >= 768px) {
      margin-block: var(--spacing-92);
    }
  }
  .tablet\:my-96 {
    @media (width >= 768px) {
      margin-block: var(--spacing-96);
    }
  }
  .tablet\:my-104 {
    @media (width >= 768px) {
      margin-block: var(--spacing-104);
    }
  }
  .tablet\:my-112 {
    @media (width >= 768px) {
      margin-block: var(--spacing-112);
    }
  }
  .tablet\:my-120 {
    @media (width >= 768px) {
      margin-block: var(--spacing-120);
    }
  }
  .tablet\:my-128 {
    @media (width >= 768px) {
      margin-block: var(--spacing-128);
    }
  }
  .tablet\:my-136 {
    @media (width >= 768px) {
      margin-block: var(--spacing-136);
    }
  }
  .tablet\:my-144 {
    @media (width >= 768px) {
      margin-block: var(--spacing-144);
    }
  }
  .tablet\:my-152 {
    @media (width >= 768px) {
      margin-block: var(--spacing-152);
    }
  }
  .tablet\:my-160 {
    @media (width >= 768px) {
      margin-block: var(--spacing-160);
    }
  }
  .tablet\:my-176 {
    @media (width >= 768px) {
      margin-block: var(--spacing-176);
    }
  }
  .tablet\:my-192 {
    @media (width >= 768px) {
      margin-block: var(--spacing-192);
    }
  }
  .tablet\:my-208 {
    @media (width >= 768px) {
      margin-block: var(--spacing-208);
    }
  }
  .tablet\:my-224 {
    @media (width >= 768px) {
      margin-block: var(--spacing-224);
    }
  }
  .tablet\:my-240 {
    @media (width >= 768px) {
      margin-block: var(--spacing-240);
    }
  }
  .tablet\:my-256 {
    @media (width >= 768px) {
      margin-block: var(--spacing-256);
    }
  }
  .tablet\:mt-1 {
    @media (width >= 768px) {
      margin-top: var(--spacing-1);
    }
  }
  .tablet\:mt-2 {
    @media (width >= 768px) {
      margin-top: var(--spacing-2);
    }
  }
  .tablet\:mt-4 {
    @media (width >= 768px) {
      margin-top: var(--spacing-4);
    }
  }
  .tablet\:mt-6 {
    @media (width >= 768px) {
      margin-top: var(--spacing-6);
    }
  }
  .tablet\:mt-8 {
    @media (width >= 768px) {
      margin-top: var(--spacing-8);
    }
  }
  .tablet\:mt-12 {
    @media (width >= 768px) {
      margin-top: var(--spacing-12);
    }
  }
  .tablet\:mt-14 {
    @media (width >= 768px) {
      margin-top: var(--spacing-14);
    }
  }
  .tablet\:mt-16 {
    @media (width >= 768px) {
      margin-top: var(--spacing-16);
    }
  }
  .tablet\:mt-18 {
    @media (width >= 768px) {
      margin-top: var(--spacing-18);
    }
  }
  .tablet\:mt-20 {
    @media (width >= 768px) {
      margin-top: var(--spacing-20);
    }
  }
  .tablet\:mt-22 {
    @media (width >= 768px) {
      margin-top: var(--spacing-22);
    }
  }
  .tablet\:mt-24 {
    @media (width >= 768px) {
      margin-top: var(--spacing-24);
    }
  }
  .tablet\:mt-26 {
    @media (width >= 768px) {
      margin-top: var(--spacing-26);
    }
  }
  .tablet\:mt-28 {
    @media (width >= 768px) {
      margin-top: var(--spacing-28);
    }
  }
  .tablet\:mt-32 {
    @media (width >= 768px) {
      margin-top: var(--spacing-32);
    }
  }
  .tablet\:mt-34 {
    @media (width >= 768px) {
      margin-top: var(--spacing-34);
    }
  }
  .tablet\:mt-36 {
    @media (width >= 768px) {
      margin-top: var(--spacing-36);
    }
  }
  .tablet\:mt-38 {
    @media (width >= 768px) {
      margin-top: var(--spacing-38);
    }
  }
  .tablet\:mt-40 {
    @media (width >= 768px) {
      margin-top: var(--spacing-40);
    }
  }
  .tablet\:mt-42 {
    @media (width >= 768px) {
      margin-top: var(--spacing-42);
    }
  }
  .tablet\:mt-44 {
    @media (width >= 768px) {
      margin-top: var(--spacing-44);
    }
  }
  .tablet\:mt-48 {
    @media (width >= 768px) {
      margin-top: var(--spacing-48);
    }
  }
  .tablet\:mt-52 {
    @media (width >= 768px) {
      margin-top: var(--spacing-52);
    }
  }
  .tablet\:mt-56 {
    @media (width >= 768px) {
      margin-top: var(--spacing-56);
    }
  }
  .tablet\:mt-60 {
    @media (width >= 768px) {
      margin-top: var(--spacing-60);
    }
  }
  .tablet\:mt-64 {
    @media (width >= 768px) {
      margin-top: var(--spacing-64);
    }
  }
  .tablet\:mt-68 {
    @media (width >= 768px) {
      margin-top: var(--spacing-68);
    }
  }
  .tablet\:mt-72 {
    @media (width >= 768px) {
      margin-top: var(--spacing-72);
    }
  }
  .tablet\:mt-76 {
    @media (width >= 768px) {
      margin-top: var(--spacing-76);
    }
  }
  .tablet\:mt-80 {
    @media (width >= 768px) {
      margin-top: var(--spacing-80);
    }
  }
  .tablet\:mt-84 {
    @media (width >= 768px) {
      margin-top: var(--spacing-84);
    }
  }
  .tablet\:mt-88 {
    @media (width >= 768px) {
      margin-top: var(--spacing-88);
    }
  }
  .tablet\:mt-92 {
    @media (width >= 768px) {
      margin-top: var(--spacing-92);
    }
  }
  .tablet\:mt-96 {
    @media (width >= 768px) {
      margin-top: var(--spacing-96);
    }
  }
  .tablet\:mt-104 {
    @media (width >= 768px) {
      margin-top: var(--spacing-104);
    }
  }
  .tablet\:mt-112 {
    @media (width >= 768px) {
      margin-top: var(--spacing-112);
    }
  }
  .tablet\:mt-120 {
    @media (width >= 768px) {
      margin-top: var(--spacing-120);
    }
  }
  .tablet\:mt-128 {
    @media (width >= 768px) {
      margin-top: var(--spacing-128);
    }
  }
  .tablet\:mt-136 {
    @media (width >= 768px) {
      margin-top: var(--spacing-136);
    }
  }
  .tablet\:mt-144 {
    @media (width >= 768px) {
      margin-top: var(--spacing-144);
    }
  }
  .tablet\:mt-152 {
    @media (width >= 768px) {
      margin-top: var(--spacing-152);
    }
  }
  .tablet\:mt-160 {
    @media (width >= 768px) {
      margin-top: var(--spacing-160);
    }
  }
  .tablet\:mt-176 {
    @media (width >= 768px) {
      margin-top: var(--spacing-176);
    }
  }
  .tablet\:mt-192 {
    @media (width >= 768px) {
      margin-top: var(--spacing-192);
    }
  }
  .tablet\:mt-208 {
    @media (width >= 768px) {
      margin-top: var(--spacing-208);
    }
  }
  .tablet\:mt-224 {
    @media (width >= 768px) {
      margin-top: var(--spacing-224);
    }
  }
  .tablet\:mt-240 {
    @media (width >= 768px) {
      margin-top: var(--spacing-240);
    }
  }
  .tablet\:mt-256 {
    @media (width >= 768px) {
      margin-top: var(--spacing-256);
    }
  }
  .tablet\:mr-1 {
    @media (width >= 768px) {
      margin-right: var(--spacing-1);
    }
  }
  .tablet\:mr-2 {
    @media (width >= 768px) {
      margin-right: var(--spacing-2);
    }
  }
  .tablet\:mr-4 {
    @media (width >= 768px) {
      margin-right: var(--spacing-4);
    }
  }
  .tablet\:mr-6 {
    @media (width >= 768px) {
      margin-right: var(--spacing-6);
    }
  }
  .tablet\:mr-8 {
    @media (width >= 768px) {
      margin-right: var(--spacing-8);
    }
  }
  .tablet\:mr-12 {
    @media (width >= 768px) {
      margin-right: var(--spacing-12);
    }
  }
  .tablet\:mr-14 {
    @media (width >= 768px) {
      margin-right: var(--spacing-14);
    }
  }
  .tablet\:mr-16 {
    @media (width >= 768px) {
      margin-right: var(--spacing-16);
    }
  }
  .tablet\:mr-18 {
    @media (width >= 768px) {
      margin-right: var(--spacing-18);
    }
  }
  .tablet\:mr-20 {
    @media (width >= 768px) {
      margin-right: var(--spacing-20);
    }
  }
  .tablet\:mr-22 {
    @media (width >= 768px) {
      margin-right: var(--spacing-22);
    }
  }
  .tablet\:mr-24 {
    @media (width >= 768px) {
      margin-right: var(--spacing-24);
    }
  }
  .tablet\:mr-26 {
    @media (width >= 768px) {
      margin-right: var(--spacing-26);
    }
  }
  .tablet\:mr-28 {
    @media (width >= 768px) {
      margin-right: var(--spacing-28);
    }
  }
  .tablet\:mr-32 {
    @media (width >= 768px) {
      margin-right: var(--spacing-32);
    }
  }
  .tablet\:mr-34 {
    @media (width >= 768px) {
      margin-right: var(--spacing-34);
    }
  }
  .tablet\:mr-36 {
    @media (width >= 768px) {
      margin-right: var(--spacing-36);
    }
  }
  .tablet\:mr-38 {
    @media (width >= 768px) {
      margin-right: var(--spacing-38);
    }
  }
  .tablet\:mr-40 {
    @media (width >= 768px) {
      margin-right: var(--spacing-40);
    }
  }
  .tablet\:mr-42 {
    @media (width >= 768px) {
      margin-right: var(--spacing-42);
    }
  }
  .tablet\:mr-44 {
    @media (width >= 768px) {
      margin-right: var(--spacing-44);
    }
  }
  .tablet\:mr-48 {
    @media (width >= 768px) {
      margin-right: var(--spacing-48);
    }
  }
  .tablet\:mr-52 {
    @media (width >= 768px) {
      margin-right: var(--spacing-52);
    }
  }
  .tablet\:mr-56 {
    @media (width >= 768px) {
      margin-right: var(--spacing-56);
    }
  }
  .tablet\:mr-60 {
    @media (width >= 768px) {
      margin-right: var(--spacing-60);
    }
  }
  .tablet\:mr-64 {
    @media (width >= 768px) {
      margin-right: var(--spacing-64);
    }
  }
  .tablet\:mr-68 {
    @media (width >= 768px) {
      margin-right: var(--spacing-68);
    }
  }
  .tablet\:mr-72 {
    @media (width >= 768px) {
      margin-right: var(--spacing-72);
    }
  }
  .tablet\:mr-76 {
    @media (width >= 768px) {
      margin-right: var(--spacing-76);
    }
  }
  .tablet\:mr-80 {
    @media (width >= 768px) {
      margin-right: var(--spacing-80);
    }
  }
  .tablet\:mr-84 {
    @media (width >= 768px) {
      margin-right: var(--spacing-84);
    }
  }
  .tablet\:mr-88 {
    @media (width >= 768px) {
      margin-right: var(--spacing-88);
    }
  }
  .tablet\:mr-92 {
    @media (width >= 768px) {
      margin-right: var(--spacing-92);
    }
  }
  .tablet\:mr-96 {
    @media (width >= 768px) {
      margin-right: var(--spacing-96);
    }
  }
  .tablet\:mr-104 {
    @media (width >= 768px) {
      margin-right: var(--spacing-104);
    }
  }
  .tablet\:mr-112 {
    @media (width >= 768px) {
      margin-right: var(--spacing-112);
    }
  }
  .tablet\:mr-120 {
    @media (width >= 768px) {
      margin-right: var(--spacing-120);
    }
  }
  .tablet\:mr-128 {
    @media (width >= 768px) {
      margin-right: var(--spacing-128);
    }
  }
  .tablet\:mr-136 {
    @media (width >= 768px) {
      margin-right: var(--spacing-136);
    }
  }
  .tablet\:mr-144 {
    @media (width >= 768px) {
      margin-right: var(--spacing-144);
    }
  }
  .tablet\:mr-152 {
    @media (width >= 768px) {
      margin-right: var(--spacing-152);
    }
  }
  .tablet\:mr-160 {
    @media (width >= 768px) {
      margin-right: var(--spacing-160);
    }
  }
  .tablet\:mr-176 {
    @media (width >= 768px) {
      margin-right: var(--spacing-176);
    }
  }
  .tablet\:mr-192 {
    @media (width >= 768px) {
      margin-right: var(--spacing-192);
    }
  }
  .tablet\:mr-208 {
    @media (width >= 768px) {
      margin-right: var(--spacing-208);
    }
  }
  .tablet\:mr-224 {
    @media (width >= 768px) {
      margin-right: var(--spacing-224);
    }
  }
  .tablet\:mr-240 {
    @media (width >= 768px) {
      margin-right: var(--spacing-240);
    }
  }
  .tablet\:mr-256 {
    @media (width >= 768px) {
      margin-right: var(--spacing-256);
    }
  }
  .tablet\:mb-1 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-1);
    }
  }
  .tablet\:mb-2 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .tablet\:mb-4 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-4);
    }
  }
  .tablet\:mb-6 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .tablet\:mb-8 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-8);
    }
  }
  .tablet\:mb-12 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-12);
    }
  }
  .tablet\:mb-14 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-14);
    }
  }
  .tablet\:mb-16 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-16);
    }
  }
  .tablet\:mb-18 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-18);
    }
  }
  .tablet\:mb-20 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-20);
    }
  }
  .tablet\:mb-22 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-22);
    }
  }
  .tablet\:mb-24 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-24);
    }
  }
  .tablet\:mb-26 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-26);
    }
  }
  .tablet\:mb-28 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-28);
    }
  }
  .tablet\:mb-32 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-32);
    }
  }
  .tablet\:mb-34 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-34);
    }
  }
  .tablet\:mb-36 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-36);
    }
  }
  .tablet\:mb-38 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-38);
    }
  }
  .tablet\:mb-40 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-40);
    }
  }
  .tablet\:mb-42 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-42);
    }
  }
  .tablet\:mb-44 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-44);
    }
  }
  .tablet\:mb-48 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-48);
    }
  }
  .tablet\:mb-52 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-52);
    }
  }
  .tablet\:mb-56 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-56);
    }
  }
  .tablet\:mb-60 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-60);
    }
  }
  .tablet\:mb-64 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-64);
    }
  }
  .tablet\:mb-68 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-68);
    }
  }
  .tablet\:mb-72 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-72);
    }
  }
  .tablet\:mb-76 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-76);
    }
  }
  .tablet\:mb-80 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-80);
    }
  }
  .tablet\:mb-84 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-84);
    }
  }
  .tablet\:mb-88 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-88);
    }
  }
  .tablet\:mb-92 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-92);
    }
  }
  .tablet\:mb-96 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-96);
    }
  }
  .tablet\:mb-104 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-104);
    }
  }
  .tablet\:mb-112 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-112);
    }
  }
  .tablet\:mb-120 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-120);
    }
  }
  .tablet\:mb-128 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-128);
    }
  }
  .tablet\:mb-136 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-136);
    }
  }
  .tablet\:mb-144 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-144);
    }
  }
  .tablet\:mb-152 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-152);
    }
  }
  .tablet\:mb-160 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-160);
    }
  }
  .tablet\:mb-176 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-176);
    }
  }
  .tablet\:mb-192 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-192);
    }
  }
  .tablet\:mb-208 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-208);
    }
  }
  .tablet\:mb-224 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-224);
    }
  }
  .tablet\:mb-240 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-240);
    }
  }
  .tablet\:mb-256 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-256);
    }
  }
  .tablet\:ml-1 {
    @media (width >= 768px) {
      margin-left: var(--spacing-1);
    }
  }
  .tablet\:ml-2 {
    @media (width >= 768px) {
      margin-left: var(--spacing-2);
    }
  }
  .tablet\:ml-4 {
    @media (width >= 768px) {
      margin-left: var(--spacing-4);
    }
  }
  .tablet\:ml-6 {
    @media (width >= 768px) {
      margin-left: var(--spacing-6);
    }
  }
  .tablet\:ml-8 {
    @media (width >= 768px) {
      margin-left: var(--spacing-8);
    }
  }
  .tablet\:ml-12 {
    @media (width >= 768px) {
      margin-left: var(--spacing-12);
    }
  }
  .tablet\:ml-14 {
    @media (width >= 768px) {
      margin-left: var(--spacing-14);
    }
  }
  .tablet\:ml-16 {
    @media (width >= 768px) {
      margin-left: var(--spacing-16);
    }
  }
  .tablet\:ml-18 {
    @media (width >= 768px) {
      margin-left: var(--spacing-18);
    }
  }
  .tablet\:ml-20 {
    @media (width >= 768px) {
      margin-left: var(--spacing-20);
    }
  }
  .tablet\:ml-22 {
    @media (width >= 768px) {
      margin-left: var(--spacing-22);
    }
  }
  .tablet\:ml-24 {
    @media (width >= 768px) {
      margin-left: var(--spacing-24);
    }
  }
  .tablet\:ml-26 {
    @media (width >= 768px) {
      margin-left: var(--spacing-26);
    }
  }
  .tablet\:ml-28 {
    @media (width >= 768px) {
      margin-left: var(--spacing-28);
    }
  }
  .tablet\:ml-32 {
    @media (width >= 768px) {
      margin-left: var(--spacing-32);
    }
  }
  .tablet\:ml-34 {
    @media (width >= 768px) {
      margin-left: var(--spacing-34);
    }
  }
  .tablet\:ml-36 {
    @media (width >= 768px) {
      margin-left: var(--spacing-36);
    }
  }
  .tablet\:ml-38 {
    @media (width >= 768px) {
      margin-left: var(--spacing-38);
    }
  }
  .tablet\:ml-40 {
    @media (width >= 768px) {
      margin-left: var(--spacing-40);
    }
  }
  .tablet\:ml-42 {
    @media (width >= 768px) {
      margin-left: var(--spacing-42);
    }
  }
  .tablet\:ml-44 {
    @media (width >= 768px) {
      margin-left: var(--spacing-44);
    }
  }
  .tablet\:ml-48 {
    @media (width >= 768px) {
      margin-left: var(--spacing-48);
    }
  }
  .tablet\:ml-52 {
    @media (width >= 768px) {
      margin-left: var(--spacing-52);
    }
  }
  .tablet\:ml-56 {
    @media (width >= 768px) {
      margin-left: var(--spacing-56);
    }
  }
  .tablet\:ml-60 {
    @media (width >= 768px) {
      margin-left: var(--spacing-60);
    }
  }
  .tablet\:ml-64 {
    @media (width >= 768px) {
      margin-left: var(--spacing-64);
    }
  }
  .tablet\:ml-68 {
    @media (width >= 768px) {
      margin-left: var(--spacing-68);
    }
  }
  .tablet\:ml-72 {
    @media (width >= 768px) {
      margin-left: var(--spacing-72);
    }
  }
  .tablet\:ml-76 {
    @media (width >= 768px) {
      margin-left: var(--spacing-76);
    }
  }
  .tablet\:ml-80 {
    @media (width >= 768px) {
      margin-left: var(--spacing-80);
    }
  }
  .tablet\:ml-84 {
    @media (width >= 768px) {
      margin-left: var(--spacing-84);
    }
  }
  .tablet\:ml-88 {
    @media (width >= 768px) {
      margin-left: var(--spacing-88);
    }
  }
  .tablet\:ml-92 {
    @media (width >= 768px) {
      margin-left: var(--spacing-92);
    }
  }
  .tablet\:ml-96 {
    @media (width >= 768px) {
      margin-left: var(--spacing-96);
    }
  }
  .tablet\:ml-104 {
    @media (width >= 768px) {
      margin-left: var(--spacing-104);
    }
  }
  .tablet\:ml-112 {
    @media (width >= 768px) {
      margin-left: var(--spacing-112);
    }
  }
  .tablet\:ml-120 {
    @media (width >= 768px) {
      margin-left: var(--spacing-120);
    }
  }
  .tablet\:ml-128 {
    @media (width >= 768px) {
      margin-left: var(--spacing-128);
    }
  }
  .tablet\:ml-136 {
    @media (width >= 768px) {
      margin-left: var(--spacing-136);
    }
  }
  .tablet\:ml-144 {
    @media (width >= 768px) {
      margin-left: var(--spacing-144);
    }
  }
  .tablet\:ml-152 {
    @media (width >= 768px) {
      margin-left: var(--spacing-152);
    }
  }
  .tablet\:ml-160 {
    @media (width >= 768px) {
      margin-left: var(--spacing-160);
    }
  }
  .tablet\:ml-176 {
    @media (width >= 768px) {
      margin-left: var(--spacing-176);
    }
  }
  .tablet\:ml-192 {
    @media (width >= 768px) {
      margin-left: var(--spacing-192);
    }
  }
  .tablet\:ml-208 {
    @media (width >= 768px) {
      margin-left: var(--spacing-208);
    }
  }
  .tablet\:ml-224 {
    @media (width >= 768px) {
      margin-left: var(--spacing-224);
    }
  }
  .tablet\:ml-240 {
    @media (width >= 768px) {
      margin-left: var(--spacing-240);
    }
  }
  .tablet\:ml-256 {
    @media (width >= 768px) {
      margin-left: var(--spacing-256);
    }
  }
  .tablet\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .tablet\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .tablet\:h-none {
    @media (width >= 768px) {
      height: var(--spacing-none);
    }
  }
  .tablet\:max-h-1 {
    @media (width >= 768px) {
      max-height: var(--spacing-1);
    }
  }
  .tablet\:max-h-2 {
    @media (width >= 768px) {
      max-height: var(--spacing-2);
    }
  }
  .tablet\:max-h-4 {
    @media (width >= 768px) {
      max-height: var(--spacing-4);
    }
  }
  .tablet\:max-h-6 {
    @media (width >= 768px) {
      max-height: var(--spacing-6);
    }
  }
  .tablet\:max-h-8 {
    @media (width >= 768px) {
      max-height: var(--spacing-8);
    }
  }
  .tablet\:max-h-12 {
    @media (width >= 768px) {
      max-height: var(--spacing-12);
    }
  }
  .tablet\:max-h-14 {
    @media (width >= 768px) {
      max-height: var(--spacing-14);
    }
  }
  .tablet\:max-h-16 {
    @media (width >= 768px) {
      max-height: var(--spacing-16);
    }
  }
  .tablet\:max-h-18 {
    @media (width >= 768px) {
      max-height: var(--spacing-18);
    }
  }
  .tablet\:max-h-20 {
    @media (width >= 768px) {
      max-height: var(--spacing-20);
    }
  }
  .tablet\:max-h-22 {
    @media (width >= 768px) {
      max-height: var(--spacing-22);
    }
  }
  .tablet\:max-h-24 {
    @media (width >= 768px) {
      max-height: var(--spacing-24);
    }
  }
  .tablet\:max-h-26 {
    @media (width >= 768px) {
      max-height: var(--spacing-26);
    }
  }
  .tablet\:max-h-28 {
    @media (width >= 768px) {
      max-height: var(--spacing-28);
    }
  }
  .tablet\:max-h-32 {
    @media (width >= 768px) {
      max-height: var(--spacing-32);
    }
  }
  .tablet\:max-h-34 {
    @media (width >= 768px) {
      max-height: var(--spacing-34);
    }
  }
  .tablet\:max-h-36 {
    @media (width >= 768px) {
      max-height: var(--spacing-36);
    }
  }
  .tablet\:max-h-38 {
    @media (width >= 768px) {
      max-height: var(--spacing-38);
    }
  }
  .tablet\:max-h-40 {
    @media (width >= 768px) {
      max-height: var(--spacing-40);
    }
  }
  .tablet\:max-h-42 {
    @media (width >= 768px) {
      max-height: var(--spacing-42);
    }
  }
  .tablet\:max-h-44 {
    @media (width >= 768px) {
      max-height: var(--spacing-44);
    }
  }
  .tablet\:max-h-48 {
    @media (width >= 768px) {
      max-height: var(--spacing-48);
    }
  }
  .tablet\:max-h-52 {
    @media (width >= 768px) {
      max-height: var(--spacing-52);
    }
  }
  .tablet\:max-h-56 {
    @media (width >= 768px) {
      max-height: var(--spacing-56);
    }
  }
  .tablet\:max-h-60 {
    @media (width >= 768px) {
      max-height: var(--spacing-60);
    }
  }
  .tablet\:max-h-64 {
    @media (width >= 768px) {
      max-height: var(--spacing-64);
    }
  }
  .tablet\:max-h-68 {
    @media (width >= 768px) {
      max-height: var(--spacing-68);
    }
  }
  .tablet\:max-h-72 {
    @media (width >= 768px) {
      max-height: var(--spacing-72);
    }
  }
  .tablet\:max-h-76 {
    @media (width >= 768px) {
      max-height: var(--spacing-76);
    }
  }
  .tablet\:max-h-80 {
    @media (width >= 768px) {
      max-height: var(--spacing-80);
    }
  }
  .tablet\:max-h-84 {
    @media (width >= 768px) {
      max-height: var(--spacing-84);
    }
  }
  .tablet\:max-h-88 {
    @media (width >= 768px) {
      max-height: var(--spacing-88);
    }
  }
  .tablet\:max-h-92 {
    @media (width >= 768px) {
      max-height: var(--spacing-92);
    }
  }
  .tablet\:max-h-96 {
    @media (width >= 768px) {
      max-height: var(--spacing-96);
    }
  }
  .tablet\:max-h-104 {
    @media (width >= 768px) {
      max-height: var(--spacing-104);
    }
  }
  .tablet\:max-h-112 {
    @media (width >= 768px) {
      max-height: var(--spacing-112);
    }
  }
  .tablet\:max-h-120 {
    @media (width >= 768px) {
      max-height: var(--spacing-120);
    }
  }
  .tablet\:max-h-128 {
    @media (width >= 768px) {
      max-height: var(--spacing-128);
    }
  }
  .tablet\:max-h-136 {
    @media (width >= 768px) {
      max-height: var(--spacing-136);
    }
  }
  .tablet\:max-h-144 {
    @media (width >= 768px) {
      max-height: var(--spacing-144);
    }
  }
  .tablet\:max-h-152 {
    @media (width >= 768px) {
      max-height: var(--spacing-152);
    }
  }
  .tablet\:max-h-160 {
    @media (width >= 768px) {
      max-height: var(--spacing-160);
    }
  }
  .tablet\:max-h-176 {
    @media (width >= 768px) {
      max-height: var(--spacing-176);
    }
  }
  .tablet\:max-h-192 {
    @media (width >= 768px) {
      max-height: var(--spacing-192);
    }
  }
  .tablet\:max-h-208 {
    @media (width >= 768px) {
      max-height: var(--spacing-208);
    }
  }
  .tablet\:max-h-224 {
    @media (width >= 768px) {
      max-height: var(--spacing-224);
    }
  }
  .tablet\:max-h-240 {
    @media (width >= 768px) {
      max-height: var(--spacing-240);
    }
  }
  .tablet\:max-h-256 {
    @media (width >= 768px) {
      max-height: var(--spacing-256);
    }
  }
  .tablet\:min-h-1 {
    @media (width >= 768px) {
      min-height: var(--spacing-1);
    }
  }
  .tablet\:min-h-2 {
    @media (width >= 768px) {
      min-height: var(--spacing-2);
    }
  }
  .tablet\:min-h-4 {
    @media (width >= 768px) {
      min-height: var(--spacing-4);
    }
  }
  .tablet\:min-h-6 {
    @media (width >= 768px) {
      min-height: var(--spacing-6);
    }
  }
  .tablet\:min-h-8 {
    @media (width >= 768px) {
      min-height: var(--spacing-8);
    }
  }
  .tablet\:min-h-12 {
    @media (width >= 768px) {
      min-height: var(--spacing-12);
    }
  }
  .tablet\:min-h-14 {
    @media (width >= 768px) {
      min-height: var(--spacing-14);
    }
  }
  .tablet\:min-h-16 {
    @media (width >= 768px) {
      min-height: var(--spacing-16);
    }
  }
  .tablet\:min-h-18 {
    @media (width >= 768px) {
      min-height: var(--spacing-18);
    }
  }
  .tablet\:min-h-20 {
    @media (width >= 768px) {
      min-height: var(--spacing-20);
    }
  }
  .tablet\:min-h-22 {
    @media (width >= 768px) {
      min-height: var(--spacing-22);
    }
  }
  .tablet\:min-h-24 {
    @media (width >= 768px) {
      min-height: var(--spacing-24);
    }
  }
  .tablet\:min-h-26 {
    @media (width >= 768px) {
      min-height: var(--spacing-26);
    }
  }
  .tablet\:min-h-28 {
    @media (width >= 768px) {
      min-height: var(--spacing-28);
    }
  }
  .tablet\:min-h-32 {
    @media (width >= 768px) {
      min-height: var(--spacing-32);
    }
  }
  .tablet\:min-h-34 {
    @media (width >= 768px) {
      min-height: var(--spacing-34);
    }
  }
  .tablet\:min-h-36 {
    @media (width >= 768px) {
      min-height: var(--spacing-36);
    }
  }
  .tablet\:min-h-38 {
    @media (width >= 768px) {
      min-height: var(--spacing-38);
    }
  }
  .tablet\:min-h-40 {
    @media (width >= 768px) {
      min-height: var(--spacing-40);
    }
  }
  .tablet\:min-h-42 {
    @media (width >= 768px) {
      min-height: var(--spacing-42);
    }
  }
  .tablet\:min-h-44 {
    @media (width >= 768px) {
      min-height: var(--spacing-44);
    }
  }
  .tablet\:min-h-48 {
    @media (width >= 768px) {
      min-height: var(--spacing-48);
    }
  }
  .tablet\:min-h-52 {
    @media (width >= 768px) {
      min-height: var(--spacing-52);
    }
  }
  .tablet\:min-h-56 {
    @media (width >= 768px) {
      min-height: var(--spacing-56);
    }
  }
  .tablet\:min-h-60 {
    @media (width >= 768px) {
      min-height: var(--spacing-60);
    }
  }
  .tablet\:min-h-64 {
    @media (width >= 768px) {
      min-height: var(--spacing-64);
    }
  }
  .tablet\:min-h-68 {
    @media (width >= 768px) {
      min-height: var(--spacing-68);
    }
  }
  .tablet\:min-h-72 {
    @media (width >= 768px) {
      min-height: var(--spacing-72);
    }
  }
  .tablet\:min-h-76 {
    @media (width >= 768px) {
      min-height: var(--spacing-76);
    }
  }
  .tablet\:min-h-80 {
    @media (width >= 768px) {
      min-height: var(--spacing-80);
    }
  }
  .tablet\:min-h-84 {
    @media (width >= 768px) {
      min-height: var(--spacing-84);
    }
  }
  .tablet\:min-h-88 {
    @media (width >= 768px) {
      min-height: var(--spacing-88);
    }
  }
  .tablet\:min-h-92 {
    @media (width >= 768px) {
      min-height: var(--spacing-92);
    }
  }
  .tablet\:min-h-96 {
    @media (width >= 768px) {
      min-height: var(--spacing-96);
    }
  }
  .tablet\:min-h-104 {
    @media (width >= 768px) {
      min-height: var(--spacing-104);
    }
  }
  .tablet\:min-h-112 {
    @media (width >= 768px) {
      min-height: var(--spacing-112);
    }
  }
  .tablet\:min-h-120 {
    @media (width >= 768px) {
      min-height: var(--spacing-120);
    }
  }
  .tablet\:min-h-128 {
    @media (width >= 768px) {
      min-height: var(--spacing-128);
    }
  }
  .tablet\:min-h-136 {
    @media (width >= 768px) {
      min-height: var(--spacing-136);
    }
  }
  .tablet\:min-h-144 {
    @media (width >= 768px) {
      min-height: var(--spacing-144);
    }
  }
  .tablet\:min-h-152 {
    @media (width >= 768px) {
      min-height: var(--spacing-152);
    }
  }
  .tablet\:min-h-160 {
    @media (width >= 768px) {
      min-height: var(--spacing-160);
    }
  }
  .tablet\:min-h-176 {
    @media (width >= 768px) {
      min-height: var(--spacing-176);
    }
  }
  .tablet\:min-h-192 {
    @media (width >= 768px) {
      min-height: var(--spacing-192);
    }
  }
  .tablet\:min-h-208 {
    @media (width >= 768px) {
      min-height: var(--spacing-208);
    }
  }
  .tablet\:min-h-224 {
    @media (width >= 768px) {
      min-height: var(--spacing-224);
    }
  }
  .tablet\:min-h-240 {
    @media (width >= 768px) {
      min-height: var(--spacing-240);
    }
  }
  .tablet\:min-h-256 {
    @media (width >= 768px) {
      min-height: var(--spacing-256);
    }
  }
  .tablet\:w-none {
    @media (width >= 768px) {
      width: var(--spacing-none);
    }
  }
  .tablet\:max-w-1 {
    @media (width >= 768px) {
      max-width: var(--spacing-1);
    }
  }
  .tablet\:max-w-2 {
    @media (width >= 768px) {
      max-width: var(--spacing-2);
    }
  }
  .tablet\:max-w-4 {
    @media (width >= 768px) {
      max-width: var(--spacing-4);
    }
  }
  .tablet\:max-w-6 {
    @media (width >= 768px) {
      max-width: var(--spacing-6);
    }
  }
  .tablet\:max-w-8 {
    @media (width >= 768px) {
      max-width: var(--spacing-8);
    }
  }
  .tablet\:max-w-12 {
    @media (width >= 768px) {
      max-width: var(--spacing-12);
    }
  }
  .tablet\:max-w-14 {
    @media (width >= 768px) {
      max-width: var(--spacing-14);
    }
  }
  .tablet\:max-w-16 {
    @media (width >= 768px) {
      max-width: var(--spacing-16);
    }
  }
  .tablet\:max-w-18 {
    @media (width >= 768px) {
      max-width: var(--spacing-18);
    }
  }
  .tablet\:max-w-20 {
    @media (width >= 768px) {
      max-width: var(--spacing-20);
    }
  }
  .tablet\:max-w-22 {
    @media (width >= 768px) {
      max-width: var(--spacing-22);
    }
  }
  .tablet\:max-w-24 {
    @media (width >= 768px) {
      max-width: var(--spacing-24);
    }
  }
  .tablet\:max-w-26 {
    @media (width >= 768px) {
      max-width: var(--spacing-26);
    }
  }
  .tablet\:max-w-28 {
    @media (width >= 768px) {
      max-width: var(--spacing-28);
    }
  }
  .tablet\:max-w-32 {
    @media (width >= 768px) {
      max-width: var(--spacing-32);
    }
  }
  .tablet\:max-w-34 {
    @media (width >= 768px) {
      max-width: var(--spacing-34);
    }
  }
  .tablet\:max-w-36 {
    @media (width >= 768px) {
      max-width: var(--spacing-36);
    }
  }
  .tablet\:max-w-38 {
    @media (width >= 768px) {
      max-width: var(--spacing-38);
    }
  }
  .tablet\:max-w-40 {
    @media (width >= 768px) {
      max-width: var(--spacing-40);
    }
  }
  .tablet\:max-w-42 {
    @media (width >= 768px) {
      max-width: var(--spacing-42);
    }
  }
  .tablet\:max-w-44 {
    @media (width >= 768px) {
      max-width: var(--spacing-44);
    }
  }
  .tablet\:max-w-48 {
    @media (width >= 768px) {
      max-width: var(--spacing-48);
    }
  }
  .tablet\:max-w-52 {
    @media (width >= 768px) {
      max-width: var(--spacing-52);
    }
  }
  .tablet\:max-w-56 {
    @media (width >= 768px) {
      max-width: var(--spacing-56);
    }
  }
  .tablet\:max-w-60 {
    @media (width >= 768px) {
      max-width: var(--spacing-60);
    }
  }
  .tablet\:max-w-64 {
    @media (width >= 768px) {
      max-width: var(--spacing-64);
    }
  }
  .tablet\:max-w-68 {
    @media (width >= 768px) {
      max-width: var(--spacing-68);
    }
  }
  .tablet\:max-w-72 {
    @media (width >= 768px) {
      max-width: var(--spacing-72);
    }
  }
  .tablet\:max-w-76 {
    @media (width >= 768px) {
      max-width: var(--spacing-76);
    }
  }
  .tablet\:max-w-80 {
    @media (width >= 768px) {
      max-width: var(--spacing-80);
    }
  }
  .tablet\:max-w-84 {
    @media (width >= 768px) {
      max-width: var(--spacing-84);
    }
  }
  .tablet\:max-w-88 {
    @media (width >= 768px) {
      max-width: var(--spacing-88);
    }
  }
  .tablet\:max-w-92 {
    @media (width >= 768px) {
      max-width: var(--spacing-92);
    }
  }
  .tablet\:max-w-96 {
    @media (width >= 768px) {
      max-width: var(--spacing-96);
    }
  }
  .tablet\:max-w-104 {
    @media (width >= 768px) {
      max-width: var(--spacing-104);
    }
  }
  .tablet\:max-w-112 {
    @media (width >= 768px) {
      max-width: var(--spacing-112);
    }
  }
  .tablet\:max-w-120 {
    @media (width >= 768px) {
      max-width: var(--spacing-120);
    }
  }
  .tablet\:max-w-128 {
    @media (width >= 768px) {
      max-width: var(--spacing-128);
    }
  }
  .tablet\:max-w-136 {
    @media (width >= 768px) {
      max-width: var(--spacing-136);
    }
  }
  .tablet\:max-w-144 {
    @media (width >= 768px) {
      max-width: var(--spacing-144);
    }
  }
  .tablet\:max-w-152 {
    @media (width >= 768px) {
      max-width: var(--spacing-152);
    }
  }
  .tablet\:max-w-160 {
    @media (width >= 768px) {
      max-width: var(--spacing-160);
    }
  }
  .tablet\:max-w-176 {
    @media (width >= 768px) {
      max-width: var(--spacing-176);
    }
  }
  .tablet\:max-w-192 {
    @media (width >= 768px) {
      max-width: var(--spacing-192);
    }
  }
  .tablet\:max-w-208 {
    @media (width >= 768px) {
      max-width: var(--spacing-208);
    }
  }
  .tablet\:max-w-224 {
    @media (width >= 768px) {
      max-width: var(--spacing-224);
    }
  }
  .tablet\:max-w-240 {
    @media (width >= 768px) {
      max-width: var(--spacing-240);
    }
  }
  .tablet\:max-w-256 {
    @media (width >= 768px) {
      max-width: var(--spacing-256);
    }
  }
  .tablet\:max-w-\[40px\] {
    @media (width >= 768px) {
      max-width: 40px;
    }
  }
  .tablet\:min-w-1 {
    @media (width >= 768px) {
      min-width: var(--spacing-1);
    }
  }
  .tablet\:min-w-2 {
    @media (width >= 768px) {
      min-width: var(--spacing-2);
    }
  }
  .tablet\:min-w-4 {
    @media (width >= 768px) {
      min-width: var(--spacing-4);
    }
  }
  .tablet\:min-w-6 {
    @media (width >= 768px) {
      min-width: var(--spacing-6);
    }
  }
  .tablet\:min-w-8 {
    @media (width >= 768px) {
      min-width: var(--spacing-8);
    }
  }
  .tablet\:min-w-12 {
    @media (width >= 768px) {
      min-width: var(--spacing-12);
    }
  }
  .tablet\:min-w-14 {
    @media (width >= 768px) {
      min-width: var(--spacing-14);
    }
  }
  .tablet\:min-w-16 {
    @media (width >= 768px) {
      min-width: var(--spacing-16);
    }
  }
  .tablet\:min-w-18 {
    @media (width >= 768px) {
      min-width: var(--spacing-18);
    }
  }
  .tablet\:min-w-20 {
    @media (width >= 768px) {
      min-width: var(--spacing-20);
    }
  }
  .tablet\:min-w-22 {
    @media (width >= 768px) {
      min-width: var(--spacing-22);
    }
  }
  .tablet\:min-w-24 {
    @media (width >= 768px) {
      min-width: var(--spacing-24);
    }
  }
  .tablet\:min-w-26 {
    @media (width >= 768px) {
      min-width: var(--spacing-26);
    }
  }
  .tablet\:min-w-28 {
    @media (width >= 768px) {
      min-width: var(--spacing-28);
    }
  }
  .tablet\:min-w-32 {
    @media (width >= 768px) {
      min-width: var(--spacing-32);
    }
  }
  .tablet\:min-w-34 {
    @media (width >= 768px) {
      min-width: var(--spacing-34);
    }
  }
  .tablet\:min-w-36 {
    @media (width >= 768px) {
      min-width: var(--spacing-36);
    }
  }
  .tablet\:min-w-38 {
    @media (width >= 768px) {
      min-width: var(--spacing-38);
    }
  }
  .tablet\:min-w-40 {
    @media (width >= 768px) {
      min-width: var(--spacing-40);
    }
  }
  .tablet\:min-w-42 {
    @media (width >= 768px) {
      min-width: var(--spacing-42);
    }
  }
  .tablet\:min-w-44 {
    @media (width >= 768px) {
      min-width: var(--spacing-44);
    }
  }
  .tablet\:min-w-48 {
    @media (width >= 768px) {
      min-width: var(--spacing-48);
    }
  }
  .tablet\:min-w-52 {
    @media (width >= 768px) {
      min-width: var(--spacing-52);
    }
  }
  .tablet\:min-w-56 {
    @media (width >= 768px) {
      min-width: var(--spacing-56);
    }
  }
  .tablet\:min-w-60 {
    @media (width >= 768px) {
      min-width: var(--spacing-60);
    }
  }
  .tablet\:min-w-64 {
    @media (width >= 768px) {
      min-width: var(--spacing-64);
    }
  }
  .tablet\:min-w-68 {
    @media (width >= 768px) {
      min-width: var(--spacing-68);
    }
  }
  .tablet\:min-w-72 {
    @media (width >= 768px) {
      min-width: var(--spacing-72);
    }
  }
  .tablet\:min-w-76 {
    @media (width >= 768px) {
      min-width: var(--spacing-76);
    }
  }
  .tablet\:min-w-80 {
    @media (width >= 768px) {
      min-width: var(--spacing-80);
    }
  }
  .tablet\:min-w-84 {
    @media (width >= 768px) {
      min-width: var(--spacing-84);
    }
  }
  .tablet\:min-w-88 {
    @media (width >= 768px) {
      min-width: var(--spacing-88);
    }
  }
  .tablet\:min-w-92 {
    @media (width >= 768px) {
      min-width: var(--spacing-92);
    }
  }
  .tablet\:min-w-96 {
    @media (width >= 768px) {
      min-width: var(--spacing-96);
    }
  }
  .tablet\:min-w-104 {
    @media (width >= 768px) {
      min-width: var(--spacing-104);
    }
  }
  .tablet\:min-w-112 {
    @media (width >= 768px) {
      min-width: var(--spacing-112);
    }
  }
  .tablet\:min-w-120 {
    @media (width >= 768px) {
      min-width: var(--spacing-120);
    }
  }
  .tablet\:min-w-128 {
    @media (width >= 768px) {
      min-width: var(--spacing-128);
    }
  }
  .tablet\:min-w-136 {
    @media (width >= 768px) {
      min-width: var(--spacing-136);
    }
  }
  .tablet\:min-w-144 {
    @media (width >= 768px) {
      min-width: var(--spacing-144);
    }
  }
  .tablet\:min-w-152 {
    @media (width >= 768px) {
      min-width: var(--spacing-152);
    }
  }
  .tablet\:min-w-160 {
    @media (width >= 768px) {
      min-width: var(--spacing-160);
    }
  }
  .tablet\:min-w-176 {
    @media (width >= 768px) {
      min-width: var(--spacing-176);
    }
  }
  .tablet\:min-w-192 {
    @media (width >= 768px) {
      min-width: var(--spacing-192);
    }
  }
  .tablet\:min-w-208 {
    @media (width >= 768px) {
      min-width: var(--spacing-208);
    }
  }
  .tablet\:min-w-224 {
    @media (width >= 768px) {
      min-width: var(--spacing-224);
    }
  }
  .tablet\:min-w-240 {
    @media (width >= 768px) {
      min-width: var(--spacing-240);
    }
  }
  .tablet\:min-w-256 {
    @media (width >= 768px) {
      min-width: var(--spacing-256);
    }
  }
  .tablet\:min-w-none {
    @media (width >= 768px) {
      min-width: var(--spacing-none);
    }
  }
  .tablet\:flex-auto {
    @media (width >= 768px) {
      flex: auto;
    }
  }
  .tablet\:flex-initial {
    @media (width >= 768px) {
      flex: 0 auto;
    }
  }
  .tablet\:flex-none {
    @media (width >= 768px) {
      flex: none;
    }
  }
  .tablet\:grid-cols-1 {
    @media (width >= 768px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-3 {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-4 {
    @media (width >= 768px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-5 {
    @media (width >= 768px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-6 {
    @media (width >= 768px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-7 {
    @media (width >= 768px) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-8 {
    @media (width >= 768px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-9 {
    @media (width >= 768px) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-10 {
    @media (width >= 768px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-11 {
    @media (width >= 768px) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-12 {
    @media (width >= 768px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .tablet\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .tablet\:flex-nowrap {
    @media (width >= 768px) {
      flex-wrap: nowrap;
    }
  }
  .tablet\:flex-wrap {
    @media (width >= 768px) {
      flex-wrap: wrap;
    }
  }
  .tablet\:flex-wrap-reverse {
    @media (width >= 768px) {
      flex-wrap: wrap-reverse;
    }
  }
  .tablet\:place-content-around {
    @media (width >= 768px) {
      place-content: space-around;
    }
  }
  .tablet\:place-content-baseline {
    @media (width >= 768px) {
      place-content: baseline;
    }
  }
  .tablet\:place-content-between {
    @media (width >= 768px) {
      place-content: space-between;
    }
  }
  .tablet\:place-content-center {
    @media (width >= 768px) {
      place-content: center;
    }
  }
  .tablet\:place-content-center-safe {
    @media (width >= 768px) {
      place-content: safe center;
    }
  }
  .tablet\:place-content-end {
    @media (width >= 768px) {
      place-content: end;
    }
  }
  .tablet\:place-content-end-safe {
    @media (width >= 768px) {
      place-content: safe end;
    }
  }
  .tablet\:place-content-evenly {
    @media (width >= 768px) {
      place-content: space-evenly;
    }
  }
  .tablet\:place-content-start {
    @media (width >= 768px) {
      place-content: start;
    }
  }
  .tablet\:place-content-stretch {
    @media (width >= 768px) {
      place-content: stretch;
    }
  }
  .tablet\:content-around {
    @media (width >= 768px) {
      align-content: space-around;
    }
  }
  .tablet\:content-baseline {
    @media (width >= 768px) {
      align-content: baseline;
    }
  }
  .tablet\:content-between {
    @media (width >= 768px) {
      align-content: space-between;
    }
  }
  .tablet\:content-center {
    @media (width >= 768px) {
      align-content: center;
    }
  }
  .tablet\:content-center-safe {
    @media (width >= 768px) {
      align-content: safe center;
    }
  }
  .tablet\:content-end {
    @media (width >= 768px) {
      align-content: flex-end;
    }
  }
  .tablet\:content-end-safe {
    @media (width >= 768px) {
      align-content: safe flex-end;
    }
  }
  .tablet\:content-evenly {
    @media (width >= 768px) {
      align-content: space-evenly;
    }
  }
  .tablet\:content-normal {
    @media (width >= 768px) {
      align-content: normal;
    }
  }
  .tablet\:content-start {
    @media (width >= 768px) {
      align-content: flex-start;
    }
  }
  .tablet\:content-stretch {
    @media (width >= 768px) {
      align-content: stretch;
    }
  }
  .tablet\:items-baseline {
    @media (width >= 768px) {
      align-items: baseline;
    }
  }
  .tablet\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .tablet\:items-center-safe {
    @media (width >= 768px) {
      align-items: safe center;
    }
  }
  .tablet\:items-end {
    @media (width >= 768px) {
      align-items: flex-end;
    }
  }
  .tablet\:items-end-safe {
    @media (width >= 768px) {
      align-items: safe flex-end;
    }
  }
  .tablet\:items-start {
    @media (width >= 768px) {
      align-items: flex-start;
    }
  }
  .tablet\:items-stretch {
    @media (width >= 768px) {
      align-items: stretch;
    }
  }
  .tablet\:justify-around {
    @media (width >= 768px) {
      justify-content: space-around;
    }
  }
  .tablet\:justify-baseline {
    @media (width >= 768px) {
      justify-content: baseline;
    }
  }
  .tablet\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .tablet\:justify-center {
    @media (width >= 768px) {
      justify-content: center;
    }
  }
  .tablet\:justify-center-safe {
    @media (width >= 768px) {
      justify-content: safe center;
    }
  }
  .tablet\:justify-end {
    @media (width >= 768px) {
      justify-content: flex-end;
    }
  }
  .tablet\:justify-end-safe {
    @media (width >= 768px) {
      justify-content: safe flex-end;
    }
  }
  .tablet\:justify-evenly {
    @media (width >= 768px) {
      justify-content: space-evenly;
    }
  }
  .tablet\:justify-normal {
    @media (width >= 768px) {
      justify-content: normal;
    }
  }
  .tablet\:justify-start {
    @media (width >= 768px) {
      justify-content: flex-start;
    }
  }
  .tablet\:justify-stretch {
    @media (width >= 768px) {
      justify-content: stretch;
    }
  }
  .tablet\:justify-items-center {
    @media (width >= 768px) {
      justify-items: center;
    }
  }
  .tablet\:justify-items-center-safe {
    @media (width >= 768px) {
      justify-items: safe center;
    }
  }
  .tablet\:justify-items-end {
    @media (width >= 768px) {
      justify-items: end;
    }
  }
  .tablet\:justify-items-end-safe {
    @media (width >= 768px) {
      justify-items: safe end;
    }
  }
  .tablet\:justify-items-normal {
    @media (width >= 768px) {
      justify-items: normal;
    }
  }
  .tablet\:justify-items-start {
    @media (width >= 768px) {
      justify-items: start;
    }
  }
  .tablet\:justify-items-stretch {
    @media (width >= 768px) {
      justify-items: stretch;
    }
  }
  .tablet\:gap-12 {
    @media (width >= 768px) {
      gap: var(--spacing-12);
    }
  }
  .tablet\:gap-16 {
    @media (width >= 768px) {
      gap: var(--spacing-16);
    }
  }
  .tablet\:gap-18 {
    @media (width >= 768px) {
      gap: var(--spacing-18);
    }
  }
  .tablet\:gap-24 {
    @media (width >= 768px) {
      gap: var(--spacing-24);
    }
  }
  .tablet\:gap-none {
    @media (width >= 768px) {
      gap: var(--spacing-none);
    }
  }
  .tablet\:self-auto {
    @media (width >= 768px) {
      align-self: auto;
    }
  }
  .tablet\:self-baseline {
    @media (width >= 768px) {
      align-self: baseline;
    }
  }
  .tablet\:self-center {
    @media (width >= 768px) {
      align-self: center;
    }
  }
  .tablet\:self-center-safe {
    @media (width >= 768px) {
      align-self: safe center;
    }
  }
  .tablet\:self-end {
    @media (width >= 768px) {
      align-self: flex-end;
    }
  }
  .tablet\:self-end-safe {
    @media (width >= 768px) {
      align-self: safe flex-end;
    }
  }
  .tablet\:self-start {
    @media (width >= 768px) {
      align-self: flex-start;
    }
  }
  .tablet\:self-stretch {
    @media (width >= 768px) {
      align-self: stretch;
    }
  }
  .tablet\:justify-self-auto {
    @media (width >= 768px) {
      justify-self: auto;
    }
  }
  .tablet\:justify-self-center {
    @media (width >= 768px) {
      justify-self: center;
    }
  }
  .tablet\:justify-self-center-safe {
    @media (width >= 768px) {
      justify-self: safe center;
    }
  }
  .tablet\:justify-self-end {
    @media (width >= 768px) {
      justify-self: flex-end;
    }
  }
  .tablet\:justify-self-end-safe {
    @media (width >= 768px) {
      justify-self: safe flex-end;
    }
  }
  .tablet\:justify-self-start {
    @media (width >= 768px) {
      justify-self: flex-start;
    }
  }
  .tablet\:justify-self-stretch {
    @media (width >= 768px) {
      justify-self: stretch;
    }
  }
  .tablet\:p-1 {
    @media (width >= 768px) {
      padding: var(--spacing-1);
    }
  }
  .tablet\:p-2 {
    @media (width >= 768px) {
      padding: var(--spacing-2);
    }
  }
  .tablet\:p-4 {
    @media (width >= 768px) {
      padding: var(--spacing-4);
    }
  }
  .tablet\:p-6 {
    @media (width >= 768px) {
      padding: var(--spacing-6);
    }
  }
  .tablet\:p-8 {
    @media (width >= 768px) {
      padding: var(--spacing-8);
    }
  }
  .tablet\:p-12 {
    @media (width >= 768px) {
      padding: var(--spacing-12);
    }
  }
  .tablet\:p-14 {
    @media (width >= 768px) {
      padding: var(--spacing-14);
    }
  }
  .tablet\:p-16 {
    @media (width >= 768px) {
      padding: var(--spacing-16);
    }
  }
  .tablet\:p-18 {
    @media (width >= 768px) {
      padding: var(--spacing-18);
    }
  }
  .tablet\:p-20 {
    @media (width >= 768px) {
      padding: var(--spacing-20);
    }
  }
  .tablet\:p-22 {
    @media (width >= 768px) {
      padding: var(--spacing-22);
    }
  }
  .tablet\:p-24 {
    @media (width >= 768px) {
      padding: var(--spacing-24);
    }
  }
  .tablet\:p-26 {
    @media (width >= 768px) {
      padding: var(--spacing-26);
    }
  }
  .tablet\:p-28 {
    @media (width >= 768px) {
      padding: var(--spacing-28);
    }
  }
  .tablet\:p-32 {
    @media (width >= 768px) {
      padding: var(--spacing-32);
    }
  }
  .tablet\:p-34 {
    @media (width >= 768px) {
      padding: var(--spacing-34);
    }
  }
  .tablet\:p-36 {
    @media (width >= 768px) {
      padding: var(--spacing-36);
    }
  }
  .tablet\:p-38 {
    @media (width >= 768px) {
      padding: var(--spacing-38);
    }
  }
  .tablet\:p-40 {
    @media (width >= 768px) {
      padding: var(--spacing-40);
    }
  }
  .tablet\:p-42 {
    @media (width >= 768px) {
      padding: var(--spacing-42);
    }
  }
  .tablet\:p-44 {
    @media (width >= 768px) {
      padding: var(--spacing-44);
    }
  }
  .tablet\:p-48 {
    @media (width >= 768px) {
      padding: var(--spacing-48);
    }
  }
  .tablet\:p-52 {
    @media (width >= 768px) {
      padding: var(--spacing-52);
    }
  }
  .tablet\:p-56 {
    @media (width >= 768px) {
      padding: var(--spacing-56);
    }
  }
  .tablet\:p-60 {
    @media (width >= 768px) {
      padding: var(--spacing-60);
    }
  }
  .tablet\:p-64 {
    @media (width >= 768px) {
      padding: var(--spacing-64);
    }
  }
  .tablet\:p-68 {
    @media (width >= 768px) {
      padding: var(--spacing-68);
    }
  }
  .tablet\:p-72 {
    @media (width >= 768px) {
      padding: var(--spacing-72);
    }
  }
  .tablet\:p-76 {
    @media (width >= 768px) {
      padding: var(--spacing-76);
    }
  }
  .tablet\:p-80 {
    @media (width >= 768px) {
      padding: var(--spacing-80);
    }
  }
  .tablet\:p-84 {
    @media (width >= 768px) {
      padding: var(--spacing-84);
    }
  }
  .tablet\:p-88 {
    @media (width >= 768px) {
      padding: var(--spacing-88);
    }
  }
  .tablet\:p-92 {
    @media (width >= 768px) {
      padding: var(--spacing-92);
    }
  }
  .tablet\:p-96 {
    @media (width >= 768px) {
      padding: var(--spacing-96);
    }
  }
  .tablet\:p-104 {
    @media (width >= 768px) {
      padding: var(--spacing-104);
    }
  }
  .tablet\:p-112 {
    @media (width >= 768px) {
      padding: var(--spacing-112);
    }
  }
  .tablet\:p-120 {
    @media (width >= 768px) {
      padding: var(--spacing-120);
    }
  }
  .tablet\:p-128 {
    @media (width >= 768px) {
      padding: var(--spacing-128);
    }
  }
  .tablet\:p-136 {
    @media (width >= 768px) {
      padding: var(--spacing-136);
    }
  }
  .tablet\:p-144 {
    @media (width >= 768px) {
      padding: var(--spacing-144);
    }
  }
  .tablet\:p-152 {
    @media (width >= 768px) {
      padding: var(--spacing-152);
    }
  }
  .tablet\:p-160 {
    @media (width >= 768px) {
      padding: var(--spacing-160);
    }
  }
  .tablet\:p-176 {
    @media (width >= 768px) {
      padding: var(--spacing-176);
    }
  }
  .tablet\:p-192 {
    @media (width >= 768px) {
      padding: var(--spacing-192);
    }
  }
  .tablet\:p-208 {
    @media (width >= 768px) {
      padding: var(--spacing-208);
    }
  }
  .tablet\:p-224 {
    @media (width >= 768px) {
      padding: var(--spacing-224);
    }
  }
  .tablet\:p-240 {
    @media (width >= 768px) {
      padding: var(--spacing-240);
    }
  }
  .tablet\:p-256 {
    @media (width >= 768px) {
      padding: var(--spacing-256);
    }
  }
  .tablet\:px-1 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-1);
    }
  }
  .tablet\:px-2 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-2);
    }
  }
  .tablet\:px-4 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-4);
    }
  }
  .tablet\:px-6 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-6);
    }
  }
  .tablet\:px-8 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-8);
    }
  }
  .tablet\:px-12 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-12);
    }
  }
  .tablet\:px-14 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-14);
    }
  }
  .tablet\:px-16 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-16);
    }
  }
  .tablet\:px-18 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-18);
    }
  }
  .tablet\:px-20 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-20);
    }
  }
  .tablet\:px-22 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-22);
    }
  }
  .tablet\:px-24 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-24);
    }
  }
  .tablet\:px-26 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-26);
    }
  }
  .tablet\:px-28 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-28);
    }
  }
  .tablet\:px-32 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-32);
    }
  }
  .tablet\:px-34 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-34);
    }
  }
  .tablet\:px-36 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-36);
    }
  }
  .tablet\:px-38 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-38);
    }
  }
  .tablet\:px-40 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-40);
    }
  }
  .tablet\:px-42 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-42);
    }
  }
  .tablet\:px-44 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-44);
    }
  }
  .tablet\:px-48 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-48);
    }
  }
  .tablet\:px-52 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-52);
    }
  }
  .tablet\:px-56 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-56);
    }
  }
  .tablet\:px-60 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-60);
    }
  }
  .tablet\:px-64 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-64);
    }
  }
  .tablet\:px-68 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-68);
    }
  }
  .tablet\:px-72 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-72);
    }
  }
  .tablet\:px-76 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-76);
    }
  }
  .tablet\:px-80 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-80);
    }
  }
  .tablet\:px-84 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-84);
    }
  }
  .tablet\:px-88 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-88);
    }
  }
  .tablet\:px-92 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-92);
    }
  }
  .tablet\:px-96 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-96);
    }
  }
  .tablet\:px-104 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-104);
    }
  }
  .tablet\:px-112 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-112);
    }
  }
  .tablet\:px-120 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-120);
    }
  }
  .tablet\:px-128 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-128);
    }
  }
  .tablet\:px-136 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-136);
    }
  }
  .tablet\:px-144 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-144);
    }
  }
  .tablet\:px-152 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-152);
    }
  }
  .tablet\:px-160 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-160);
    }
  }
  .tablet\:px-176 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-176);
    }
  }
  .tablet\:px-192 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-192);
    }
  }
  .tablet\:px-208 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-208);
    }
  }
  .tablet\:px-224 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-224);
    }
  }
  .tablet\:px-240 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-240);
    }
  }
  .tablet\:px-256 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-256);
    }
  }
  .tablet\:py-1 {
    @media (width >= 768px) {
      padding-block: var(--spacing-1);
    }
  }
  .tablet\:py-2 {
    @media (width >= 768px) {
      padding-block: var(--spacing-2);
    }
  }
  .tablet\:py-4 {
    @media (width >= 768px) {
      padding-block: var(--spacing-4);
    }
  }
  .tablet\:py-6 {
    @media (width >= 768px) {
      padding-block: var(--spacing-6);
    }
  }
  .tablet\:py-8 {
    @media (width >= 768px) {
      padding-block: var(--spacing-8);
    }
  }
  .tablet\:py-12 {
    @media (width >= 768px) {
      padding-block: var(--spacing-12);
    }
  }
  .tablet\:py-14 {
    @media (width >= 768px) {
      padding-block: var(--spacing-14);
    }
  }
  .tablet\:py-16 {
    @media (width >= 768px) {
      padding-block: var(--spacing-16);
    }
  }
  .tablet\:py-18 {
    @media (width >= 768px) {
      padding-block: var(--spacing-18);
    }
  }
  .tablet\:py-20 {
    @media (width >= 768px) {
      padding-block: var(--spacing-20);
    }
  }
  .tablet\:py-22 {
    @media (width >= 768px) {
      padding-block: var(--spacing-22);
    }
  }
  .tablet\:py-24 {
    @media (width >= 768px) {
      padding-block: var(--spacing-24);
    }
  }
  .tablet\:py-26 {
    @media (width >= 768px) {
      padding-block: var(--spacing-26);
    }
  }
  .tablet\:py-28 {
    @media (width >= 768px) {
      padding-block: var(--spacing-28);
    }
  }
  .tablet\:py-32 {
    @media (width >= 768px) {
      padding-block: var(--spacing-32);
    }
  }
  .tablet\:py-34 {
    @media (width >= 768px) {
      padding-block: var(--spacing-34);
    }
  }
  .tablet\:py-36 {
    @media (width >= 768px) {
      padding-block: var(--spacing-36);
    }
  }
  .tablet\:py-38 {
    @media (width >= 768px) {
      padding-block: var(--spacing-38);
    }
  }
  .tablet\:py-40 {
    @media (width >= 768px) {
      padding-block: var(--spacing-40);
    }
  }
  .tablet\:py-42 {
    @media (width >= 768px) {
      padding-block: var(--spacing-42);
    }
  }
  .tablet\:py-44 {
    @media (width >= 768px) {
      padding-block: var(--spacing-44);
    }
  }
  .tablet\:py-48 {
    @media (width >= 768px) {
      padding-block: var(--spacing-48);
    }
  }
  .tablet\:py-52 {
    @media (width >= 768px) {
      padding-block: var(--spacing-52);
    }
  }
  .tablet\:py-56 {
    @media (width >= 768px) {
      padding-block: var(--spacing-56);
    }
  }
  .tablet\:py-60 {
    @media (width >= 768px) {
      padding-block: var(--spacing-60);
    }
  }
  .tablet\:py-64 {
    @media (width >= 768px) {
      padding-block: var(--spacing-64);
    }
  }
  .tablet\:py-68 {
    @media (width >= 768px) {
      padding-block: var(--spacing-68);
    }
  }
  .tablet\:py-72 {
    @media (width >= 768px) {
      padding-block: var(--spacing-72);
    }
  }
  .tablet\:py-76 {
    @media (width >= 768px) {
      padding-block: var(--spacing-76);
    }
  }
  .tablet\:py-80 {
    @media (width >= 768px) {
      padding-block: var(--spacing-80);
    }
  }
  .tablet\:py-84 {
    @media (width >= 768px) {
      padding-block: var(--spacing-84);
    }
  }
  .tablet\:py-88 {
    @media (width >= 768px) {
      padding-block: var(--spacing-88);
    }
  }
  .tablet\:py-92 {
    @media (width >= 768px) {
      padding-block: var(--spacing-92);
    }
  }
  .tablet\:py-96 {
    @media (width >= 768px) {
      padding-block: var(--spacing-96);
    }
  }
  .tablet\:py-104 {
    @media (width >= 768px) {
      padding-block: var(--spacing-104);
    }
  }
  .tablet\:py-112 {
    @media (width >= 768px) {
      padding-block: var(--spacing-112);
    }
  }
  .tablet\:py-120 {
    @media (width >= 768px) {
      padding-block: var(--spacing-120);
    }
  }
  .tablet\:py-128 {
    @media (width >= 768px) {
      padding-block: var(--spacing-128);
    }
  }
  .tablet\:py-136 {
    @media (width >= 768px) {
      padding-block: var(--spacing-136);
    }
  }
  .tablet\:py-144 {
    @media (width >= 768px) {
      padding-block: var(--spacing-144);
    }
  }
  .tablet\:py-152 {
    @media (width >= 768px) {
      padding-block: var(--spacing-152);
    }
  }
  .tablet\:py-160 {
    @media (width >= 768px) {
      padding-block: var(--spacing-160);
    }
  }
  .tablet\:py-176 {
    @media (width >= 768px) {
      padding-block: var(--spacing-176);
    }
  }
  .tablet\:py-192 {
    @media (width >= 768px) {
      padding-block: var(--spacing-192);
    }
  }
  .tablet\:py-208 {
    @media (width >= 768px) {
      padding-block: var(--spacing-208);
    }
  }
  .tablet\:py-224 {
    @media (width >= 768px) {
      padding-block: var(--spacing-224);
    }
  }
  .tablet\:py-240 {
    @media (width >= 768px) {
      padding-block: var(--spacing-240);
    }
  }
  .tablet\:py-256 {
    @media (width >= 768px) {
      padding-block: var(--spacing-256);
    }
  }
  .tablet\:pt-1 {
    @media (width >= 768px) {
      padding-top: var(--spacing-1);
    }
  }
  .tablet\:pt-2 {
    @media (width >= 768px) {
      padding-top: var(--spacing-2);
    }
  }
  .tablet\:pt-4 {
    @media (width >= 768px) {
      padding-top: var(--spacing-4);
    }
  }
  .tablet\:pt-6 {
    @media (width >= 768px) {
      padding-top: var(--spacing-6);
    }
  }
  .tablet\:pt-8 {
    @media (width >= 768px) {
      padding-top: var(--spacing-8);
    }
  }
  .tablet\:pt-12 {
    @media (width >= 768px) {
      padding-top: var(--spacing-12);
    }
  }
  .tablet\:pt-14 {
    @media (width >= 768px) {
      padding-top: var(--spacing-14);
    }
  }
  .tablet\:pt-16 {
    @media (width >= 768px) {
      padding-top: var(--spacing-16);
    }
  }
  .tablet\:pt-18 {
    @media (width >= 768px) {
      padding-top: var(--spacing-18);
    }
  }
  .tablet\:pt-20 {
    @media (width >= 768px) {
      padding-top: var(--spacing-20);
    }
  }
  .tablet\:pt-22 {
    @media (width >= 768px) {
      padding-top: var(--spacing-22);
    }
  }
  .tablet\:pt-24 {
    @media (width >= 768px) {
      padding-top: var(--spacing-24);
    }
  }
  .tablet\:pt-26 {
    @media (width >= 768px) {
      padding-top: var(--spacing-26);
    }
  }
  .tablet\:pt-28 {
    @media (width >= 768px) {
      padding-top: var(--spacing-28);
    }
  }
  .tablet\:pt-32 {
    @media (width >= 768px) {
      padding-top: var(--spacing-32);
    }
  }
  .tablet\:pt-34 {
    @media (width >= 768px) {
      padding-top: var(--spacing-34);
    }
  }
  .tablet\:pt-36 {
    @media (width >= 768px) {
      padding-top: var(--spacing-36);
    }
  }
  .tablet\:pt-38 {
    @media (width >= 768px) {
      padding-top: var(--spacing-38);
    }
  }
  .tablet\:pt-40 {
    @media (width >= 768px) {
      padding-top: var(--spacing-40);
    }
  }
  .tablet\:pt-42 {
    @media (width >= 768px) {
      padding-top: var(--spacing-42);
    }
  }
  .tablet\:pt-44 {
    @media (width >= 768px) {
      padding-top: var(--spacing-44);
    }
  }
  .tablet\:pt-48 {
    @media (width >= 768px) {
      padding-top: var(--spacing-48);
    }
  }
  .tablet\:pt-52 {
    @media (width >= 768px) {
      padding-top: var(--spacing-52);
    }
  }
  .tablet\:pt-56 {
    @media (width >= 768px) {
      padding-top: var(--spacing-56);
    }
  }
  .tablet\:pt-60 {
    @media (width >= 768px) {
      padding-top: var(--spacing-60);
    }
  }
  .tablet\:pt-64 {
    @media (width >= 768px) {
      padding-top: var(--spacing-64);
    }
  }
  .tablet\:pt-68 {
    @media (width >= 768px) {
      padding-top: var(--spacing-68);
    }
  }
  .tablet\:pt-72 {
    @media (width >= 768px) {
      padding-top: var(--spacing-72);
    }
  }
  .tablet\:pt-76 {
    @media (width >= 768px) {
      padding-top: var(--spacing-76);
    }
  }
  .tablet\:pt-80 {
    @media (width >= 768px) {
      padding-top: var(--spacing-80);
    }
  }
  .tablet\:pt-84 {
    @media (width >= 768px) {
      padding-top: var(--spacing-84);
    }
  }
  .tablet\:pt-88 {
    @media (width >= 768px) {
      padding-top: var(--spacing-88);
    }
  }
  .tablet\:pt-92 {
    @media (width >= 768px) {
      padding-top: var(--spacing-92);
    }
  }
  .tablet\:pt-96 {
    @media (width >= 768px) {
      padding-top: var(--spacing-96);
    }
  }
  .tablet\:pt-104 {
    @media (width >= 768px) {
      padding-top: var(--spacing-104);
    }
  }
  .tablet\:pt-112 {
    @media (width >= 768px) {
      padding-top: var(--spacing-112);
    }
  }
  .tablet\:pt-120 {
    @media (width >= 768px) {
      padding-top: var(--spacing-120);
    }
  }
  .tablet\:pt-128 {
    @media (width >= 768px) {
      padding-top: var(--spacing-128);
    }
  }
  .tablet\:pt-136 {
    @media (width >= 768px) {
      padding-top: var(--spacing-136);
    }
  }
  .tablet\:pt-144 {
    @media (width >= 768px) {
      padding-top: var(--spacing-144);
    }
  }
  .tablet\:pt-152 {
    @media (width >= 768px) {
      padding-top: var(--spacing-152);
    }
  }
  .tablet\:pt-160 {
    @media (width >= 768px) {
      padding-top: var(--spacing-160);
    }
  }
  .tablet\:pt-176 {
    @media (width >= 768px) {
      padding-top: var(--spacing-176);
    }
  }
  .tablet\:pt-192 {
    @media (width >= 768px) {
      padding-top: var(--spacing-192);
    }
  }
  .tablet\:pt-208 {
    @media (width >= 768px) {
      padding-top: var(--spacing-208);
    }
  }
  .tablet\:pt-224 {
    @media (width >= 768px) {
      padding-top: var(--spacing-224);
    }
  }
  .tablet\:pt-240 {
    @media (width >= 768px) {
      padding-top: var(--spacing-240);
    }
  }
  .tablet\:pt-256 {
    @media (width >= 768px) {
      padding-top: var(--spacing-256);
    }
  }
  .tablet\:pr-1 {
    @media (width >= 768px) {
      padding-right: var(--spacing-1);
    }
  }
  .tablet\:pr-2 {
    @media (width >= 768px) {
      padding-right: var(--spacing-2);
    }
  }
  .tablet\:pr-4 {
    @media (width >= 768px) {
      padding-right: var(--spacing-4);
    }
  }
  .tablet\:pr-6 {
    @media (width >= 768px) {
      padding-right: var(--spacing-6);
    }
  }
  .tablet\:pr-8 {
    @media (width >= 768px) {
      padding-right: var(--spacing-8);
    }
  }
  .tablet\:pr-12 {
    @media (width >= 768px) {
      padding-right: var(--spacing-12);
    }
  }
  .tablet\:pr-14 {
    @media (width >= 768px) {
      padding-right: var(--spacing-14);
    }
  }
  .tablet\:pr-16 {
    @media (width >= 768px) {
      padding-right: var(--spacing-16);
    }
  }
  .tablet\:pr-18 {
    @media (width >= 768px) {
      padding-right: var(--spacing-18);
    }
  }
  .tablet\:pr-20 {
    @media (width >= 768px) {
      padding-right: var(--spacing-20);
    }
  }
  .tablet\:pr-22 {
    @media (width >= 768px) {
      padding-right: var(--spacing-22);
    }
  }
  .tablet\:pr-24 {
    @media (width >= 768px) {
      padding-right: var(--spacing-24);
    }
  }
  .tablet\:pr-26 {
    @media (width >= 768px) {
      padding-right: var(--spacing-26);
    }
  }
  .tablet\:pr-28 {
    @media (width >= 768px) {
      padding-right: var(--spacing-28);
    }
  }
  .tablet\:pr-32 {
    @media (width >= 768px) {
      padding-right: var(--spacing-32);
    }
  }
  .tablet\:pr-34 {
    @media (width >= 768px) {
      padding-right: var(--spacing-34);
    }
  }
  .tablet\:pr-36 {
    @media (width >= 768px) {
      padding-right: var(--spacing-36);
    }
  }
  .tablet\:pr-38 {
    @media (width >= 768px) {
      padding-right: var(--spacing-38);
    }
  }
  .tablet\:pr-40 {
    @media (width >= 768px) {
      padding-right: var(--spacing-40);
    }
  }
  .tablet\:pr-42 {
    @media (width >= 768px) {
      padding-right: var(--spacing-42);
    }
  }
  .tablet\:pr-44 {
    @media (width >= 768px) {
      padding-right: var(--spacing-44);
    }
  }
  .tablet\:pr-48 {
    @media (width >= 768px) {
      padding-right: var(--spacing-48);
    }
  }
  .tablet\:pr-52 {
    @media (width >= 768px) {
      padding-right: var(--spacing-52);
    }
  }
  .tablet\:pr-56 {
    @media (width >= 768px) {
      padding-right: var(--spacing-56);
    }
  }
  .tablet\:pr-60 {
    @media (width >= 768px) {
      padding-right: var(--spacing-60);
    }
  }
  .tablet\:pr-64 {
    @media (width >= 768px) {
      padding-right: var(--spacing-64);
    }
  }
  .tablet\:pr-68 {
    @media (width >= 768px) {
      padding-right: var(--spacing-68);
    }
  }
  .tablet\:pr-72 {
    @media (width >= 768px) {
      padding-right: var(--spacing-72);
    }
  }
  .tablet\:pr-76 {
    @media (width >= 768px) {
      padding-right: var(--spacing-76);
    }
  }
  .tablet\:pr-80 {
    @media (width >= 768px) {
      padding-right: var(--spacing-80);
    }
  }
  .tablet\:pr-84 {
    @media (width >= 768px) {
      padding-right: var(--spacing-84);
    }
  }
  .tablet\:pr-88 {
    @media (width >= 768px) {
      padding-right: var(--spacing-88);
    }
  }
  .tablet\:pr-92 {
    @media (width >= 768px) {
      padding-right: var(--spacing-92);
    }
  }
  .tablet\:pr-96 {
    @media (width >= 768px) {
      padding-right: var(--spacing-96);
    }
  }
  .tablet\:pr-104 {
    @media (width >= 768px) {
      padding-right: var(--spacing-104);
    }
  }
  .tablet\:pr-112 {
    @media (width >= 768px) {
      padding-right: var(--spacing-112);
    }
  }
  .tablet\:pr-120 {
    @media (width >= 768px) {
      padding-right: var(--spacing-120);
    }
  }
  .tablet\:pr-128 {
    @media (width >= 768px) {
      padding-right: var(--spacing-128);
    }
  }
  .tablet\:pr-136 {
    @media (width >= 768px) {
      padding-right: var(--spacing-136);
    }
  }
  .tablet\:pr-144 {
    @media (width >= 768px) {
      padding-right: var(--spacing-144);
    }
  }
  .tablet\:pr-152 {
    @media (width >= 768px) {
      padding-right: var(--spacing-152);
    }
  }
  .tablet\:pr-160 {
    @media (width >= 768px) {
      padding-right: var(--spacing-160);
    }
  }
  .tablet\:pr-176 {
    @media (width >= 768px) {
      padding-right: var(--spacing-176);
    }
  }
  .tablet\:pr-192 {
    @media (width >= 768px) {
      padding-right: var(--spacing-192);
    }
  }
  .tablet\:pr-208 {
    @media (width >= 768px) {
      padding-right: var(--spacing-208);
    }
  }
  .tablet\:pr-224 {
    @media (width >= 768px) {
      padding-right: var(--spacing-224);
    }
  }
  .tablet\:pr-240 {
    @media (width >= 768px) {
      padding-right: var(--spacing-240);
    }
  }
  .tablet\:pr-256 {
    @media (width >= 768px) {
      padding-right: var(--spacing-256);
    }
  }
  .tablet\:pb-1 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-1);
    }
  }
  .tablet\:pb-2 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-2);
    }
  }
  .tablet\:pb-4 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-4);
    }
  }
  .tablet\:pb-6 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-6);
    }
  }
  .tablet\:pb-8 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-8);
    }
  }
  .tablet\:pb-12 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-12);
    }
  }
  .tablet\:pb-14 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-14);
    }
  }
  .tablet\:pb-16 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-16);
    }
  }
  .tablet\:pb-18 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-18);
    }
  }
  .tablet\:pb-20 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-20);
    }
  }
  .tablet\:pb-22 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-22);
    }
  }
  .tablet\:pb-24 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-24);
    }
  }
  .tablet\:pb-26 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-26);
    }
  }
  .tablet\:pb-28 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-28);
    }
  }
  .tablet\:pb-32 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-32);
    }
  }
  .tablet\:pb-34 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-34);
    }
  }
  .tablet\:pb-36 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-36);
    }
  }
  .tablet\:pb-38 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-38);
    }
  }
  .tablet\:pb-40 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-40);
    }
  }
  .tablet\:pb-42 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-42);
    }
  }
  .tablet\:pb-44 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-44);
    }
  }
  .tablet\:pb-48 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-48);
    }
  }
  .tablet\:pb-52 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-52);
    }
  }
  .tablet\:pb-56 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-56);
    }
  }
  .tablet\:pb-60 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-60);
    }
  }
  .tablet\:pb-64 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-64);
    }
  }
  .tablet\:pb-68 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-68);
    }
  }
  .tablet\:pb-72 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-72);
    }
  }
  .tablet\:pb-76 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-76);
    }
  }
  .tablet\:pb-80 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-80);
    }
  }
  .tablet\:pb-84 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-84);
    }
  }
  .tablet\:pb-88 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-88);
    }
  }
  .tablet\:pb-92 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-92);
    }
  }
  .tablet\:pb-96 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-96);
    }
  }
  .tablet\:pb-104 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-104);
    }
  }
  .tablet\:pb-112 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-112);
    }
  }
  .tablet\:pb-120 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-120);
    }
  }
  .tablet\:pb-128 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-128);
    }
  }
  .tablet\:pb-136 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-136);
    }
  }
  .tablet\:pb-144 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-144);
    }
  }
  .tablet\:pb-152 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-152);
    }
  }
  .tablet\:pb-160 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-160);
    }
  }
  .tablet\:pb-176 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-176);
    }
  }
  .tablet\:pb-192 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-192);
    }
  }
  .tablet\:pb-208 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-208);
    }
  }
  .tablet\:pb-224 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-224);
    }
  }
  .tablet\:pb-240 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-240);
    }
  }
  .tablet\:pb-256 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-256);
    }
  }
  .tablet\:pl-1 {
    @media (width >= 768px) {
      padding-left: var(--spacing-1);
    }
  }
  .tablet\:pl-2 {
    @media (width >= 768px) {
      padding-left: var(--spacing-2);
    }
  }
  .tablet\:pl-4 {
    @media (width >= 768px) {
      padding-left: var(--spacing-4);
    }
  }
  .tablet\:pl-6 {
    @media (width >= 768px) {
      padding-left: var(--spacing-6);
    }
  }
  .tablet\:pl-8 {
    @media (width >= 768px) {
      padding-left: var(--spacing-8);
    }
  }
  .tablet\:pl-12 {
    @media (width >= 768px) {
      padding-left: var(--spacing-12);
    }
  }
  .tablet\:pl-14 {
    @media (width >= 768px) {
      padding-left: var(--spacing-14);
    }
  }
  .tablet\:pl-16 {
    @media (width >= 768px) {
      padding-left: var(--spacing-16);
    }
  }
  .tablet\:pl-18 {
    @media (width >= 768px) {
      padding-left: var(--spacing-18);
    }
  }
  .tablet\:pl-20 {
    @media (width >= 768px) {
      padding-left: var(--spacing-20);
    }
  }
  .tablet\:pl-22 {
    @media (width >= 768px) {
      padding-left: var(--spacing-22);
    }
  }
  .tablet\:pl-24 {
    @media (width >= 768px) {
      padding-left: var(--spacing-24);
    }
  }
  .tablet\:pl-26 {
    @media (width >= 768px) {
      padding-left: var(--spacing-26);
    }
  }
  .tablet\:pl-28 {
    @media (width >= 768px) {
      padding-left: var(--spacing-28);
    }
  }
  .tablet\:pl-32 {
    @media (width >= 768px) {
      padding-left: var(--spacing-32);
    }
  }
  .tablet\:pl-34 {
    @media (width >= 768px) {
      padding-left: var(--spacing-34);
    }
  }
  .tablet\:pl-36 {
    @media (width >= 768px) {
      padding-left: var(--spacing-36);
    }
  }
  .tablet\:pl-38 {
    @media (width >= 768px) {
      padding-left: var(--spacing-38);
    }
  }
  .tablet\:pl-40 {
    @media (width >= 768px) {
      padding-left: var(--spacing-40);
    }
  }
  .tablet\:pl-42 {
    @media (width >= 768px) {
      padding-left: var(--spacing-42);
    }
  }
  .tablet\:pl-44 {
    @media (width >= 768px) {
      padding-left: var(--spacing-44);
    }
  }
  .tablet\:pl-48 {
    @media (width >= 768px) {
      padding-left: var(--spacing-48);
    }
  }
  .tablet\:pl-52 {
    @media (width >= 768px) {
      padding-left: var(--spacing-52);
    }
  }
  .tablet\:pl-56 {
    @media (width >= 768px) {
      padding-left: var(--spacing-56);
    }
  }
  .tablet\:pl-60 {
    @media (width >= 768px) {
      padding-left: var(--spacing-60);
    }
  }
  .tablet\:pl-64 {
    @media (width >= 768px) {
      padding-left: var(--spacing-64);
    }
  }
  .tablet\:pl-68 {
    @media (width >= 768px) {
      padding-left: var(--spacing-68);
    }
  }
  .tablet\:pl-72 {
    @media (width >= 768px) {
      padding-left: var(--spacing-72);
    }
  }
  .tablet\:pl-76 {
    @media (width >= 768px) {
      padding-left: var(--spacing-76);
    }
  }
  .tablet\:pl-80 {
    @media (width >= 768px) {
      padding-left: var(--spacing-80);
    }
  }
  .tablet\:pl-84 {
    @media (width >= 768px) {
      padding-left: var(--spacing-84);
    }
  }
  .tablet\:pl-88 {
    @media (width >= 768px) {
      padding-left: var(--spacing-88);
    }
  }
  .tablet\:pl-92 {
    @media (width >= 768px) {
      padding-left: var(--spacing-92);
    }
  }
  .tablet\:pl-96 {
    @media (width >= 768px) {
      padding-left: var(--spacing-96);
    }
  }
  .tablet\:pl-104 {
    @media (width >= 768px) {
      padding-left: var(--spacing-104);
    }
  }
  .tablet\:pl-112 {
    @media (width >= 768px) {
      padding-left: var(--spacing-112);
    }
  }
  .tablet\:pl-120 {
    @media (width >= 768px) {
      padding-left: var(--spacing-120);
    }
  }
  .tablet\:pl-128 {
    @media (width >= 768px) {
      padding-left: var(--spacing-128);
    }
  }
  .tablet\:pl-136 {
    @media (width >= 768px) {
      padding-left: var(--spacing-136);
    }
  }
  .tablet\:pl-144 {
    @media (width >= 768px) {
      padding-left: var(--spacing-144);
    }
  }
  .tablet\:pl-152 {
    @media (width >= 768px) {
      padding-left: var(--spacing-152);
    }
  }
  .tablet\:pl-160 {
    @media (width >= 768px) {
      padding-left: var(--spacing-160);
    }
  }
  .tablet\:pl-176 {
    @media (width >= 768px) {
      padding-left: var(--spacing-176);
    }
  }
  .tablet\:pl-192 {
    @media (width >= 768px) {
      padding-left: var(--spacing-192);
    }
  }
  .tablet\:pl-208 {
    @media (width >= 768px) {
      padding-left: var(--spacing-208);
    }
  }
  .tablet\:pl-224 {
    @media (width >= 768px) {
      padding-left: var(--spacing-224);
    }
  }
  .tablet\:pl-240 {
    @media (width >= 768px) {
      padding-left: var(--spacing-240);
    }
  }
  .tablet\:pl-256 {
    @media (width >= 768px) {
      padding-left: var(--spacing-256);
    }
  }
  .desktop\:inset-none {
    @media (width >= 1024px) {
      inset: var(--spacing-none);
    }
  }
  .desktop\:m-1 {
    @media (width >= 1024px) {
      margin: var(--spacing-1);
    }
  }
  .desktop\:m-2 {
    @media (width >= 1024px) {
      margin: var(--spacing-2);
    }
  }
  .desktop\:m-4 {
    @media (width >= 1024px) {
      margin: var(--spacing-4);
    }
  }
  .desktop\:m-6 {
    @media (width >= 1024px) {
      margin: var(--spacing-6);
    }
  }
  .desktop\:m-8 {
    @media (width >= 1024px) {
      margin: var(--spacing-8);
    }
  }
  .desktop\:m-12 {
    @media (width >= 1024px) {
      margin: var(--spacing-12);
    }
  }
  .desktop\:m-14 {
    @media (width >= 1024px) {
      margin: var(--spacing-14);
    }
  }
  .desktop\:m-16 {
    @media (width >= 1024px) {
      margin: var(--spacing-16);
    }
  }
  .desktop\:m-18 {
    @media (width >= 1024px) {
      margin: var(--spacing-18);
    }
  }
  .desktop\:m-20 {
    @media (width >= 1024px) {
      margin: var(--spacing-20);
    }
  }
  .desktop\:m-22 {
    @media (width >= 1024px) {
      margin: var(--spacing-22);
    }
  }
  .desktop\:m-24 {
    @media (width >= 1024px) {
      margin: var(--spacing-24);
    }
  }
  .desktop\:m-26 {
    @media (width >= 1024px) {
      margin: var(--spacing-26);
    }
  }
  .desktop\:m-28 {
    @media (width >= 1024px) {
      margin: var(--spacing-28);
    }
  }
  .desktop\:m-32 {
    @media (width >= 1024px) {
      margin: var(--spacing-32);
    }
  }
  .desktop\:m-34 {
    @media (width >= 1024px) {
      margin: var(--spacing-34);
    }
  }
  .desktop\:m-36 {
    @media (width >= 1024px) {
      margin: var(--spacing-36);
    }
  }
  .desktop\:m-38 {
    @media (width >= 1024px) {
      margin: var(--spacing-38);
    }
  }
  .desktop\:m-40 {
    @media (width >= 1024px) {
      margin: var(--spacing-40);
    }
  }
  .desktop\:m-42 {
    @media (width >= 1024px) {
      margin: var(--spacing-42);
    }
  }
  .desktop\:m-44 {
    @media (width >= 1024px) {
      margin: var(--spacing-44);
    }
  }
  .desktop\:m-48 {
    @media (width >= 1024px) {
      margin: var(--spacing-48);
    }
  }
  .desktop\:m-52 {
    @media (width >= 1024px) {
      margin: var(--spacing-52);
    }
  }
  .desktop\:m-56 {
    @media (width >= 1024px) {
      margin: var(--spacing-56);
    }
  }
  .desktop\:m-60 {
    @media (width >= 1024px) {
      margin: var(--spacing-60);
    }
  }
  .desktop\:m-64 {
    @media (width >= 1024px) {
      margin: var(--spacing-64);
    }
  }
  .desktop\:m-68 {
    @media (width >= 1024px) {
      margin: var(--spacing-68);
    }
  }
  .desktop\:m-72 {
    @media (width >= 1024px) {
      margin: var(--spacing-72);
    }
  }
  .desktop\:m-76 {
    @media (width >= 1024px) {
      margin: var(--spacing-76);
    }
  }
  .desktop\:m-80 {
    @media (width >= 1024px) {
      margin: var(--spacing-80);
    }
  }
  .desktop\:m-84 {
    @media (width >= 1024px) {
      margin: var(--spacing-84);
    }
  }
  .desktop\:m-88 {
    @media (width >= 1024px) {
      margin: var(--spacing-88);
    }
  }
  .desktop\:m-92 {
    @media (width >= 1024px) {
      margin: var(--spacing-92);
    }
  }
  .desktop\:m-96 {
    @media (width >= 1024px) {
      margin: var(--spacing-96);
    }
  }
  .desktop\:m-104 {
    @media (width >= 1024px) {
      margin: var(--spacing-104);
    }
  }
  .desktop\:m-112 {
    @media (width >= 1024px) {
      margin: var(--spacing-112);
    }
  }
  .desktop\:m-120 {
    @media (width >= 1024px) {
      margin: var(--spacing-120);
    }
  }
  .desktop\:m-128 {
    @media (width >= 1024px) {
      margin: var(--spacing-128);
    }
  }
  .desktop\:m-136 {
    @media (width >= 1024px) {
      margin: var(--spacing-136);
    }
  }
  .desktop\:m-144 {
    @media (width >= 1024px) {
      margin: var(--spacing-144);
    }
  }
  .desktop\:m-152 {
    @media (width >= 1024px) {
      margin: var(--spacing-152);
    }
  }
  .desktop\:m-160 {
    @media (width >= 1024px) {
      margin: var(--spacing-160);
    }
  }
  .desktop\:m-176 {
    @media (width >= 1024px) {
      margin: var(--spacing-176);
    }
  }
  .desktop\:m-192 {
    @media (width >= 1024px) {
      margin: var(--spacing-192);
    }
  }
  .desktop\:m-208 {
    @media (width >= 1024px) {
      margin: var(--spacing-208);
    }
  }
  .desktop\:m-224 {
    @media (width >= 1024px) {
      margin: var(--spacing-224);
    }
  }
  .desktop\:m-240 {
    @media (width >= 1024px) {
      margin: var(--spacing-240);
    }
  }
  .desktop\:m-256 {
    @media (width >= 1024px) {
      margin: var(--spacing-256);
    }
  }
  .desktop\:mx-1 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-1);
    }
  }
  .desktop\:mx-2 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-2);
    }
  }
  .desktop\:mx-4 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-4);
    }
  }
  .desktop\:mx-6 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-6);
    }
  }
  .desktop\:mx-8 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-8);
    }
  }
  .desktop\:mx-12 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-12);
    }
  }
  .desktop\:mx-14 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-14);
    }
  }
  .desktop\:mx-16 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-16);
    }
  }
  .desktop\:mx-18 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-18);
    }
  }
  .desktop\:mx-20 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-20);
    }
  }
  .desktop\:mx-22 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-22);
    }
  }
  .desktop\:mx-24 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-24);
    }
  }
  .desktop\:mx-26 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-26);
    }
  }
  .desktop\:mx-28 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-28);
    }
  }
  .desktop\:mx-32 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-32);
    }
  }
  .desktop\:mx-34 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-34);
    }
  }
  .desktop\:mx-36 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-36);
    }
  }
  .desktop\:mx-38 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-38);
    }
  }
  .desktop\:mx-40 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-40);
    }
  }
  .desktop\:mx-42 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-42);
    }
  }
  .desktop\:mx-44 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-44);
    }
  }
  .desktop\:mx-48 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-48);
    }
  }
  .desktop\:mx-52 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-52);
    }
  }
  .desktop\:mx-56 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-56);
    }
  }
  .desktop\:mx-60 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-60);
    }
  }
  .desktop\:mx-64 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-64);
    }
  }
  .desktop\:mx-68 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-68);
    }
  }
  .desktop\:mx-72 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-72);
    }
  }
  .desktop\:mx-76 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-76);
    }
  }
  .desktop\:mx-80 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-80);
    }
  }
  .desktop\:mx-84 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-84);
    }
  }
  .desktop\:mx-88 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-88);
    }
  }
  .desktop\:mx-92 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-92);
    }
  }
  .desktop\:mx-96 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-96);
    }
  }
  .desktop\:mx-104 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-104);
    }
  }
  .desktop\:mx-112 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-112);
    }
  }
  .desktop\:mx-120 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-120);
    }
  }
  .desktop\:mx-128 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-128);
    }
  }
  .desktop\:mx-136 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-136);
    }
  }
  .desktop\:mx-144 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-144);
    }
  }
  .desktop\:mx-152 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-152);
    }
  }
  .desktop\:mx-160 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-160);
    }
  }
  .desktop\:mx-176 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-176);
    }
  }
  .desktop\:mx-192 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-192);
    }
  }
  .desktop\:mx-208 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-208);
    }
  }
  .desktop\:mx-224 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-224);
    }
  }
  .desktop\:mx-240 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-240);
    }
  }
  .desktop\:mx-256 {
    @media (width >= 1024px) {
      margin-inline: var(--spacing-256);
    }
  }
  .desktop\:my-1 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-1);
    }
  }
  .desktop\:my-2 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-2);
    }
  }
  .desktop\:my-4 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-4);
    }
  }
  .desktop\:my-6 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-6);
    }
  }
  .desktop\:my-8 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-8);
    }
  }
  .desktop\:my-12 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-12);
    }
  }
  .desktop\:my-14 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-14);
    }
  }
  .desktop\:my-16 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-16);
    }
  }
  .desktop\:my-18 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-18);
    }
  }
  .desktop\:my-20 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-20);
    }
  }
  .desktop\:my-22 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-22);
    }
  }
  .desktop\:my-24 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-24);
    }
  }
  .desktop\:my-26 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-26);
    }
  }
  .desktop\:my-28 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-28);
    }
  }
  .desktop\:my-32 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-32);
    }
  }
  .desktop\:my-34 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-34);
    }
  }
  .desktop\:my-36 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-36);
    }
  }
  .desktop\:my-38 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-38);
    }
  }
  .desktop\:my-40 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-40);
    }
  }
  .desktop\:my-42 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-42);
    }
  }
  .desktop\:my-44 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-44);
    }
  }
  .desktop\:my-48 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-48);
    }
  }
  .desktop\:my-52 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-52);
    }
  }
  .desktop\:my-56 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-56);
    }
  }
  .desktop\:my-60 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-60);
    }
  }
  .desktop\:my-64 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-64);
    }
  }
  .desktop\:my-68 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-68);
    }
  }
  .desktop\:my-72 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-72);
    }
  }
  .desktop\:my-76 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-76);
    }
  }
  .desktop\:my-80 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-80);
    }
  }
  .desktop\:my-84 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-84);
    }
  }
  .desktop\:my-88 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-88);
    }
  }
  .desktop\:my-92 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-92);
    }
  }
  .desktop\:my-96 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-96);
    }
  }
  .desktop\:my-104 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-104);
    }
  }
  .desktop\:my-112 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-112);
    }
  }
  .desktop\:my-120 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-120);
    }
  }
  .desktop\:my-128 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-128);
    }
  }
  .desktop\:my-136 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-136);
    }
  }
  .desktop\:my-144 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-144);
    }
  }
  .desktop\:my-152 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-152);
    }
  }
  .desktop\:my-160 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-160);
    }
  }
  .desktop\:my-176 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-176);
    }
  }
  .desktop\:my-192 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-192);
    }
  }
  .desktop\:my-208 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-208);
    }
  }
  .desktop\:my-224 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-224);
    }
  }
  .desktop\:my-240 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-240);
    }
  }
  .desktop\:my-256 {
    @media (width >= 1024px) {
      margin-block: var(--spacing-256);
    }
  }
  .desktop\:mt-1 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-1);
    }
  }
  .desktop\:mt-2 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-2);
    }
  }
  .desktop\:mt-4 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-4);
    }
  }
  .desktop\:mt-6 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-6);
    }
  }
  .desktop\:mt-8 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-8);
    }
  }
  .desktop\:mt-12 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-12);
    }
  }
  .desktop\:mt-14 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-14);
    }
  }
  .desktop\:mt-16 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-16);
    }
  }
  .desktop\:mt-18 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-18);
    }
  }
  .desktop\:mt-20 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-20);
    }
  }
  .desktop\:mt-22 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-22);
    }
  }
  .desktop\:mt-24 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-24);
    }
  }
  .desktop\:mt-26 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-26);
    }
  }
  .desktop\:mt-28 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-28);
    }
  }
  .desktop\:mt-32 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-32);
    }
  }
  .desktop\:mt-34 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-34);
    }
  }
  .desktop\:mt-36 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-36);
    }
  }
  .desktop\:mt-38 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-38);
    }
  }
  .desktop\:mt-40 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-40);
    }
  }
  .desktop\:mt-42 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-42);
    }
  }
  .desktop\:mt-44 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-44);
    }
  }
  .desktop\:mt-48 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-48);
    }
  }
  .desktop\:mt-52 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-52);
    }
  }
  .desktop\:mt-56 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-56);
    }
  }
  .desktop\:mt-60 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-60);
    }
  }
  .desktop\:mt-64 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-64);
    }
  }
  .desktop\:mt-68 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-68);
    }
  }
  .desktop\:mt-72 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-72);
    }
  }
  .desktop\:mt-76 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-76);
    }
  }
  .desktop\:mt-80 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-80);
    }
  }
  .desktop\:mt-84 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-84);
    }
  }
  .desktop\:mt-88 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-88);
    }
  }
  .desktop\:mt-92 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-92);
    }
  }
  .desktop\:mt-96 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-96);
    }
  }
  .desktop\:mt-104 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-104);
    }
  }
  .desktop\:mt-112 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-112);
    }
  }
  .desktop\:mt-120 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-120);
    }
  }
  .desktop\:mt-128 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-128);
    }
  }
  .desktop\:mt-136 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-136);
    }
  }
  .desktop\:mt-144 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-144);
    }
  }
  .desktop\:mt-152 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-152);
    }
  }
  .desktop\:mt-160 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-160);
    }
  }
  .desktop\:mt-176 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-176);
    }
  }
  .desktop\:mt-192 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-192);
    }
  }
  .desktop\:mt-208 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-208);
    }
  }
  .desktop\:mt-224 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-224);
    }
  }
  .desktop\:mt-240 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-240);
    }
  }
  .desktop\:mt-256 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-256);
    }
  }
  .desktop\:mr-1 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-1);
    }
  }
  .desktop\:mr-2 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-2);
    }
  }
  .desktop\:mr-4 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-4);
    }
  }
  .desktop\:mr-6 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-6);
    }
  }
  .desktop\:mr-8 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-8);
    }
  }
  .desktop\:mr-12 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-12);
    }
  }
  .desktop\:mr-14 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-14);
    }
  }
  .desktop\:mr-16 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-16);
    }
  }
  .desktop\:mr-18 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-18);
    }
  }
  .desktop\:mr-20 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-20);
    }
  }
  .desktop\:mr-22 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-22);
    }
  }
  .desktop\:mr-24 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-24);
    }
  }
  .desktop\:mr-26 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-26);
    }
  }
  .desktop\:mr-28 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-28);
    }
  }
  .desktop\:mr-32 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-32);
    }
  }
  .desktop\:mr-34 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-34);
    }
  }
  .desktop\:mr-36 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-36);
    }
  }
  .desktop\:mr-38 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-38);
    }
  }
  .desktop\:mr-40 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-40);
    }
  }
  .desktop\:mr-42 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-42);
    }
  }
  .desktop\:mr-44 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-44);
    }
  }
  .desktop\:mr-48 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-48);
    }
  }
  .desktop\:mr-52 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-52);
    }
  }
  .desktop\:mr-56 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-56);
    }
  }
  .desktop\:mr-60 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-60);
    }
  }
  .desktop\:mr-64 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-64);
    }
  }
  .desktop\:mr-68 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-68);
    }
  }
  .desktop\:mr-72 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-72);
    }
  }
  .desktop\:mr-76 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-76);
    }
  }
  .desktop\:mr-80 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-80);
    }
  }
  .desktop\:mr-84 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-84);
    }
  }
  .desktop\:mr-88 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-88);
    }
  }
  .desktop\:mr-92 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-92);
    }
  }
  .desktop\:mr-96 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-96);
    }
  }
  .desktop\:mr-104 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-104);
    }
  }
  .desktop\:mr-112 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-112);
    }
  }
  .desktop\:mr-120 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-120);
    }
  }
  .desktop\:mr-128 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-128);
    }
  }
  .desktop\:mr-136 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-136);
    }
  }
  .desktop\:mr-144 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-144);
    }
  }
  .desktop\:mr-152 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-152);
    }
  }
  .desktop\:mr-160 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-160);
    }
  }
  .desktop\:mr-176 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-176);
    }
  }
  .desktop\:mr-192 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-192);
    }
  }
  .desktop\:mr-208 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-208);
    }
  }
  .desktop\:mr-224 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-224);
    }
  }
  .desktop\:mr-240 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-240);
    }
  }
  .desktop\:mr-256 {
    @media (width >= 1024px) {
      margin-right: var(--spacing-256);
    }
  }
  .desktop\:mb-1 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-1);
    }
  }
  .desktop\:mb-2 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .desktop\:mb-4 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-4);
    }
  }
  .desktop\:mb-6 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .desktop\:mb-8 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-8);
    }
  }
  .desktop\:mb-12 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-12);
    }
  }
  .desktop\:mb-14 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-14);
    }
  }
  .desktop\:mb-16 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-16);
    }
  }
  .desktop\:mb-18 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-18);
    }
  }
  .desktop\:mb-20 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-20);
    }
  }
  .desktop\:mb-22 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-22);
    }
  }
  .desktop\:mb-24 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-24);
    }
  }
  .desktop\:mb-26 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-26);
    }
  }
  .desktop\:mb-28 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-28);
    }
  }
  .desktop\:mb-32 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-32);
    }
  }
  .desktop\:mb-34 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-34);
    }
  }
  .desktop\:mb-36 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-36);
    }
  }
  .desktop\:mb-38 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-38);
    }
  }
  .desktop\:mb-40 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-40);
    }
  }
  .desktop\:mb-42 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-42);
    }
  }
  .desktop\:mb-44 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-44);
    }
  }
  .desktop\:mb-48 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-48);
    }
  }
  .desktop\:mb-52 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-52);
    }
  }
  .desktop\:mb-56 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-56);
    }
  }
  .desktop\:mb-60 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-60);
    }
  }
  .desktop\:mb-64 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-64);
    }
  }
  .desktop\:mb-68 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-68);
    }
  }
  .desktop\:mb-72 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-72);
    }
  }
  .desktop\:mb-76 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-76);
    }
  }
  .desktop\:mb-80 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-80);
    }
  }
  .desktop\:mb-84 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-84);
    }
  }
  .desktop\:mb-88 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-88);
    }
  }
  .desktop\:mb-92 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-92);
    }
  }
  .desktop\:mb-96 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-96);
    }
  }
  .desktop\:mb-104 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-104);
    }
  }
  .desktop\:mb-112 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-112);
    }
  }
  .desktop\:mb-120 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-120);
    }
  }
  .desktop\:mb-128 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-128);
    }
  }
  .desktop\:mb-136 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-136);
    }
  }
  .desktop\:mb-144 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-144);
    }
  }
  .desktop\:mb-152 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-152);
    }
  }
  .desktop\:mb-160 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-160);
    }
  }
  .desktop\:mb-176 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-176);
    }
  }
  .desktop\:mb-192 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-192);
    }
  }
  .desktop\:mb-208 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-208);
    }
  }
  .desktop\:mb-224 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-224);
    }
  }
  .desktop\:mb-240 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-240);
    }
  }
  .desktop\:mb-256 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-256);
    }
  }
  .desktop\:ml-1 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-1);
    }
  }
  .desktop\:ml-2 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-2);
    }
  }
  .desktop\:ml-4 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-4);
    }
  }
  .desktop\:ml-6 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-6);
    }
  }
  .desktop\:ml-8 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-8);
    }
  }
  .desktop\:ml-12 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-12);
    }
  }
  .desktop\:ml-14 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-14);
    }
  }
  .desktop\:ml-16 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-16);
    }
  }
  .desktop\:ml-18 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-18);
    }
  }
  .desktop\:ml-20 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-20);
    }
  }
  .desktop\:ml-22 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-22);
    }
  }
  .desktop\:ml-24 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-24);
    }
  }
  .desktop\:ml-26 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-26);
    }
  }
  .desktop\:ml-28 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-28);
    }
  }
  .desktop\:ml-32 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-32);
    }
  }
  .desktop\:ml-34 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-34);
    }
  }
  .desktop\:ml-36 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-36);
    }
  }
  .desktop\:ml-38 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-38);
    }
  }
  .desktop\:ml-40 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-40);
    }
  }
  .desktop\:ml-42 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-42);
    }
  }
  .desktop\:ml-44 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-44);
    }
  }
  .desktop\:ml-48 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-48);
    }
  }
  .desktop\:ml-52 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-52);
    }
  }
  .desktop\:ml-56 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-56);
    }
  }
  .desktop\:ml-60 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-60);
    }
  }
  .desktop\:ml-64 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-64);
    }
  }
  .desktop\:ml-68 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-68);
    }
  }
  .desktop\:ml-72 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-72);
    }
  }
  .desktop\:ml-76 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-76);
    }
  }
  .desktop\:ml-80 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-80);
    }
  }
  .desktop\:ml-84 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-84);
    }
  }
  .desktop\:ml-88 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-88);
    }
  }
  .desktop\:ml-92 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-92);
    }
  }
  .desktop\:ml-96 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-96);
    }
  }
  .desktop\:ml-104 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-104);
    }
  }
  .desktop\:ml-112 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-112);
    }
  }
  .desktop\:ml-120 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-120);
    }
  }
  .desktop\:ml-128 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-128);
    }
  }
  .desktop\:ml-136 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-136);
    }
  }
  .desktop\:ml-144 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-144);
    }
  }
  .desktop\:ml-152 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-152);
    }
  }
  .desktop\:ml-160 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-160);
    }
  }
  .desktop\:ml-176 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-176);
    }
  }
  .desktop\:ml-192 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-192);
    }
  }
  .desktop\:ml-208 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-208);
    }
  }
  .desktop\:ml-224 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-224);
    }
  }
  .desktop\:ml-240 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-240);
    }
  }
  .desktop\:ml-256 {
    @media (width >= 1024px) {
      margin-left: var(--spacing-256);
    }
  }
  .desktop\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .desktop\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .desktop\:h-24 {
    @media (width >= 1024px) {
      height: var(--spacing-24);
    }
  }
  .desktop\:h-none {
    @media (width >= 1024px) {
      height: var(--spacing-none);
    }
  }
  .desktop\:max-h-1 {
    @media (width >= 1024px) {
      max-height: var(--spacing-1);
    }
  }
  .desktop\:max-h-2 {
    @media (width >= 1024px) {
      max-height: var(--spacing-2);
    }
  }
  .desktop\:max-h-4 {
    @media (width >= 1024px) {
      max-height: var(--spacing-4);
    }
  }
  .desktop\:max-h-6 {
    @media (width >= 1024px) {
      max-height: var(--spacing-6);
    }
  }
  .desktop\:max-h-8 {
    @media (width >= 1024px) {
      max-height: var(--spacing-8);
    }
  }
  .desktop\:max-h-12 {
    @media (width >= 1024px) {
      max-height: var(--spacing-12);
    }
  }
  .desktop\:max-h-14 {
    @media (width >= 1024px) {
      max-height: var(--spacing-14);
    }
  }
  .desktop\:max-h-16 {
    @media (width >= 1024px) {
      max-height: var(--spacing-16);
    }
  }
  .desktop\:max-h-18 {
    @media (width >= 1024px) {
      max-height: var(--spacing-18);
    }
  }
  .desktop\:max-h-20 {
    @media (width >= 1024px) {
      max-height: var(--spacing-20);
    }
  }
  .desktop\:max-h-22 {
    @media (width >= 1024px) {
      max-height: var(--spacing-22);
    }
  }
  .desktop\:max-h-24 {
    @media (width >= 1024px) {
      max-height: var(--spacing-24);
    }
  }
  .desktop\:max-h-26 {
    @media (width >= 1024px) {
      max-height: var(--spacing-26);
    }
  }
  .desktop\:max-h-28 {
    @media (width >= 1024px) {
      max-height: var(--spacing-28);
    }
  }
  .desktop\:max-h-32 {
    @media (width >= 1024px) {
      max-height: var(--spacing-32);
    }
  }
  .desktop\:max-h-34 {
    @media (width >= 1024px) {
      max-height: var(--spacing-34);
    }
  }
  .desktop\:max-h-36 {
    @media (width >= 1024px) {
      max-height: var(--spacing-36);
    }
  }
  .desktop\:max-h-38 {
    @media (width >= 1024px) {
      max-height: var(--spacing-38);
    }
  }
  .desktop\:max-h-40 {
    @media (width >= 1024px) {
      max-height: var(--spacing-40);
    }
  }
  .desktop\:max-h-42 {
    @media (width >= 1024px) {
      max-height: var(--spacing-42);
    }
  }
  .desktop\:max-h-44 {
    @media (width >= 1024px) {
      max-height: var(--spacing-44);
    }
  }
  .desktop\:max-h-48 {
    @media (width >= 1024px) {
      max-height: var(--spacing-48);
    }
  }
  .desktop\:max-h-52 {
    @media (width >= 1024px) {
      max-height: var(--spacing-52);
    }
  }
  .desktop\:max-h-56 {
    @media (width >= 1024px) {
      max-height: var(--spacing-56);
    }
  }
  .desktop\:max-h-60 {
    @media (width >= 1024px) {
      max-height: var(--spacing-60);
    }
  }
  .desktop\:max-h-64 {
    @media (width >= 1024px) {
      max-height: var(--spacing-64);
    }
  }
  .desktop\:max-h-68 {
    @media (width >= 1024px) {
      max-height: var(--spacing-68);
    }
  }
  .desktop\:max-h-72 {
    @media (width >= 1024px) {
      max-height: var(--spacing-72);
    }
  }
  .desktop\:max-h-76 {
    @media (width >= 1024px) {
      max-height: var(--spacing-76);
    }
  }
  .desktop\:max-h-80 {
    @media (width >= 1024px) {
      max-height: var(--spacing-80);
    }
  }
  .desktop\:max-h-84 {
    @media (width >= 1024px) {
      max-height: var(--spacing-84);
    }
  }
  .desktop\:max-h-88 {
    @media (width >= 1024px) {
      max-height: var(--spacing-88);
    }
  }
  .desktop\:max-h-92 {
    @media (width >= 1024px) {
      max-height: var(--spacing-92);
    }
  }
  .desktop\:max-h-96 {
    @media (width >= 1024px) {
      max-height: var(--spacing-96);
    }
  }
  .desktop\:max-h-104 {
    @media (width >= 1024px) {
      max-height: var(--spacing-104);
    }
  }
  .desktop\:max-h-112 {
    @media (width >= 1024px) {
      max-height: var(--spacing-112);
    }
  }
  .desktop\:max-h-120 {
    @media (width >= 1024px) {
      max-height: var(--spacing-120);
    }
  }
  .desktop\:max-h-128 {
    @media (width >= 1024px) {
      max-height: var(--spacing-128);
    }
  }
  .desktop\:max-h-136 {
    @media (width >= 1024px) {
      max-height: var(--spacing-136);
    }
  }
  .desktop\:max-h-144 {
    @media (width >= 1024px) {
      max-height: var(--spacing-144);
    }
  }
  .desktop\:max-h-152 {
    @media (width >= 1024px) {
      max-height: var(--spacing-152);
    }
  }
  .desktop\:max-h-160 {
    @media (width >= 1024px) {
      max-height: var(--spacing-160);
    }
  }
  .desktop\:max-h-176 {
    @media (width >= 1024px) {
      max-height: var(--spacing-176);
    }
  }
  .desktop\:max-h-192 {
    @media (width >= 1024px) {
      max-height: var(--spacing-192);
    }
  }
  .desktop\:max-h-208 {
    @media (width >= 1024px) {
      max-height: var(--spacing-208);
    }
  }
  .desktop\:max-h-224 {
    @media (width >= 1024px) {
      max-height: var(--spacing-224);
    }
  }
  .desktop\:max-h-240 {
    @media (width >= 1024px) {
      max-height: var(--spacing-240);
    }
  }
  .desktop\:max-h-256 {
    @media (width >= 1024px) {
      max-height: var(--spacing-256);
    }
  }
  .desktop\:min-h-1 {
    @media (width >= 1024px) {
      min-height: var(--spacing-1);
    }
  }
  .desktop\:min-h-2 {
    @media (width >= 1024px) {
      min-height: var(--spacing-2);
    }
  }
  .desktop\:min-h-4 {
    @media (width >= 1024px) {
      min-height: var(--spacing-4);
    }
  }
  .desktop\:min-h-6 {
    @media (width >= 1024px) {
      min-height: var(--spacing-6);
    }
  }
  .desktop\:min-h-8 {
    @media (width >= 1024px) {
      min-height: var(--spacing-8);
    }
  }
  .desktop\:min-h-12 {
    @media (width >= 1024px) {
      min-height: var(--spacing-12);
    }
  }
  .desktop\:min-h-14 {
    @media (width >= 1024px) {
      min-height: var(--spacing-14);
    }
  }
  .desktop\:min-h-16 {
    @media (width >= 1024px) {
      min-height: var(--spacing-16);
    }
  }
  .desktop\:min-h-18 {
    @media (width >= 1024px) {
      min-height: var(--spacing-18);
    }
  }
  .desktop\:min-h-20 {
    @media (width >= 1024px) {
      min-height: var(--spacing-20);
    }
  }
  .desktop\:min-h-22 {
    @media (width >= 1024px) {
      min-height: var(--spacing-22);
    }
  }
  .desktop\:min-h-24 {
    @media (width >= 1024px) {
      min-height: var(--spacing-24);
    }
  }
  .desktop\:min-h-26 {
    @media (width >= 1024px) {
      min-height: var(--spacing-26);
    }
  }
  .desktop\:min-h-28 {
    @media (width >= 1024px) {
      min-height: var(--spacing-28);
    }
  }
  .desktop\:min-h-32 {
    @media (width >= 1024px) {
      min-height: var(--spacing-32);
    }
  }
  .desktop\:min-h-34 {
    @media (width >= 1024px) {
      min-height: var(--spacing-34);
    }
  }
  .desktop\:min-h-36 {
    @media (width >= 1024px) {
      min-height: var(--spacing-36);
    }
  }
  .desktop\:min-h-38 {
    @media (width >= 1024px) {
      min-height: var(--spacing-38);
    }
  }
  .desktop\:min-h-40 {
    @media (width >= 1024px) {
      min-height: var(--spacing-40);
    }
  }
  .desktop\:min-h-42 {
    @media (width >= 1024px) {
      min-height: var(--spacing-42);
    }
  }
  .desktop\:min-h-44 {
    @media (width >= 1024px) {
      min-height: var(--spacing-44);
    }
  }
  .desktop\:min-h-48 {
    @media (width >= 1024px) {
      min-height: var(--spacing-48);
    }
  }
  .desktop\:min-h-52 {
    @media (width >= 1024px) {
      min-height: var(--spacing-52);
    }
  }
  .desktop\:min-h-56 {
    @media (width >= 1024px) {
      min-height: var(--spacing-56);
    }
  }
  .desktop\:min-h-60 {
    @media (width >= 1024px) {
      min-height: var(--spacing-60);
    }
  }
  .desktop\:min-h-64 {
    @media (width >= 1024px) {
      min-height: var(--spacing-64);
    }
  }
  .desktop\:min-h-68 {
    @media (width >= 1024px) {
      min-height: var(--spacing-68);
    }
  }
  .desktop\:min-h-72 {
    @media (width >= 1024px) {
      min-height: var(--spacing-72);
    }
  }
  .desktop\:min-h-76 {
    @media (width >= 1024px) {
      min-height: var(--spacing-76);
    }
  }
  .desktop\:min-h-80 {
    @media (width >= 1024px) {
      min-height: var(--spacing-80);
    }
  }
  .desktop\:min-h-84 {
    @media (width >= 1024px) {
      min-height: var(--spacing-84);
    }
  }
  .desktop\:min-h-88 {
    @media (width >= 1024px) {
      min-height: var(--spacing-88);
    }
  }
  .desktop\:min-h-92 {
    @media (width >= 1024px) {
      min-height: var(--spacing-92);
    }
  }
  .desktop\:min-h-96 {
    @media (width >= 1024px) {
      min-height: var(--spacing-96);
    }
  }
  .desktop\:min-h-104 {
    @media (width >= 1024px) {
      min-height: var(--spacing-104);
    }
  }
  .desktop\:min-h-112 {
    @media (width >= 1024px) {
      min-height: var(--spacing-112);
    }
  }
  .desktop\:min-h-120 {
    @media (width >= 1024px) {
      min-height: var(--spacing-120);
    }
  }
  .desktop\:min-h-128 {
    @media (width >= 1024px) {
      min-height: var(--spacing-128);
    }
  }
  .desktop\:min-h-136 {
    @media (width >= 1024px) {
      min-height: var(--spacing-136);
    }
  }
  .desktop\:min-h-144 {
    @media (width >= 1024px) {
      min-height: var(--spacing-144);
    }
  }
  .desktop\:min-h-152 {
    @media (width >= 1024px) {
      min-height: var(--spacing-152);
    }
  }
  .desktop\:min-h-160 {
    @media (width >= 1024px) {
      min-height: var(--spacing-160);
    }
  }
  .desktop\:min-h-176 {
    @media (width >= 1024px) {
      min-height: var(--spacing-176);
    }
  }
  .desktop\:min-h-192 {
    @media (width >= 1024px) {
      min-height: var(--spacing-192);
    }
  }
  .desktop\:min-h-208 {
    @media (width >= 1024px) {
      min-height: var(--spacing-208);
    }
  }
  .desktop\:min-h-224 {
    @media (width >= 1024px) {
      min-height: var(--spacing-224);
    }
  }
  .desktop\:min-h-240 {
    @media (width >= 1024px) {
      min-height: var(--spacing-240);
    }
  }
  .desktop\:min-h-256 {
    @media (width >= 1024px) {
      min-height: var(--spacing-256);
    }
  }
  .desktop\:w-24 {
    @media (width >= 1024px) {
      width: var(--spacing-24);
    }
  }
  .desktop\:w-none {
    @media (width >= 1024px) {
      width: var(--spacing-none);
    }
  }
  .desktop\:max-w-1 {
    @media (width >= 1024px) {
      max-width: var(--spacing-1);
    }
  }
  .desktop\:max-w-2 {
    @media (width >= 1024px) {
      max-width: var(--spacing-2);
    }
  }
  .desktop\:max-w-4 {
    @media (width >= 1024px) {
      max-width: var(--spacing-4);
    }
  }
  .desktop\:max-w-6 {
    @media (width >= 1024px) {
      max-width: var(--spacing-6);
    }
  }
  .desktop\:max-w-8 {
    @media (width >= 1024px) {
      max-width: var(--spacing-8);
    }
  }
  .desktop\:max-w-12 {
    @media (width >= 1024px) {
      max-width: var(--spacing-12);
    }
  }
  .desktop\:max-w-14 {
    @media (width >= 1024px) {
      max-width: var(--spacing-14);
    }
  }
  .desktop\:max-w-16 {
    @media (width >= 1024px) {
      max-width: var(--spacing-16);
    }
  }
  .desktop\:max-w-18 {
    @media (width >= 1024px) {
      max-width: var(--spacing-18);
    }
  }
  .desktop\:max-w-20 {
    @media (width >= 1024px) {
      max-width: var(--spacing-20);
    }
  }
  .desktop\:max-w-22 {
    @media (width >= 1024px) {
      max-width: var(--spacing-22);
    }
  }
  .desktop\:max-w-24 {
    @media (width >= 1024px) {
      max-width: var(--spacing-24);
    }
  }
  .desktop\:max-w-26 {
    @media (width >= 1024px) {
      max-width: var(--spacing-26);
    }
  }
  .desktop\:max-w-28 {
    @media (width >= 1024px) {
      max-width: var(--spacing-28);
    }
  }
  .desktop\:max-w-32 {
    @media (width >= 1024px) {
      max-width: var(--spacing-32);
    }
  }
  .desktop\:max-w-34 {
    @media (width >= 1024px) {
      max-width: var(--spacing-34);
    }
  }
  .desktop\:max-w-36 {
    @media (width >= 1024px) {
      max-width: var(--spacing-36);
    }
  }
  .desktop\:max-w-38 {
    @media (width >= 1024px) {
      max-width: var(--spacing-38);
    }
  }
  .desktop\:max-w-40 {
    @media (width >= 1024px) {
      max-width: var(--spacing-40);
    }
  }
  .desktop\:max-w-42 {
    @media (width >= 1024px) {
      max-width: var(--spacing-42);
    }
  }
  .desktop\:max-w-44 {
    @media (width >= 1024px) {
      max-width: var(--spacing-44);
    }
  }
  .desktop\:max-w-48 {
    @media (width >= 1024px) {
      max-width: var(--spacing-48);
    }
  }
  .desktop\:max-w-52 {
    @media (width >= 1024px) {
      max-width: var(--spacing-52);
    }
  }
  .desktop\:max-w-56 {
    @media (width >= 1024px) {
      max-width: var(--spacing-56);
    }
  }
  .desktop\:max-w-60 {
    @media (width >= 1024px) {
      max-width: var(--spacing-60);
    }
  }
  .desktop\:max-w-64 {
    @media (width >= 1024px) {
      max-width: var(--spacing-64);
    }
  }
  .desktop\:max-w-68 {
    @media (width >= 1024px) {
      max-width: var(--spacing-68);
    }
  }
  .desktop\:max-w-72 {
    @media (width >= 1024px) {
      max-width: var(--spacing-72);
    }
  }
  .desktop\:max-w-76 {
    @media (width >= 1024px) {
      max-width: var(--spacing-76);
    }
  }
  .desktop\:max-w-80 {
    @media (width >= 1024px) {
      max-width: var(--spacing-80);
    }
  }
  .desktop\:max-w-84 {
    @media (width >= 1024px) {
      max-width: var(--spacing-84);
    }
  }
  .desktop\:max-w-88 {
    @media (width >= 1024px) {
      max-width: var(--spacing-88);
    }
  }
  .desktop\:max-w-92 {
    @media (width >= 1024px) {
      max-width: var(--spacing-92);
    }
  }
  .desktop\:max-w-96 {
    @media (width >= 1024px) {
      max-width: var(--spacing-96);
    }
  }
  .desktop\:max-w-104 {
    @media (width >= 1024px) {
      max-width: var(--spacing-104);
    }
  }
  .desktop\:max-w-112 {
    @media (width >= 1024px) {
      max-width: var(--spacing-112);
    }
  }
  .desktop\:max-w-120 {
    @media (width >= 1024px) {
      max-width: var(--spacing-120);
    }
  }
  .desktop\:max-w-128 {
    @media (width >= 1024px) {
      max-width: var(--spacing-128);
    }
  }
  .desktop\:max-w-136 {
    @media (width >= 1024px) {
      max-width: var(--spacing-136);
    }
  }
  .desktop\:max-w-144 {
    @media (width >= 1024px) {
      max-width: var(--spacing-144);
    }
  }
  .desktop\:max-w-152 {
    @media (width >= 1024px) {
      max-width: var(--spacing-152);
    }
  }
  .desktop\:max-w-160 {
    @media (width >= 1024px) {
      max-width: var(--spacing-160);
    }
  }
  .desktop\:max-w-176 {
    @media (width >= 1024px) {
      max-width: var(--spacing-176);
    }
  }
  .desktop\:max-w-192 {
    @media (width >= 1024px) {
      max-width: var(--spacing-192);
    }
  }
  .desktop\:max-w-208 {
    @media (width >= 1024px) {
      max-width: var(--spacing-208);
    }
  }
  .desktop\:max-w-224 {
    @media (width >= 1024px) {
      max-width: var(--spacing-224);
    }
  }
  .desktop\:max-w-240 {
    @media (width >= 1024px) {
      max-width: var(--spacing-240);
    }
  }
  .desktop\:max-w-256 {
    @media (width >= 1024px) {
      max-width: var(--spacing-256);
    }
  }
  .desktop\:min-w-1 {
    @media (width >= 1024px) {
      min-width: var(--spacing-1);
    }
  }
  .desktop\:min-w-2 {
    @media (width >= 1024px) {
      min-width: var(--spacing-2);
    }
  }
  .desktop\:min-w-4 {
    @media (width >= 1024px) {
      min-width: var(--spacing-4);
    }
  }
  .desktop\:min-w-6 {
    @media (width >= 1024px) {
      min-width: var(--spacing-6);
    }
  }
  .desktop\:min-w-8 {
    @media (width >= 1024px) {
      min-width: var(--spacing-8);
    }
  }
  .desktop\:min-w-12 {
    @media (width >= 1024px) {
      min-width: var(--spacing-12);
    }
  }
  .desktop\:min-w-14 {
    @media (width >= 1024px) {
      min-width: var(--spacing-14);
    }
  }
  .desktop\:min-w-16 {
    @media (width >= 1024px) {
      min-width: var(--spacing-16);
    }
  }
  .desktop\:min-w-18 {
    @media (width >= 1024px) {
      min-width: var(--spacing-18);
    }
  }
  .desktop\:min-w-20 {
    @media (width >= 1024px) {
      min-width: var(--spacing-20);
    }
  }
  .desktop\:min-w-22 {
    @media (width >= 1024px) {
      min-width: var(--spacing-22);
    }
  }
  .desktop\:min-w-24 {
    @media (width >= 1024px) {
      min-width: var(--spacing-24);
    }
  }
  .desktop\:min-w-26 {
    @media (width >= 1024px) {
      min-width: var(--spacing-26);
    }
  }
  .desktop\:min-w-28 {
    @media (width >= 1024px) {
      min-width: var(--spacing-28);
    }
  }
  .desktop\:min-w-32 {
    @media (width >= 1024px) {
      min-width: var(--spacing-32);
    }
  }
  .desktop\:min-w-34 {
    @media (width >= 1024px) {
      min-width: var(--spacing-34);
    }
  }
  .desktop\:min-w-36 {
    @media (width >= 1024px) {
      min-width: var(--spacing-36);
    }
  }
  .desktop\:min-w-38 {
    @media (width >= 1024px) {
      min-width: var(--spacing-38);
    }
  }
  .desktop\:min-w-40 {
    @media (width >= 1024px) {
      min-width: var(--spacing-40);
    }
  }
  .desktop\:min-w-42 {
    @media (width >= 1024px) {
      min-width: var(--spacing-42);
    }
  }
  .desktop\:min-w-44 {
    @media (width >= 1024px) {
      min-width: var(--spacing-44);
    }
  }
  .desktop\:min-w-48 {
    @media (width >= 1024px) {
      min-width: var(--spacing-48);
    }
  }
  .desktop\:min-w-52 {
    @media (width >= 1024px) {
      min-width: var(--spacing-52);
    }
  }
  .desktop\:min-w-56 {
    @media (width >= 1024px) {
      min-width: var(--spacing-56);
    }
  }
  .desktop\:min-w-60 {
    @media (width >= 1024px) {
      min-width: var(--spacing-60);
    }
  }
  .desktop\:min-w-64 {
    @media (width >= 1024px) {
      min-width: var(--spacing-64);
    }
  }
  .desktop\:min-w-68 {
    @media (width >= 1024px) {
      min-width: var(--spacing-68);
    }
  }
  .desktop\:min-w-72 {
    @media (width >= 1024px) {
      min-width: var(--spacing-72);
    }
  }
  .desktop\:min-w-76 {
    @media (width >= 1024px) {
      min-width: var(--spacing-76);
    }
  }
  .desktop\:min-w-80 {
    @media (width >= 1024px) {
      min-width: var(--spacing-80);
    }
  }
  .desktop\:min-w-84 {
    @media (width >= 1024px) {
      min-width: var(--spacing-84);
    }
  }
  .desktop\:min-w-88 {
    @media (width >= 1024px) {
      min-width: var(--spacing-88);
    }
  }
  .desktop\:min-w-92 {
    @media (width >= 1024px) {
      min-width: var(--spacing-92);
    }
  }
  .desktop\:min-w-96 {
    @media (width >= 1024px) {
      min-width: var(--spacing-96);
    }
  }
  .desktop\:min-w-104 {
    @media (width >= 1024px) {
      min-width: var(--spacing-104);
    }
  }
  .desktop\:min-w-112 {
    @media (width >= 1024px) {
      min-width: var(--spacing-112);
    }
  }
  .desktop\:min-w-120 {
    @media (width >= 1024px) {
      min-width: var(--spacing-120);
    }
  }
  .desktop\:min-w-128 {
    @media (width >= 1024px) {
      min-width: var(--spacing-128);
    }
  }
  .desktop\:min-w-136 {
    @media (width >= 1024px) {
      min-width: var(--spacing-136);
    }
  }
  .desktop\:min-w-144 {
    @media (width >= 1024px) {
      min-width: var(--spacing-144);
    }
  }
  .desktop\:min-w-152 {
    @media (width >= 1024px) {
      min-width: var(--spacing-152);
    }
  }
  .desktop\:min-w-160 {
    @media (width >= 1024px) {
      min-width: var(--spacing-160);
    }
  }
  .desktop\:min-w-176 {
    @media (width >= 1024px) {
      min-width: var(--spacing-176);
    }
  }
  .desktop\:min-w-192 {
    @media (width >= 1024px) {
      min-width: var(--spacing-192);
    }
  }
  .desktop\:min-w-208 {
    @media (width >= 1024px) {
      min-width: var(--spacing-208);
    }
  }
  .desktop\:min-w-224 {
    @media (width >= 1024px) {
      min-width: var(--spacing-224);
    }
  }
  .desktop\:min-w-240 {
    @media (width >= 1024px) {
      min-width: var(--spacing-240);
    }
  }
  .desktop\:min-w-256 {
    @media (width >= 1024px) {
      min-width: var(--spacing-256);
    }
  }
  .desktop\:flex-auto {
    @media (width >= 1024px) {
      flex: auto;
    }
  }
  .desktop\:flex-initial {
    @media (width >= 1024px) {
      flex: 0 auto;
    }
  }
  .desktop\:flex-none {
    @media (width >= 1024px) {
      flex: none;
    }
  }
  .desktop\:grid-cols-1 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-2 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-3 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-4 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-5 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-6 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-7 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-8 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-9 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-10 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-11 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .desktop\:grid-cols-12 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .desktop\:flex-row {
    @media (width >= 1024px) {
      flex-direction: row;
    }
  }
  .desktop\:flex-row-reverse {
    @media (width >= 1024px) {
      flex-direction: row-reverse;
    }
  }
  .desktop\:flex-nowrap {
    @media (width >= 1024px) {
      flex-wrap: nowrap;
    }
  }
  .desktop\:flex-wrap {
    @media (width >= 1024px) {
      flex-wrap: wrap;
    }
  }
  .desktop\:flex-wrap-reverse {
    @media (width >= 1024px) {
      flex-wrap: wrap-reverse;
    }
  }
  .desktop\:place-content-around {
    @media (width >= 1024px) {
      place-content: space-around;
    }
  }
  .desktop\:place-content-baseline {
    @media (width >= 1024px) {
      place-content: baseline;
    }
  }
  .desktop\:place-content-between {
    @media (width >= 1024px) {
      place-content: space-between;
    }
  }
  .desktop\:place-content-center {
    @media (width >= 1024px) {
      place-content: center;
    }
  }
  .desktop\:place-content-center-safe {
    @media (width >= 1024px) {
      place-content: safe center;
    }
  }
  .desktop\:place-content-end {
    @media (width >= 1024px) {
      place-content: end;
    }
  }
  .desktop\:place-content-end-safe {
    @media (width >= 1024px) {
      place-content: safe end;
    }
  }
  .desktop\:place-content-evenly {
    @media (width >= 1024px) {
      place-content: space-evenly;
    }
  }
  .desktop\:place-content-start {
    @media (width >= 1024px) {
      place-content: start;
    }
  }
  .desktop\:place-content-stretch {
    @media (width >= 1024px) {
      place-content: stretch;
    }
  }
  .desktop\:content-around {
    @media (width >= 1024px) {
      align-content: space-around;
    }
  }
  .desktop\:content-baseline {
    @media (width >= 1024px) {
      align-content: baseline;
    }
  }
  .desktop\:content-between {
    @media (width >= 1024px) {
      align-content: space-between;
    }
  }
  .desktop\:content-center {
    @media (width >= 1024px) {
      align-content: center;
    }
  }
  .desktop\:content-center-safe {
    @media (width >= 1024px) {
      align-content: safe center;
    }
  }
  .desktop\:content-end {
    @media (width >= 1024px) {
      align-content: flex-end;
    }
  }
  .desktop\:content-end-safe {
    @media (width >= 1024px) {
      align-content: safe flex-end;
    }
  }
  .desktop\:content-evenly {
    @media (width >= 1024px) {
      align-content: space-evenly;
    }
  }
  .desktop\:content-normal {
    @media (width >= 1024px) {
      align-content: normal;
    }
  }
  .desktop\:content-start {
    @media (width >= 1024px) {
      align-content: flex-start;
    }
  }
  .desktop\:content-stretch {
    @media (width >= 1024px) {
      align-content: stretch;
    }
  }
  .desktop\:items-baseline {
    @media (width >= 1024px) {
      align-items: baseline;
    }
  }
  .desktop\:items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .desktop\:items-center-safe {
    @media (width >= 1024px) {
      align-items: safe center;
    }
  }
  .desktop\:items-end {
    @media (width >= 1024px) {
      align-items: flex-end;
    }
  }
  .desktop\:items-end-safe {
    @media (width >= 1024px) {
      align-items: safe flex-end;
    }
  }
  .desktop\:items-start {
    @media (width >= 1024px) {
      align-items: flex-start;
    }
  }
  .desktop\:items-stretch {
    @media (width >= 1024px) {
      align-items: stretch;
    }
  }
  .desktop\:justify-around {
    @media (width >= 1024px) {
      justify-content: space-around;
    }
  }
  .desktop\:justify-baseline {
    @media (width >= 1024px) {
      justify-content: baseline;
    }
  }
  .desktop\:justify-between {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  .desktop\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .desktop\:justify-center-safe {
    @media (width >= 1024px) {
      justify-content: safe center;
    }
  }
  .desktop\:justify-end {
    @media (width >= 1024px) {
      justify-content: flex-end;
    }
  }
  .desktop\:justify-end-safe {
    @media (width >= 1024px) {
      justify-content: safe flex-end;
    }
  }
  .desktop\:justify-evenly {
    @media (width >= 1024px) {
      justify-content: space-evenly;
    }
  }
  .desktop\:justify-normal {
    @media (width >= 1024px) {
      justify-content: normal;
    }
  }
  .desktop\:justify-start {
    @media (width >= 1024px) {
      justify-content: flex-start;
    }
  }
  .desktop\:justify-stretch {
    @media (width >= 1024px) {
      justify-content: stretch;
    }
  }
  .desktop\:justify-items-center {
    @media (width >= 1024px) {
      justify-items: center;
    }
  }
  .desktop\:justify-items-center-safe {
    @media (width >= 1024px) {
      justify-items: safe center;
    }
  }
  .desktop\:justify-items-end {
    @media (width >= 1024px) {
      justify-items: end;
    }
  }
  .desktop\:justify-items-end-safe {
    @media (width >= 1024px) {
      justify-items: safe end;
    }
  }
  .desktop\:justify-items-normal {
    @media (width >= 1024px) {
      justify-items: normal;
    }
  }
  .desktop\:justify-items-start {
    @media (width >= 1024px) {
      justify-items: start;
    }
  }
  .desktop\:justify-items-stretch {
    @media (width >= 1024px) {
      justify-items: stretch;
    }
  }
  .desktop\:gap-4 {
    @media (width >= 1024px) {
      gap: var(--spacing-4);
    }
  }
  .desktop\:gap-24 {
    @media (width >= 1024px) {
      gap: var(--spacing-24);
    }
  }
  .desktop\:gap-none {
    @media (width >= 1024px) {
      gap: var(--spacing-none);
    }
  }
  .desktop\:self-auto {
    @media (width >= 1024px) {
      align-self: auto;
    }
  }
  .desktop\:self-baseline {
    @media (width >= 1024px) {
      align-self: baseline;
    }
  }
  .desktop\:self-center {
    @media (width >= 1024px) {
      align-self: center;
    }
  }
  .desktop\:self-center-safe {
    @media (width >= 1024px) {
      align-self: safe center;
    }
  }
  .desktop\:self-end {
    @media (width >= 1024px) {
      align-self: flex-end;
    }
  }
  .desktop\:self-end-safe {
    @media (width >= 1024px) {
      align-self: safe flex-end;
    }
  }
  .desktop\:self-start {
    @media (width >= 1024px) {
      align-self: flex-start;
    }
  }
  .desktop\:self-stretch {
    @media (width >= 1024px) {
      align-self: stretch;
    }
  }
  .desktop\:justify-self-auto {
    @media (width >= 1024px) {
      justify-self: auto;
    }
  }
  .desktop\:justify-self-center {
    @media (width >= 1024px) {
      justify-self: center;
    }
  }
  .desktop\:justify-self-center-safe {
    @media (width >= 1024px) {
      justify-self: safe center;
    }
  }
  .desktop\:justify-self-end {
    @media (width >= 1024px) {
      justify-self: flex-end;
    }
  }
  .desktop\:justify-self-end-safe {
    @media (width >= 1024px) {
      justify-self: safe flex-end;
    }
  }
  .desktop\:justify-self-start {
    @media (width >= 1024px) {
      justify-self: flex-start;
    }
  }
  .desktop\:justify-self-stretch {
    @media (width >= 1024px) {
      justify-self: stretch;
    }
  }
  .desktop\:p-1 {
    @media (width >= 1024px) {
      padding: var(--spacing-1);
    }
  }
  .desktop\:p-2 {
    @media (width >= 1024px) {
      padding: var(--spacing-2);
    }
  }
  .desktop\:p-4 {
    @media (width >= 1024px) {
      padding: var(--spacing-4);
    }
  }
  .desktop\:p-6 {
    @media (width >= 1024px) {
      padding: var(--spacing-6);
    }
  }
  .desktop\:p-8 {
    @media (width >= 1024px) {
      padding: var(--spacing-8);
    }
  }
  .desktop\:p-12 {
    @media (width >= 1024px) {
      padding: var(--spacing-12);
    }
  }
  .desktop\:p-14 {
    @media (width >= 1024px) {
      padding: var(--spacing-14);
    }
  }
  .desktop\:p-16 {
    @media (width >= 1024px) {
      padding: var(--spacing-16);
    }
  }
  .desktop\:p-18 {
    @media (width >= 1024px) {
      padding: var(--spacing-18);
    }
  }
  .desktop\:p-20 {
    @media (width >= 1024px) {
      padding: var(--spacing-20);
    }
  }
  .desktop\:p-22 {
    @media (width >= 1024px) {
      padding: var(--spacing-22);
    }
  }
  .desktop\:p-24 {
    @media (width >= 1024px) {
      padding: var(--spacing-24);
    }
  }
  .desktop\:p-26 {
    @media (width >= 1024px) {
      padding: var(--spacing-26);
    }
  }
  .desktop\:p-28 {
    @media (width >= 1024px) {
      padding: var(--spacing-28);
    }
  }
  .desktop\:p-32 {
    @media (width >= 1024px) {
      padding: var(--spacing-32);
    }
  }
  .desktop\:p-34 {
    @media (width >= 1024px) {
      padding: var(--spacing-34);
    }
  }
  .desktop\:p-36 {
    @media (width >= 1024px) {
      padding: var(--spacing-36);
    }
  }
  .desktop\:p-38 {
    @media (width >= 1024px) {
      padding: var(--spacing-38);
    }
  }
  .desktop\:p-40 {
    @media (width >= 1024px) {
      padding: var(--spacing-40);
    }
  }
  .desktop\:p-42 {
    @media (width >= 1024px) {
      padding: var(--spacing-42);
    }
  }
  .desktop\:p-44 {
    @media (width >= 1024px) {
      padding: var(--spacing-44);
    }
  }
  .desktop\:p-48 {
    @media (width >= 1024px) {
      padding: var(--spacing-48);
    }
  }
  .desktop\:p-52 {
    @media (width >= 1024px) {
      padding: var(--spacing-52);
    }
  }
  .desktop\:p-56 {
    @media (width >= 1024px) {
      padding: var(--spacing-56);
    }
  }
  .desktop\:p-60 {
    @media (width >= 1024px) {
      padding: var(--spacing-60);
    }
  }
  .desktop\:p-64 {
    @media (width >= 1024px) {
      padding: var(--spacing-64);
    }
  }
  .desktop\:p-68 {
    @media (width >= 1024px) {
      padding: var(--spacing-68);
    }
  }
  .desktop\:p-72 {
    @media (width >= 1024px) {
      padding: var(--spacing-72);
    }
  }
  .desktop\:p-76 {
    @media (width >= 1024px) {
      padding: var(--spacing-76);
    }
  }
  .desktop\:p-80 {
    @media (width >= 1024px) {
      padding: var(--spacing-80);
    }
  }
  .desktop\:p-84 {
    @media (width >= 1024px) {
      padding: var(--spacing-84);
    }
  }
  .desktop\:p-88 {
    @media (width >= 1024px) {
      padding: var(--spacing-88);
    }
  }
  .desktop\:p-92 {
    @media (width >= 1024px) {
      padding: var(--spacing-92);
    }
  }
  .desktop\:p-96 {
    @media (width >= 1024px) {
      padding: var(--spacing-96);
    }
  }
  .desktop\:p-104 {
    @media (width >= 1024px) {
      padding: var(--spacing-104);
    }
  }
  .desktop\:p-112 {
    @media (width >= 1024px) {
      padding: var(--spacing-112);
    }
  }
  .desktop\:p-120 {
    @media (width >= 1024px) {
      padding: var(--spacing-120);
    }
  }
  .desktop\:p-128 {
    @media (width >= 1024px) {
      padding: var(--spacing-128);
    }
  }
  .desktop\:p-136 {
    @media (width >= 1024px) {
      padding: var(--spacing-136);
    }
  }
  .desktop\:p-144 {
    @media (width >= 1024px) {
      padding: var(--spacing-144);
    }
  }
  .desktop\:p-152 {
    @media (width >= 1024px) {
      padding: var(--spacing-152);
    }
  }
  .desktop\:p-160 {
    @media (width >= 1024px) {
      padding: var(--spacing-160);
    }
  }
  .desktop\:p-176 {
    @media (width >= 1024px) {
      padding: var(--spacing-176);
    }
  }
  .desktop\:p-192 {
    @media (width >= 1024px) {
      padding: var(--spacing-192);
    }
  }
  .desktop\:p-208 {
    @media (width >= 1024px) {
      padding: var(--spacing-208);
    }
  }
  .desktop\:p-224 {
    @media (width >= 1024px) {
      padding: var(--spacing-224);
    }
  }
  .desktop\:p-240 {
    @media (width >= 1024px) {
      padding: var(--spacing-240);
    }
  }
  .desktop\:p-256 {
    @media (width >= 1024px) {
      padding: var(--spacing-256);
    }
  }
  .desktop\:p-none {
    @media (width >= 1024px) {
      padding: var(--spacing-none);
    }
  }
  .desktop\:px-1 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-1);
    }
  }
  .desktop\:px-2 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-2);
    }
  }
  .desktop\:px-4 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-4);
    }
  }
  .desktop\:px-6 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-6);
    }
  }
  .desktop\:px-8 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-8);
    }
  }
  .desktop\:px-12 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-12);
    }
  }
  .desktop\:px-14 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-14);
    }
  }
  .desktop\:px-16 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-16);
    }
  }
  .desktop\:px-18 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-18);
    }
  }
  .desktop\:px-20 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-20);
    }
  }
  .desktop\:px-22 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-22);
    }
  }
  .desktop\:px-24 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-24);
    }
  }
  .desktop\:px-26 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-26);
    }
  }
  .desktop\:px-28 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-28);
    }
  }
  .desktop\:px-32 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-32);
    }
  }
  .desktop\:px-34 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-34);
    }
  }
  .desktop\:px-36 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-36);
    }
  }
  .desktop\:px-38 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-38);
    }
  }
  .desktop\:px-40 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-40);
    }
  }
  .desktop\:px-42 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-42);
    }
  }
  .desktop\:px-44 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-44);
    }
  }
  .desktop\:px-48 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-48);
    }
  }
  .desktop\:px-52 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-52);
    }
  }
  .desktop\:px-56 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-56);
    }
  }
  .desktop\:px-60 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-60);
    }
  }
  .desktop\:px-64 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-64);
    }
  }
  .desktop\:px-68 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-68);
    }
  }
  .desktop\:px-72 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-72);
    }
  }
  .desktop\:px-76 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-76);
    }
  }
  .desktop\:px-80 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-80);
    }
  }
  .desktop\:px-84 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-84);
    }
  }
  .desktop\:px-88 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-88);
    }
  }
  .desktop\:px-92 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-92);
    }
  }
  .desktop\:px-96 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-96);
    }
  }
  .desktop\:px-104 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-104);
    }
  }
  .desktop\:px-112 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-112);
    }
  }
  .desktop\:px-120 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-120);
    }
  }
  .desktop\:px-128 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-128);
    }
  }
  .desktop\:px-136 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-136);
    }
  }
  .desktop\:px-144 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-144);
    }
  }
  .desktop\:px-152 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-152);
    }
  }
  .desktop\:px-160 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-160);
    }
  }
  .desktop\:px-176 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-176);
    }
  }
  .desktop\:px-192 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-192);
    }
  }
  .desktop\:px-208 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-208);
    }
  }
  .desktop\:px-224 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-224);
    }
  }
  .desktop\:px-240 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-240);
    }
  }
  .desktop\:px-256 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-256);
    }
  }
  .desktop\:py-1 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-1);
    }
  }
  .desktop\:py-2 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-2);
    }
  }
  .desktop\:py-4 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-4);
    }
  }
  .desktop\:py-6 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-6);
    }
  }
  .desktop\:py-8 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-8);
    }
  }
  .desktop\:py-12 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-12);
    }
  }
  .desktop\:py-14 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-14);
    }
  }
  .desktop\:py-16 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-16);
    }
  }
  .desktop\:py-18 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-18);
    }
  }
  .desktop\:py-20 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-20);
    }
  }
  .desktop\:py-22 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-22);
    }
  }
  .desktop\:py-24 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-24);
    }
  }
  .desktop\:py-26 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-26);
    }
  }
  .desktop\:py-28 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-28);
    }
  }
  .desktop\:py-32 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-32);
    }
  }
  .desktop\:py-34 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-34);
    }
  }
  .desktop\:py-36 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-36);
    }
  }
  .desktop\:py-38 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-38);
    }
  }
  .desktop\:py-40 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-40);
    }
  }
  .desktop\:py-42 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-42);
    }
  }
  .desktop\:py-44 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-44);
    }
  }
  .desktop\:py-48 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-48);
    }
  }
  .desktop\:py-52 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-52);
    }
  }
  .desktop\:py-56 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-56);
    }
  }
  .desktop\:py-60 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-60);
    }
  }
  .desktop\:py-64 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-64);
    }
  }
  .desktop\:py-68 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-68);
    }
  }
  .desktop\:py-72 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-72);
    }
  }
  .desktop\:py-76 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-76);
    }
  }
  .desktop\:py-80 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-80);
    }
  }
  .desktop\:py-84 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-84);
    }
  }
  .desktop\:py-88 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-88);
    }
  }
  .desktop\:py-92 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-92);
    }
  }
  .desktop\:py-96 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-96);
    }
  }
  .desktop\:py-104 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-104);
    }
  }
  .desktop\:py-112 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-112);
    }
  }
  .desktop\:py-120 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-120);
    }
  }
  .desktop\:py-128 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-128);
    }
  }
  .desktop\:py-136 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-136);
    }
  }
  .desktop\:py-144 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-144);
    }
  }
  .desktop\:py-152 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-152);
    }
  }
  .desktop\:py-160 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-160);
    }
  }
  .desktop\:py-176 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-176);
    }
  }
  .desktop\:py-192 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-192);
    }
  }
  .desktop\:py-208 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-208);
    }
  }
  .desktop\:py-224 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-224);
    }
  }
  .desktop\:py-240 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-240);
    }
  }
  .desktop\:py-256 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-256);
    }
  }
  .desktop\:pt-1 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-1);
    }
  }
  .desktop\:pt-2 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-2);
    }
  }
  .desktop\:pt-4 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-4);
    }
  }
  .desktop\:pt-6 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-6);
    }
  }
  .desktop\:pt-8 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-8);
    }
  }
  .desktop\:pt-12 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-12);
    }
  }
  .desktop\:pt-14 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-14);
    }
  }
  .desktop\:pt-16 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-16);
    }
  }
  .desktop\:pt-18 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-18);
    }
  }
  .desktop\:pt-20 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-20);
    }
  }
  .desktop\:pt-22 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-22);
    }
  }
  .desktop\:pt-24 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-24);
    }
  }
  .desktop\:pt-26 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-26);
    }
  }
  .desktop\:pt-28 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-28);
    }
  }
  .desktop\:pt-32 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-32);
    }
  }
  .desktop\:pt-34 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-34);
    }
  }
  .desktop\:pt-36 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-36);
    }
  }
  .desktop\:pt-38 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-38);
    }
  }
  .desktop\:pt-40 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-40);
    }
  }
  .desktop\:pt-42 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-42);
    }
  }
  .desktop\:pt-44 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-44);
    }
  }
  .desktop\:pt-48 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-48);
    }
  }
  .desktop\:pt-52 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-52);
    }
  }
  .desktop\:pt-56 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-56);
    }
  }
  .desktop\:pt-60 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-60);
    }
  }
  .desktop\:pt-64 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-64);
    }
  }
  .desktop\:pt-68 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-68);
    }
  }
  .desktop\:pt-72 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-72);
    }
  }
  .desktop\:pt-76 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-76);
    }
  }
  .desktop\:pt-80 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-80);
    }
  }
  .desktop\:pt-84 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-84);
    }
  }
  .desktop\:pt-88 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-88);
    }
  }
  .desktop\:pt-92 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-92);
    }
  }
  .desktop\:pt-96 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-96);
    }
  }
  .desktop\:pt-104 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-104);
    }
  }
  .desktop\:pt-112 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-112);
    }
  }
  .desktop\:pt-120 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-120);
    }
  }
  .desktop\:pt-128 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-128);
    }
  }
  .desktop\:pt-136 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-136);
    }
  }
  .desktop\:pt-144 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-144);
    }
  }
  .desktop\:pt-152 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-152);
    }
  }
  .desktop\:pt-160 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-160);
    }
  }
  .desktop\:pt-176 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-176);
    }
  }
  .desktop\:pt-192 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-192);
    }
  }
  .desktop\:pt-208 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-208);
    }
  }
  .desktop\:pt-224 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-224);
    }
  }
  .desktop\:pt-240 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-240);
    }
  }
  .desktop\:pt-256 {
    @media (width >= 1024px) {
      padding-top: var(--spacing-256);
    }
  }
  .desktop\:pr-1 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-1);
    }
  }
  .desktop\:pr-2 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-2);
    }
  }
  .desktop\:pr-4 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-4);
    }
  }
  .desktop\:pr-6 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-6);
    }
  }
  .desktop\:pr-8 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-8);
    }
  }
  .desktop\:pr-12 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-12);
    }
  }
  .desktop\:pr-14 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-14);
    }
  }
  .desktop\:pr-16 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-16);
    }
  }
  .desktop\:pr-18 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-18);
    }
  }
  .desktop\:pr-20 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-20);
    }
  }
  .desktop\:pr-22 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-22);
    }
  }
  .desktop\:pr-24 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-24);
    }
  }
  .desktop\:pr-26 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-26);
    }
  }
  .desktop\:pr-28 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-28);
    }
  }
  .desktop\:pr-32 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-32);
    }
  }
  .desktop\:pr-34 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-34);
    }
  }
  .desktop\:pr-36 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-36);
    }
  }
  .desktop\:pr-38 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-38);
    }
  }
  .desktop\:pr-40 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-40);
    }
  }
  .desktop\:pr-42 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-42);
    }
  }
  .desktop\:pr-44 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-44);
    }
  }
  .desktop\:pr-48 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-48);
    }
  }
  .desktop\:pr-52 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-52);
    }
  }
  .desktop\:pr-56 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-56);
    }
  }
  .desktop\:pr-60 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-60);
    }
  }
  .desktop\:pr-64 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-64);
    }
  }
  .desktop\:pr-68 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-68);
    }
  }
  .desktop\:pr-72 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-72);
    }
  }
  .desktop\:pr-76 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-76);
    }
  }
  .desktop\:pr-80 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-80);
    }
  }
  .desktop\:pr-84 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-84);
    }
  }
  .desktop\:pr-88 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-88);
    }
  }
  .desktop\:pr-92 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-92);
    }
  }
  .desktop\:pr-96 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-96);
    }
  }
  .desktop\:pr-104 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-104);
    }
  }
  .desktop\:pr-112 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-112);
    }
  }
  .desktop\:pr-120 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-120);
    }
  }
  .desktop\:pr-128 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-128);
    }
  }
  .desktop\:pr-136 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-136);
    }
  }
  .desktop\:pr-144 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-144);
    }
  }
  .desktop\:pr-152 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-152);
    }
  }
  .desktop\:pr-160 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-160);
    }
  }
  .desktop\:pr-176 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-176);
    }
  }
  .desktop\:pr-192 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-192);
    }
  }
  .desktop\:pr-208 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-208);
    }
  }
  .desktop\:pr-224 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-224);
    }
  }
  .desktop\:pr-240 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-240);
    }
  }
  .desktop\:pr-256 {
    @media (width >= 1024px) {
      padding-right: var(--spacing-256);
    }
  }
  .desktop\:pb-1 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-1);
    }
  }
  .desktop\:pb-2 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-2);
    }
  }
  .desktop\:pb-4 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-4);
    }
  }
  .desktop\:pb-6 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-6);
    }
  }
  .desktop\:pb-8 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-8);
    }
  }
  .desktop\:pb-12 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-12);
    }
  }
  .desktop\:pb-14 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-14);
    }
  }
  .desktop\:pb-16 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-16);
    }
  }
  .desktop\:pb-18 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-18);
    }
  }
  .desktop\:pb-20 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-20);
    }
  }
  .desktop\:pb-22 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-22);
    }
  }
  .desktop\:pb-24 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-24);
    }
  }
  .desktop\:pb-26 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-26);
    }
  }
  .desktop\:pb-28 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-28);
    }
  }
  .desktop\:pb-32 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-32);
    }
  }
  .desktop\:pb-34 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-34);
    }
  }
  .desktop\:pb-36 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-36);
    }
  }
  .desktop\:pb-38 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-38);
    }
  }
  .desktop\:pb-40 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-40);
    }
  }
  .desktop\:pb-42 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-42);
    }
  }
  .desktop\:pb-44 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-44);
    }
  }
  .desktop\:pb-48 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-48);
    }
  }
  .desktop\:pb-52 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-52);
    }
  }
  .desktop\:pb-56 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-56);
    }
  }
  .desktop\:pb-60 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-60);
    }
  }
  .desktop\:pb-64 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-64);
    }
  }
  .desktop\:pb-68 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-68);
    }
  }
  .desktop\:pb-72 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-72);
    }
  }
  .desktop\:pb-76 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-76);
    }
  }
  .desktop\:pb-80 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-80);
    }
  }
  .desktop\:pb-84 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-84);
    }
  }
  .desktop\:pb-88 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-88);
    }
  }
  .desktop\:pb-92 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-92);
    }
  }
  .desktop\:pb-96 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-96);
    }
  }
  .desktop\:pb-104 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-104);
    }
  }
  .desktop\:pb-112 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-112);
    }
  }
  .desktop\:pb-120 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-120);
    }
  }
  .desktop\:pb-128 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-128);
    }
  }
  .desktop\:pb-136 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-136);
    }
  }
  .desktop\:pb-144 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-144);
    }
  }
  .desktop\:pb-152 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-152);
    }
  }
  .desktop\:pb-160 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-160);
    }
  }
  .desktop\:pb-176 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-176);
    }
  }
  .desktop\:pb-192 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-192);
    }
  }
  .desktop\:pb-208 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-208);
    }
  }
  .desktop\:pb-224 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-224);
    }
  }
  .desktop\:pb-240 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-240);
    }
  }
  .desktop\:pb-256 {
    @media (width >= 1024px) {
      padding-bottom: var(--spacing-256);
    }
  }
  .desktop\:pl-1 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-1);
    }
  }
  .desktop\:pl-2 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-2);
    }
  }
  .desktop\:pl-4 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-4);
    }
  }
  .desktop\:pl-6 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-6);
    }
  }
  .desktop\:pl-8 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-8);
    }
  }
  .desktop\:pl-12 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-12);
    }
  }
  .desktop\:pl-14 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-14);
    }
  }
  .desktop\:pl-16 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-16);
    }
  }
  .desktop\:pl-18 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-18);
    }
  }
  .desktop\:pl-20 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-20);
    }
  }
  .desktop\:pl-22 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-22);
    }
  }
  .desktop\:pl-24 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-24);
    }
  }
  .desktop\:pl-26 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-26);
    }
  }
  .desktop\:pl-28 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-28);
    }
  }
  .desktop\:pl-32 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-32);
    }
  }
  .desktop\:pl-34 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-34);
    }
  }
  .desktop\:pl-36 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-36);
    }
  }
  .desktop\:pl-38 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-38);
    }
  }
  .desktop\:pl-40 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-40);
    }
  }
  .desktop\:pl-42 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-42);
    }
  }
  .desktop\:pl-44 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-44);
    }
  }
  .desktop\:pl-48 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-48);
    }
  }
  .desktop\:pl-52 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-52);
    }
  }
  .desktop\:pl-56 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-56);
    }
  }
  .desktop\:pl-60 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-60);
    }
  }
  .desktop\:pl-64 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-64);
    }
  }
  .desktop\:pl-68 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-68);
    }
  }
  .desktop\:pl-72 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-72);
    }
  }
  .desktop\:pl-76 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-76);
    }
  }
  .desktop\:pl-80 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-80);
    }
  }
  .desktop\:pl-84 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-84);
    }
  }
  .desktop\:pl-88 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-88);
    }
  }
  .desktop\:pl-92 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-92);
    }
  }
  .desktop\:pl-96 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-96);
    }
  }
  .desktop\:pl-104 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-104);
    }
  }
  .desktop\:pl-112 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-112);
    }
  }
  .desktop\:pl-120 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-120);
    }
  }
  .desktop\:pl-128 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-128);
    }
  }
  .desktop\:pl-136 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-136);
    }
  }
  .desktop\:pl-144 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-144);
    }
  }
  .desktop\:pl-152 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-152);
    }
  }
  .desktop\:pl-160 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-160);
    }
  }
  .desktop\:pl-176 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-176);
    }
  }
  .desktop\:pl-192 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-192);
    }
  }
  .desktop\:pl-208 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-208);
    }
  }
  .desktop\:pl-224 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-224);
    }
  }
  .desktop\:pl-240 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-240);
    }
  }
  .desktop\:pl-256 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-256);
    }
  }
  .desktop\:group-hover\:-translate-y-2 {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing-2) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .widescreen\:inset-none {
    @media (width >= 1224px) {
      inset: var(--spacing-none);
    }
  }
  .widescreen\:m-1 {
    @media (width >= 1224px) {
      margin: var(--spacing-1);
    }
  }
  .widescreen\:m-2 {
    @media (width >= 1224px) {
      margin: var(--spacing-2);
    }
  }
  .widescreen\:m-4 {
    @media (width >= 1224px) {
      margin: var(--spacing-4);
    }
  }
  .widescreen\:m-6 {
    @media (width >= 1224px) {
      margin: var(--spacing-6);
    }
  }
  .widescreen\:m-8 {
    @media (width >= 1224px) {
      margin: var(--spacing-8);
    }
  }
  .widescreen\:m-12 {
    @media (width >= 1224px) {
      margin: var(--spacing-12);
    }
  }
  .widescreen\:m-14 {
    @media (width >= 1224px) {
      margin: var(--spacing-14);
    }
  }
  .widescreen\:m-16 {
    @media (width >= 1224px) {
      margin: var(--spacing-16);
    }
  }
  .widescreen\:m-18 {
    @media (width >= 1224px) {
      margin: var(--spacing-18);
    }
  }
  .widescreen\:m-20 {
    @media (width >= 1224px) {
      margin: var(--spacing-20);
    }
  }
  .widescreen\:m-22 {
    @media (width >= 1224px) {
      margin: var(--spacing-22);
    }
  }
  .widescreen\:m-24 {
    @media (width >= 1224px) {
      margin: var(--spacing-24);
    }
  }
  .widescreen\:m-26 {
    @media (width >= 1224px) {
      margin: var(--spacing-26);
    }
  }
  .widescreen\:m-28 {
    @media (width >= 1224px) {
      margin: var(--spacing-28);
    }
  }
  .widescreen\:m-32 {
    @media (width >= 1224px) {
      margin: var(--spacing-32);
    }
  }
  .widescreen\:m-34 {
    @media (width >= 1224px) {
      margin: var(--spacing-34);
    }
  }
  .widescreen\:m-36 {
    @media (width >= 1224px) {
      margin: var(--spacing-36);
    }
  }
  .widescreen\:m-38 {
    @media (width >= 1224px) {
      margin: var(--spacing-38);
    }
  }
  .widescreen\:m-40 {
    @media (width >= 1224px) {
      margin: var(--spacing-40);
    }
  }
  .widescreen\:m-42 {
    @media (width >= 1224px) {
      margin: var(--spacing-42);
    }
  }
  .widescreen\:m-44 {
    @media (width >= 1224px) {
      margin: var(--spacing-44);
    }
  }
  .widescreen\:m-48 {
    @media (width >= 1224px) {
      margin: var(--spacing-48);
    }
  }
  .widescreen\:m-52 {
    @media (width >= 1224px) {
      margin: var(--spacing-52);
    }
  }
  .widescreen\:m-56 {
    @media (width >= 1224px) {
      margin: var(--spacing-56);
    }
  }
  .widescreen\:m-60 {
    @media (width >= 1224px) {
      margin: var(--spacing-60);
    }
  }
  .widescreen\:m-64 {
    @media (width >= 1224px) {
      margin: var(--spacing-64);
    }
  }
  .widescreen\:m-68 {
    @media (width >= 1224px) {
      margin: var(--spacing-68);
    }
  }
  .widescreen\:m-72 {
    @media (width >= 1224px) {
      margin: var(--spacing-72);
    }
  }
  .widescreen\:m-76 {
    @media (width >= 1224px) {
      margin: var(--spacing-76);
    }
  }
  .widescreen\:m-80 {
    @media (width >= 1224px) {
      margin: var(--spacing-80);
    }
  }
  .widescreen\:m-84 {
    @media (width >= 1224px) {
      margin: var(--spacing-84);
    }
  }
  .widescreen\:m-88 {
    @media (width >= 1224px) {
      margin: var(--spacing-88);
    }
  }
  .widescreen\:m-92 {
    @media (width >= 1224px) {
      margin: var(--spacing-92);
    }
  }
  .widescreen\:m-96 {
    @media (width >= 1224px) {
      margin: var(--spacing-96);
    }
  }
  .widescreen\:m-104 {
    @media (width >= 1224px) {
      margin: var(--spacing-104);
    }
  }
  .widescreen\:m-112 {
    @media (width >= 1224px) {
      margin: var(--spacing-112);
    }
  }
  .widescreen\:m-120 {
    @media (width >= 1224px) {
      margin: var(--spacing-120);
    }
  }
  .widescreen\:m-128 {
    @media (width >= 1224px) {
      margin: var(--spacing-128);
    }
  }
  .widescreen\:m-136 {
    @media (width >= 1224px) {
      margin: var(--spacing-136);
    }
  }
  .widescreen\:m-144 {
    @media (width >= 1224px) {
      margin: var(--spacing-144);
    }
  }
  .widescreen\:m-152 {
    @media (width >= 1224px) {
      margin: var(--spacing-152);
    }
  }
  .widescreen\:m-160 {
    @media (width >= 1224px) {
      margin: var(--spacing-160);
    }
  }
  .widescreen\:m-176 {
    @media (width >= 1224px) {
      margin: var(--spacing-176);
    }
  }
  .widescreen\:m-192 {
    @media (width >= 1224px) {
      margin: var(--spacing-192);
    }
  }
  .widescreen\:m-208 {
    @media (width >= 1224px) {
      margin: var(--spacing-208);
    }
  }
  .widescreen\:m-224 {
    @media (width >= 1224px) {
      margin: var(--spacing-224);
    }
  }
  .widescreen\:m-240 {
    @media (width >= 1224px) {
      margin: var(--spacing-240);
    }
  }
  .widescreen\:m-256 {
    @media (width >= 1224px) {
      margin: var(--spacing-256);
    }
  }
  .widescreen\:mx-1 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-1);
    }
  }
  .widescreen\:mx-2 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-2);
    }
  }
  .widescreen\:mx-4 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-4);
    }
  }
  .widescreen\:mx-6 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-6);
    }
  }
  .widescreen\:mx-8 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-8);
    }
  }
  .widescreen\:mx-12 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-12);
    }
  }
  .widescreen\:mx-14 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-14);
    }
  }
  .widescreen\:mx-16 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-16);
    }
  }
  .widescreen\:mx-18 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-18);
    }
  }
  .widescreen\:mx-20 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-20);
    }
  }
  .widescreen\:mx-22 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-22);
    }
  }
  .widescreen\:mx-24 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-24);
    }
  }
  .widescreen\:mx-26 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-26);
    }
  }
  .widescreen\:mx-28 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-28);
    }
  }
  .widescreen\:mx-32 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-32);
    }
  }
  .widescreen\:mx-34 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-34);
    }
  }
  .widescreen\:mx-36 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-36);
    }
  }
  .widescreen\:mx-38 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-38);
    }
  }
  .widescreen\:mx-40 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-40);
    }
  }
  .widescreen\:mx-42 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-42);
    }
  }
  .widescreen\:mx-44 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-44);
    }
  }
  .widescreen\:mx-48 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-48);
    }
  }
  .widescreen\:mx-52 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-52);
    }
  }
  .widescreen\:mx-56 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-56);
    }
  }
  .widescreen\:mx-60 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-60);
    }
  }
  .widescreen\:mx-64 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-64);
    }
  }
  .widescreen\:mx-68 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-68);
    }
  }
  .widescreen\:mx-72 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-72);
    }
  }
  .widescreen\:mx-76 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-76);
    }
  }
  .widescreen\:mx-80 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-80);
    }
  }
  .widescreen\:mx-84 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-84);
    }
  }
  .widescreen\:mx-88 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-88);
    }
  }
  .widescreen\:mx-92 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-92);
    }
  }
  .widescreen\:mx-96 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-96);
    }
  }
  .widescreen\:mx-104 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-104);
    }
  }
  .widescreen\:mx-112 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-112);
    }
  }
  .widescreen\:mx-120 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-120);
    }
  }
  .widescreen\:mx-128 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-128);
    }
  }
  .widescreen\:mx-136 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-136);
    }
  }
  .widescreen\:mx-144 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-144);
    }
  }
  .widescreen\:mx-152 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-152);
    }
  }
  .widescreen\:mx-160 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-160);
    }
  }
  .widescreen\:mx-176 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-176);
    }
  }
  .widescreen\:mx-192 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-192);
    }
  }
  .widescreen\:mx-208 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-208);
    }
  }
  .widescreen\:mx-224 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-224);
    }
  }
  .widescreen\:mx-240 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-240);
    }
  }
  .widescreen\:mx-256 {
    @media (width >= 1224px) {
      margin-inline: var(--spacing-256);
    }
  }
  .widescreen\:my-1 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-1);
    }
  }
  .widescreen\:my-2 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-2);
    }
  }
  .widescreen\:my-4 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-4);
    }
  }
  .widescreen\:my-6 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-6);
    }
  }
  .widescreen\:my-8 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-8);
    }
  }
  .widescreen\:my-12 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-12);
    }
  }
  .widescreen\:my-14 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-14);
    }
  }
  .widescreen\:my-16 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-16);
    }
  }
  .widescreen\:my-18 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-18);
    }
  }
  .widescreen\:my-20 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-20);
    }
  }
  .widescreen\:my-22 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-22);
    }
  }
  .widescreen\:my-24 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-24);
    }
  }
  .widescreen\:my-26 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-26);
    }
  }
  .widescreen\:my-28 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-28);
    }
  }
  .widescreen\:my-32 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-32);
    }
  }
  .widescreen\:my-34 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-34);
    }
  }
  .widescreen\:my-36 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-36);
    }
  }
  .widescreen\:my-38 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-38);
    }
  }
  .widescreen\:my-40 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-40);
    }
  }
  .widescreen\:my-42 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-42);
    }
  }
  .widescreen\:my-44 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-44);
    }
  }
  .widescreen\:my-48 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-48);
    }
  }
  .widescreen\:my-52 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-52);
    }
  }
  .widescreen\:my-56 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-56);
    }
  }
  .widescreen\:my-60 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-60);
    }
  }
  .widescreen\:my-64 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-64);
    }
  }
  .widescreen\:my-68 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-68);
    }
  }
  .widescreen\:my-72 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-72);
    }
  }
  .widescreen\:my-76 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-76);
    }
  }
  .widescreen\:my-80 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-80);
    }
  }
  .widescreen\:my-84 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-84);
    }
  }
  .widescreen\:my-88 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-88);
    }
  }
  .widescreen\:my-92 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-92);
    }
  }
  .widescreen\:my-96 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-96);
    }
  }
  .widescreen\:my-104 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-104);
    }
  }
  .widescreen\:my-112 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-112);
    }
  }
  .widescreen\:my-120 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-120);
    }
  }
  .widescreen\:my-128 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-128);
    }
  }
  .widescreen\:my-136 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-136);
    }
  }
  .widescreen\:my-144 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-144);
    }
  }
  .widescreen\:my-152 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-152);
    }
  }
  .widescreen\:my-160 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-160);
    }
  }
  .widescreen\:my-176 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-176);
    }
  }
  .widescreen\:my-192 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-192);
    }
  }
  .widescreen\:my-208 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-208);
    }
  }
  .widescreen\:my-224 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-224);
    }
  }
  .widescreen\:my-240 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-240);
    }
  }
  .widescreen\:my-256 {
    @media (width >= 1224px) {
      margin-block: var(--spacing-256);
    }
  }
  .widescreen\:mt-1 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-1);
    }
  }
  .widescreen\:mt-2 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-2);
    }
  }
  .widescreen\:mt-4 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-4);
    }
  }
  .widescreen\:mt-6 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-6);
    }
  }
  .widescreen\:mt-8 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-8);
    }
  }
  .widescreen\:mt-12 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-12);
    }
  }
  .widescreen\:mt-14 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-14);
    }
  }
  .widescreen\:mt-16 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-16);
    }
  }
  .widescreen\:mt-18 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-18);
    }
  }
  .widescreen\:mt-20 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-20);
    }
  }
  .widescreen\:mt-22 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-22);
    }
  }
  .widescreen\:mt-24 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-24);
    }
  }
  .widescreen\:mt-26 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-26);
    }
  }
  .widescreen\:mt-28 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-28);
    }
  }
  .widescreen\:mt-32 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-32);
    }
  }
  .widescreen\:mt-34 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-34);
    }
  }
  .widescreen\:mt-36 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-36);
    }
  }
  .widescreen\:mt-38 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-38);
    }
  }
  .widescreen\:mt-40 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-40);
    }
  }
  .widescreen\:mt-42 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-42);
    }
  }
  .widescreen\:mt-44 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-44);
    }
  }
  .widescreen\:mt-48 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-48);
    }
  }
  .widescreen\:mt-52 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-52);
    }
  }
  .widescreen\:mt-56 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-56);
    }
  }
  .widescreen\:mt-60 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-60);
    }
  }
  .widescreen\:mt-64 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-64);
    }
  }
  .widescreen\:mt-68 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-68);
    }
  }
  .widescreen\:mt-72 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-72);
    }
  }
  .widescreen\:mt-76 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-76);
    }
  }
  .widescreen\:mt-80 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-80);
    }
  }
  .widescreen\:mt-84 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-84);
    }
  }
  .widescreen\:mt-88 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-88);
    }
  }
  .widescreen\:mt-92 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-92);
    }
  }
  .widescreen\:mt-96 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-96);
    }
  }
  .widescreen\:mt-104 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-104);
    }
  }
  .widescreen\:mt-112 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-112);
    }
  }
  .widescreen\:mt-120 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-120);
    }
  }
  .widescreen\:mt-128 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-128);
    }
  }
  .widescreen\:mt-136 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-136);
    }
  }
  .widescreen\:mt-144 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-144);
    }
  }
  .widescreen\:mt-152 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-152);
    }
  }
  .widescreen\:mt-160 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-160);
    }
  }
  .widescreen\:mt-176 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-176);
    }
  }
  .widescreen\:mt-192 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-192);
    }
  }
  .widescreen\:mt-208 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-208);
    }
  }
  .widescreen\:mt-224 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-224);
    }
  }
  .widescreen\:mt-240 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-240);
    }
  }
  .widescreen\:mt-256 {
    @media (width >= 1224px) {
      margin-top: var(--spacing-256);
    }
  }
  .widescreen\:mr-1 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-1);
    }
  }
  .widescreen\:mr-2 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-2);
    }
  }
  .widescreen\:mr-4 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-4);
    }
  }
  .widescreen\:mr-6 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-6);
    }
  }
  .widescreen\:mr-8 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-8);
    }
  }
  .widescreen\:mr-12 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-12);
    }
  }
  .widescreen\:mr-14 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-14);
    }
  }
  .widescreen\:mr-16 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-16);
    }
  }
  .widescreen\:mr-18 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-18);
    }
  }
  .widescreen\:mr-20 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-20);
    }
  }
  .widescreen\:mr-22 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-22);
    }
  }
  .widescreen\:mr-24 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-24);
    }
  }
  .widescreen\:mr-26 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-26);
    }
  }
  .widescreen\:mr-28 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-28);
    }
  }
  .widescreen\:mr-32 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-32);
    }
  }
  .widescreen\:mr-34 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-34);
    }
  }
  .widescreen\:mr-36 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-36);
    }
  }
  .widescreen\:mr-38 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-38);
    }
  }
  .widescreen\:mr-40 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-40);
    }
  }
  .widescreen\:mr-42 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-42);
    }
  }
  .widescreen\:mr-44 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-44);
    }
  }
  .widescreen\:mr-48 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-48);
    }
  }
  .widescreen\:mr-52 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-52);
    }
  }
  .widescreen\:mr-56 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-56);
    }
  }
  .widescreen\:mr-60 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-60);
    }
  }
  .widescreen\:mr-64 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-64);
    }
  }
  .widescreen\:mr-68 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-68);
    }
  }
  .widescreen\:mr-72 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-72);
    }
  }
  .widescreen\:mr-76 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-76);
    }
  }
  .widescreen\:mr-80 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-80);
    }
  }
  .widescreen\:mr-84 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-84);
    }
  }
  .widescreen\:mr-88 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-88);
    }
  }
  .widescreen\:mr-92 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-92);
    }
  }
  .widescreen\:mr-96 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-96);
    }
  }
  .widescreen\:mr-104 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-104);
    }
  }
  .widescreen\:mr-112 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-112);
    }
  }
  .widescreen\:mr-120 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-120);
    }
  }
  .widescreen\:mr-128 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-128);
    }
  }
  .widescreen\:mr-136 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-136);
    }
  }
  .widescreen\:mr-144 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-144);
    }
  }
  .widescreen\:mr-152 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-152);
    }
  }
  .widescreen\:mr-160 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-160);
    }
  }
  .widescreen\:mr-176 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-176);
    }
  }
  .widescreen\:mr-192 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-192);
    }
  }
  .widescreen\:mr-208 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-208);
    }
  }
  .widescreen\:mr-224 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-224);
    }
  }
  .widescreen\:mr-240 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-240);
    }
  }
  .widescreen\:mr-256 {
    @media (width >= 1224px) {
      margin-right: var(--spacing-256);
    }
  }
  .widescreen\:mb-1 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-1);
    }
  }
  .widescreen\:mb-2 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .widescreen\:mb-4 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-4);
    }
  }
  .widescreen\:mb-6 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .widescreen\:mb-8 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-8);
    }
  }
  .widescreen\:mb-12 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-12);
    }
  }
  .widescreen\:mb-14 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-14);
    }
  }
  .widescreen\:mb-16 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-16);
    }
  }
  .widescreen\:mb-18 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-18);
    }
  }
  .widescreen\:mb-20 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-20);
    }
  }
  .widescreen\:mb-22 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-22);
    }
  }
  .widescreen\:mb-24 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-24);
    }
  }
  .widescreen\:mb-26 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-26);
    }
  }
  .widescreen\:mb-28 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-28);
    }
  }
  .widescreen\:mb-32 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-32);
    }
  }
  .widescreen\:mb-34 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-34);
    }
  }
  .widescreen\:mb-36 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-36);
    }
  }
  .widescreen\:mb-38 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-38);
    }
  }
  .widescreen\:mb-40 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-40);
    }
  }
  .widescreen\:mb-42 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-42);
    }
  }
  .widescreen\:mb-44 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-44);
    }
  }
  .widescreen\:mb-48 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-48);
    }
  }
  .widescreen\:mb-52 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-52);
    }
  }
  .widescreen\:mb-56 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-56);
    }
  }
  .widescreen\:mb-60 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-60);
    }
  }
  .widescreen\:mb-64 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-64);
    }
  }
  .widescreen\:mb-68 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-68);
    }
  }
  .widescreen\:mb-72 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-72);
    }
  }
  .widescreen\:mb-76 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-76);
    }
  }
  .widescreen\:mb-80 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-80);
    }
  }
  .widescreen\:mb-84 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-84);
    }
  }
  .widescreen\:mb-88 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-88);
    }
  }
  .widescreen\:mb-92 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-92);
    }
  }
  .widescreen\:mb-96 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-96);
    }
  }
  .widescreen\:mb-104 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-104);
    }
  }
  .widescreen\:mb-112 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-112);
    }
  }
  .widescreen\:mb-120 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-120);
    }
  }
  .widescreen\:mb-128 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-128);
    }
  }
  .widescreen\:mb-136 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-136);
    }
  }
  .widescreen\:mb-144 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-144);
    }
  }
  .widescreen\:mb-152 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-152);
    }
  }
  .widescreen\:mb-160 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-160);
    }
  }
  .widescreen\:mb-176 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-176);
    }
  }
  .widescreen\:mb-192 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-192);
    }
  }
  .widescreen\:mb-208 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-208);
    }
  }
  .widescreen\:mb-224 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-224);
    }
  }
  .widescreen\:mb-240 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-240);
    }
  }
  .widescreen\:mb-256 {
    @media (width >= 1224px) {
      margin-bottom: var(--spacing-256);
    }
  }
  .widescreen\:ml-1 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-1);
    }
  }
  .widescreen\:ml-2 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-2);
    }
  }
  .widescreen\:ml-4 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-4);
    }
  }
  .widescreen\:ml-6 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-6);
    }
  }
  .widescreen\:ml-8 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-8);
    }
  }
  .widescreen\:ml-12 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-12);
    }
  }
  .widescreen\:ml-14 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-14);
    }
  }
  .widescreen\:ml-16 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-16);
    }
  }
  .widescreen\:ml-18 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-18);
    }
  }
  .widescreen\:ml-20 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-20);
    }
  }
  .widescreen\:ml-22 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-22);
    }
  }
  .widescreen\:ml-24 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-24);
    }
  }
  .widescreen\:ml-26 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-26);
    }
  }
  .widescreen\:ml-28 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-28);
    }
  }
  .widescreen\:ml-32 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-32);
    }
  }
  .widescreen\:ml-34 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-34);
    }
  }
  .widescreen\:ml-36 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-36);
    }
  }
  .widescreen\:ml-38 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-38);
    }
  }
  .widescreen\:ml-40 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-40);
    }
  }
  .widescreen\:ml-42 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-42);
    }
  }
  .widescreen\:ml-44 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-44);
    }
  }
  .widescreen\:ml-48 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-48);
    }
  }
  .widescreen\:ml-52 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-52);
    }
  }
  .widescreen\:ml-56 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-56);
    }
  }
  .widescreen\:ml-60 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-60);
    }
  }
  .widescreen\:ml-64 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-64);
    }
  }
  .widescreen\:ml-68 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-68);
    }
  }
  .widescreen\:ml-72 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-72);
    }
  }
  .widescreen\:ml-76 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-76);
    }
  }
  .widescreen\:ml-80 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-80);
    }
  }
  .widescreen\:ml-84 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-84);
    }
  }
  .widescreen\:ml-88 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-88);
    }
  }
  .widescreen\:ml-92 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-92);
    }
  }
  .widescreen\:ml-96 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-96);
    }
  }
  .widescreen\:ml-104 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-104);
    }
  }
  .widescreen\:ml-112 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-112);
    }
  }
  .widescreen\:ml-120 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-120);
    }
  }
  .widescreen\:ml-128 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-128);
    }
  }
  .widescreen\:ml-136 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-136);
    }
  }
  .widescreen\:ml-144 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-144);
    }
  }
  .widescreen\:ml-152 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-152);
    }
  }
  .widescreen\:ml-160 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-160);
    }
  }
  .widescreen\:ml-176 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-176);
    }
  }
  .widescreen\:ml-192 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-192);
    }
  }
  .widescreen\:ml-208 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-208);
    }
  }
  .widescreen\:ml-224 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-224);
    }
  }
  .widescreen\:ml-240 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-240);
    }
  }
  .widescreen\:ml-256 {
    @media (width >= 1224px) {
      margin-left: var(--spacing-256);
    }
  }
  .widescreen\:block {
    @media (width >= 1224px) {
      display: block;
    }
  }
  .widescreen\:hidden {
    @media (width >= 1224px) {
      display: none;
    }
  }
  .widescreen\:h-none {
    @media (width >= 1224px) {
      height: var(--spacing-none);
    }
  }
  .widescreen\:max-h-1 {
    @media (width >= 1224px) {
      max-height: var(--spacing-1);
    }
  }
  .widescreen\:max-h-2 {
    @media (width >= 1224px) {
      max-height: var(--spacing-2);
    }
  }
  .widescreen\:max-h-4 {
    @media (width >= 1224px) {
      max-height: var(--spacing-4);
    }
  }
  .widescreen\:max-h-6 {
    @media (width >= 1224px) {
      max-height: var(--spacing-6);
    }
  }
  .widescreen\:max-h-8 {
    @media (width >= 1224px) {
      max-height: var(--spacing-8);
    }
  }
  .widescreen\:max-h-12 {
    @media (width >= 1224px) {
      max-height: var(--spacing-12);
    }
  }
  .widescreen\:max-h-14 {
    @media (width >= 1224px) {
      max-height: var(--spacing-14);
    }
  }
  .widescreen\:max-h-16 {
    @media (width >= 1224px) {
      max-height: var(--spacing-16);
    }
  }
  .widescreen\:max-h-18 {
    @media (width >= 1224px) {
      max-height: var(--spacing-18);
    }
  }
  .widescreen\:max-h-20 {
    @media (width >= 1224px) {
      max-height: var(--spacing-20);
    }
  }
  .widescreen\:max-h-22 {
    @media (width >= 1224px) {
      max-height: var(--spacing-22);
    }
  }
  .widescreen\:max-h-24 {
    @media (width >= 1224px) {
      max-height: var(--spacing-24);
    }
  }
  .widescreen\:max-h-26 {
    @media (width >= 1224px) {
      max-height: var(--spacing-26);
    }
  }
  .widescreen\:max-h-28 {
    @media (width >= 1224px) {
      max-height: var(--spacing-28);
    }
  }
  .widescreen\:max-h-32 {
    @media (width >= 1224px) {
      max-height: var(--spacing-32);
    }
  }
  .widescreen\:max-h-34 {
    @media (width >= 1224px) {
      max-height: var(--spacing-34);
    }
  }
  .widescreen\:max-h-36 {
    @media (width >= 1224px) {
      max-height: var(--spacing-36);
    }
  }
  .widescreen\:max-h-38 {
    @media (width >= 1224px) {
      max-height: var(--spacing-38);
    }
  }
  .widescreen\:max-h-40 {
    @media (width >= 1224px) {
      max-height: var(--spacing-40);
    }
  }
  .widescreen\:max-h-42 {
    @media (width >= 1224px) {
      max-height: var(--spacing-42);
    }
  }
  .widescreen\:max-h-44 {
    @media (width >= 1224px) {
      max-height: var(--spacing-44);
    }
  }
  .widescreen\:max-h-48 {
    @media (width >= 1224px) {
      max-height: var(--spacing-48);
    }
  }
  .widescreen\:max-h-52 {
    @media (width >= 1224px) {
      max-height: var(--spacing-52);
    }
  }
  .widescreen\:max-h-56 {
    @media (width >= 1224px) {
      max-height: var(--spacing-56);
    }
  }
  .widescreen\:max-h-60 {
    @media (width >= 1224px) {
      max-height: var(--spacing-60);
    }
  }
  .widescreen\:max-h-64 {
    @media (width >= 1224px) {
      max-height: var(--spacing-64);
    }
  }
  .widescreen\:max-h-68 {
    @media (width >= 1224px) {
      max-height: var(--spacing-68);
    }
  }
  .widescreen\:max-h-72 {
    @media (width >= 1224px) {
      max-height: var(--spacing-72);
    }
  }
  .widescreen\:max-h-76 {
    @media (width >= 1224px) {
      max-height: var(--spacing-76);
    }
  }
  .widescreen\:max-h-80 {
    @media (width >= 1224px) {
      max-height: var(--spacing-80);
    }
  }
  .widescreen\:max-h-84 {
    @media (width >= 1224px) {
      max-height: var(--spacing-84);
    }
  }
  .widescreen\:max-h-88 {
    @media (width >= 1224px) {
      max-height: var(--spacing-88);
    }
  }
  .widescreen\:max-h-92 {
    @media (width >= 1224px) {
      max-height: var(--spacing-92);
    }
  }
  .widescreen\:max-h-96 {
    @media (width >= 1224px) {
      max-height: var(--spacing-96);
    }
  }
  .widescreen\:max-h-104 {
    @media (width >= 1224px) {
      max-height: var(--spacing-104);
    }
  }
  .widescreen\:max-h-112 {
    @media (width >= 1224px) {
      max-height: var(--spacing-112);
    }
  }
  .widescreen\:max-h-120 {
    @media (width >= 1224px) {
      max-height: var(--spacing-120);
    }
  }
  .widescreen\:max-h-128 {
    @media (width >= 1224px) {
      max-height: var(--spacing-128);
    }
  }
  .widescreen\:max-h-136 {
    @media (width >= 1224px) {
      max-height: var(--spacing-136);
    }
  }
  .widescreen\:max-h-144 {
    @media (width >= 1224px) {
      max-height: var(--spacing-144);
    }
  }
  .widescreen\:max-h-152 {
    @media (width >= 1224px) {
      max-height: var(--spacing-152);
    }
  }
  .widescreen\:max-h-160 {
    @media (width >= 1224px) {
      max-height: var(--spacing-160);
    }
  }
  .widescreen\:max-h-176 {
    @media (width >= 1224px) {
      max-height: var(--spacing-176);
    }
  }
  .widescreen\:max-h-192 {
    @media (width >= 1224px) {
      max-height: var(--spacing-192);
    }
  }
  .widescreen\:max-h-208 {
    @media (width >= 1224px) {
      max-height: var(--spacing-208);
    }
  }
  .widescreen\:max-h-224 {
    @media (width >= 1224px) {
      max-height: var(--spacing-224);
    }
  }
  .widescreen\:max-h-240 {
    @media (width >= 1224px) {
      max-height: var(--spacing-240);
    }
  }
  .widescreen\:max-h-256 {
    @media (width >= 1224px) {
      max-height: var(--spacing-256);
    }
  }
  .widescreen\:min-h-1 {
    @media (width >= 1224px) {
      min-height: var(--spacing-1);
    }
  }
  .widescreen\:min-h-2 {
    @media (width >= 1224px) {
      min-height: var(--spacing-2);
    }
  }
  .widescreen\:min-h-4 {
    @media (width >= 1224px) {
      min-height: var(--spacing-4);
    }
  }
  .widescreen\:min-h-6 {
    @media (width >= 1224px) {
      min-height: var(--spacing-6);
    }
  }
  .widescreen\:min-h-8 {
    @media (width >= 1224px) {
      min-height: var(--spacing-8);
    }
  }
  .widescreen\:min-h-12 {
    @media (width >= 1224px) {
      min-height: var(--spacing-12);
    }
  }
  .widescreen\:min-h-14 {
    @media (width >= 1224px) {
      min-height: var(--spacing-14);
    }
  }
  .widescreen\:min-h-16 {
    @media (width >= 1224px) {
      min-height: var(--spacing-16);
    }
  }
  .widescreen\:min-h-18 {
    @media (width >= 1224px) {
      min-height: var(--spacing-18);
    }
  }
  .widescreen\:min-h-20 {
    @media (width >= 1224px) {
      min-height: var(--spacing-20);
    }
  }
  .widescreen\:min-h-22 {
    @media (width >= 1224px) {
      min-height: var(--spacing-22);
    }
  }
  .widescreen\:min-h-24 {
    @media (width >= 1224px) {
      min-height: var(--spacing-24);
    }
  }
  .widescreen\:min-h-26 {
    @media (width >= 1224px) {
      min-height: var(--spacing-26);
    }
  }
  .widescreen\:min-h-28 {
    @media (width >= 1224px) {
      min-height: var(--spacing-28);
    }
  }
  .widescreen\:min-h-32 {
    @media (width >= 1224px) {
      min-height: var(--spacing-32);
    }
  }
  .widescreen\:min-h-34 {
    @media (width >= 1224px) {
      min-height: var(--spacing-34);
    }
  }
  .widescreen\:min-h-36 {
    @media (width >= 1224px) {
      min-height: var(--spacing-36);
    }
  }
  .widescreen\:min-h-38 {
    @media (width >= 1224px) {
      min-height: var(--spacing-38);
    }
  }
  .widescreen\:min-h-40 {
    @media (width >= 1224px) {
      min-height: var(--spacing-40);
    }
  }
  .widescreen\:min-h-42 {
    @media (width >= 1224px) {
      min-height: var(--spacing-42);
    }
  }
  .widescreen\:min-h-44 {
    @media (width >= 1224px) {
      min-height: var(--spacing-44);
    }
  }
  .widescreen\:min-h-48 {
    @media (width >= 1224px) {
      min-height: var(--spacing-48);
    }
  }
  .widescreen\:min-h-52 {
    @media (width >= 1224px) {
      min-height: var(--spacing-52);
    }
  }
  .widescreen\:min-h-56 {
    @media (width >= 1224px) {
      min-height: var(--spacing-56);
    }
  }
  .widescreen\:min-h-60 {
    @media (width >= 1224px) {
      min-height: var(--spacing-60);
    }
  }
  .widescreen\:min-h-64 {
    @media (width >= 1224px) {
      min-height: var(--spacing-64);
    }
  }
  .widescreen\:min-h-68 {
    @media (width >= 1224px) {
      min-height: var(--spacing-68);
    }
  }
  .widescreen\:min-h-72 {
    @media (width >= 1224px) {
      min-height: var(--spacing-72);
    }
  }
  .widescreen\:min-h-76 {
    @media (width >= 1224px) {
      min-height: var(--spacing-76);
    }
  }
  .widescreen\:min-h-80 {
    @media (width >= 1224px) {
      min-height: var(--spacing-80);
    }
  }
  .widescreen\:min-h-84 {
    @media (width >= 1224px) {
      min-height: var(--spacing-84);
    }
  }
  .widescreen\:min-h-88 {
    @media (width >= 1224px) {
      min-height: var(--spacing-88);
    }
  }
  .widescreen\:min-h-92 {
    @media (width >= 1224px) {
      min-height: var(--spacing-92);
    }
  }
  .widescreen\:min-h-96 {
    @media (width >= 1224px) {
      min-height: var(--spacing-96);
    }
  }
  .widescreen\:min-h-104 {
    @media (width >= 1224px) {
      min-height: var(--spacing-104);
    }
  }
  .widescreen\:min-h-112 {
    @media (width >= 1224px) {
      min-height: var(--spacing-112);
    }
  }
  .widescreen\:min-h-120 {
    @media (width >= 1224px) {
      min-height: var(--spacing-120);
    }
  }
  .widescreen\:min-h-128 {
    @media (width >= 1224px) {
      min-height: var(--spacing-128);
    }
  }
  .widescreen\:min-h-136 {
    @media (width >= 1224px) {
      min-height: var(--spacing-136);
    }
  }
  .widescreen\:min-h-144 {
    @media (width >= 1224px) {
      min-height: var(--spacing-144);
    }
  }
  .widescreen\:min-h-152 {
    @media (width >= 1224px) {
      min-height: var(--spacing-152);
    }
  }
  .widescreen\:min-h-160 {
    @media (width >= 1224px) {
      min-height: var(--spacing-160);
    }
  }
  .widescreen\:min-h-176 {
    @media (width >= 1224px) {
      min-height: var(--spacing-176);
    }
  }
  .widescreen\:min-h-192 {
    @media (width >= 1224px) {
      min-height: var(--spacing-192);
    }
  }
  .widescreen\:min-h-208 {
    @media (width >= 1224px) {
      min-height: var(--spacing-208);
    }
  }
  .widescreen\:min-h-224 {
    @media (width >= 1224px) {
      min-height: var(--spacing-224);
    }
  }
  .widescreen\:min-h-240 {
    @media (width >= 1224px) {
      min-height: var(--spacing-240);
    }
  }
  .widescreen\:min-h-256 {
    @media (width >= 1224px) {
      min-height: var(--spacing-256);
    }
  }
  .widescreen\:w-none {
    @media (width >= 1224px) {
      width: var(--spacing-none);
    }
  }
  .widescreen\:max-w-1 {
    @media (width >= 1224px) {
      max-width: var(--spacing-1);
    }
  }
  .widescreen\:max-w-2 {
    @media (width >= 1224px) {
      max-width: var(--spacing-2);
    }
  }
  .widescreen\:max-w-4 {
    @media (width >= 1224px) {
      max-width: var(--spacing-4);
    }
  }
  .widescreen\:max-w-6 {
    @media (width >= 1224px) {
      max-width: var(--spacing-6);
    }
  }
  .widescreen\:max-w-8 {
    @media (width >= 1224px) {
      max-width: var(--spacing-8);
    }
  }
  .widescreen\:max-w-12 {
    @media (width >= 1224px) {
      max-width: var(--spacing-12);
    }
  }
  .widescreen\:max-w-14 {
    @media (width >= 1224px) {
      max-width: var(--spacing-14);
    }
  }
  .widescreen\:max-w-16 {
    @media (width >= 1224px) {
      max-width: var(--spacing-16);
    }
  }
  .widescreen\:max-w-18 {
    @media (width >= 1224px) {
      max-width: var(--spacing-18);
    }
  }
  .widescreen\:max-w-20 {
    @media (width >= 1224px) {
      max-width: var(--spacing-20);
    }
  }
  .widescreen\:max-w-22 {
    @media (width >= 1224px) {
      max-width: var(--spacing-22);
    }
  }
  .widescreen\:max-w-24 {
    @media (width >= 1224px) {
      max-width: var(--spacing-24);
    }
  }
  .widescreen\:max-w-26 {
    @media (width >= 1224px) {
      max-width: var(--spacing-26);
    }
  }
  .widescreen\:max-w-28 {
    @media (width >= 1224px) {
      max-width: var(--spacing-28);
    }
  }
  .widescreen\:max-w-32 {
    @media (width >= 1224px) {
      max-width: var(--spacing-32);
    }
  }
  .widescreen\:max-w-34 {
    @media (width >= 1224px) {
      max-width: var(--spacing-34);
    }
  }
  .widescreen\:max-w-36 {
    @media (width >= 1224px) {
      max-width: var(--spacing-36);
    }
  }
  .widescreen\:max-w-38 {
    @media (width >= 1224px) {
      max-width: var(--spacing-38);
    }
  }
  .widescreen\:max-w-40 {
    @media (width >= 1224px) {
      max-width: var(--spacing-40);
    }
  }
  .widescreen\:max-w-42 {
    @media (width >= 1224px) {
      max-width: var(--spacing-42);
    }
  }
  .widescreen\:max-w-44 {
    @media (width >= 1224px) {
      max-width: var(--spacing-44);
    }
  }
  .widescreen\:max-w-48 {
    @media (width >= 1224px) {
      max-width: var(--spacing-48);
    }
  }
  .widescreen\:max-w-52 {
    @media (width >= 1224px) {
      max-width: var(--spacing-52);
    }
  }
  .widescreen\:max-w-56 {
    @media (width >= 1224px) {
      max-width: var(--spacing-56);
    }
  }
  .widescreen\:max-w-60 {
    @media (width >= 1224px) {
      max-width: var(--spacing-60);
    }
  }
  .widescreen\:max-w-64 {
    @media (width >= 1224px) {
      max-width: var(--spacing-64);
    }
  }
  .widescreen\:max-w-68 {
    @media (width >= 1224px) {
      max-width: var(--spacing-68);
    }
  }
  .widescreen\:max-w-72 {
    @media (width >= 1224px) {
      max-width: var(--spacing-72);
    }
  }
  .widescreen\:max-w-76 {
    @media (width >= 1224px) {
      max-width: var(--spacing-76);
    }
  }
  .widescreen\:max-w-80 {
    @media (width >= 1224px) {
      max-width: var(--spacing-80);
    }
  }
  .widescreen\:max-w-84 {
    @media (width >= 1224px) {
      max-width: var(--spacing-84);
    }
  }
  .widescreen\:max-w-88 {
    @media (width >= 1224px) {
      max-width: var(--spacing-88);
    }
  }
  .widescreen\:max-w-92 {
    @media (width >= 1224px) {
      max-width: var(--spacing-92);
    }
  }
  .widescreen\:max-w-96 {
    @media (width >= 1224px) {
      max-width: var(--spacing-96);
    }
  }
  .widescreen\:max-w-104 {
    @media (width >= 1224px) {
      max-width: var(--spacing-104);
    }
  }
  .widescreen\:max-w-112 {
    @media (width >= 1224px) {
      max-width: var(--spacing-112);
    }
  }
  .widescreen\:max-w-120 {
    @media (width >= 1224px) {
      max-width: var(--spacing-120);
    }
  }
  .widescreen\:max-w-128 {
    @media (width >= 1224px) {
      max-width: var(--spacing-128);
    }
  }
  .widescreen\:max-w-136 {
    @media (width >= 1224px) {
      max-width: var(--spacing-136);
    }
  }
  .widescreen\:max-w-144 {
    @media (width >= 1224px) {
      max-width: var(--spacing-144);
    }
  }
  .widescreen\:max-w-152 {
    @media (width >= 1224px) {
      max-width: var(--spacing-152);
    }
  }
  .widescreen\:max-w-160 {
    @media (width >= 1224px) {
      max-width: var(--spacing-160);
    }
  }
  .widescreen\:max-w-176 {
    @media (width >= 1224px) {
      max-width: var(--spacing-176);
    }
  }
  .widescreen\:max-w-192 {
    @media (width >= 1224px) {
      max-width: var(--spacing-192);
    }
  }
  .widescreen\:max-w-208 {
    @media (width >= 1224px) {
      max-width: var(--spacing-208);
    }
  }
  .widescreen\:max-w-224 {
    @media (width >= 1224px) {
      max-width: var(--spacing-224);
    }
  }
  .widescreen\:max-w-240 {
    @media (width >= 1224px) {
      max-width: var(--spacing-240);
    }
  }
  .widescreen\:max-w-256 {
    @media (width >= 1224px) {
      max-width: var(--spacing-256);
    }
  }
  .widescreen\:min-w-1 {
    @media (width >= 1224px) {
      min-width: var(--spacing-1);
    }
  }
  .widescreen\:min-w-2 {
    @media (width >= 1224px) {
      min-width: var(--spacing-2);
    }
  }
  .widescreen\:min-w-4 {
    @media (width >= 1224px) {
      min-width: var(--spacing-4);
    }
  }
  .widescreen\:min-w-6 {
    @media (width >= 1224px) {
      min-width: var(--spacing-6);
    }
  }
  .widescreen\:min-w-8 {
    @media (width >= 1224px) {
      min-width: var(--spacing-8);
    }
  }
  .widescreen\:min-w-12 {
    @media (width >= 1224px) {
      min-width: var(--spacing-12);
    }
  }
  .widescreen\:min-w-14 {
    @media (width >= 1224px) {
      min-width: var(--spacing-14);
    }
  }
  .widescreen\:min-w-16 {
    @media (width >= 1224px) {
      min-width: var(--spacing-16);
    }
  }
  .widescreen\:min-w-18 {
    @media (width >= 1224px) {
      min-width: var(--spacing-18);
    }
  }
  .widescreen\:min-w-20 {
    @media (width >= 1224px) {
      min-width: var(--spacing-20);
    }
  }
  .widescreen\:min-w-22 {
    @media (width >= 1224px) {
      min-width: var(--spacing-22);
    }
  }
  .widescreen\:min-w-24 {
    @media (width >= 1224px) {
      min-width: var(--spacing-24);
    }
  }
  .widescreen\:min-w-26 {
    @media (width >= 1224px) {
      min-width: var(--spacing-26);
    }
  }
  .widescreen\:min-w-28 {
    @media (width >= 1224px) {
      min-width: var(--spacing-28);
    }
  }
  .widescreen\:min-w-32 {
    @media (width >= 1224px) {
      min-width: var(--spacing-32);
    }
  }
  .widescreen\:min-w-34 {
    @media (width >= 1224px) {
      min-width: var(--spacing-34);
    }
  }
  .widescreen\:min-w-36 {
    @media (width >= 1224px) {
      min-width: var(--spacing-36);
    }
  }
  .widescreen\:min-w-38 {
    @media (width >= 1224px) {
      min-width: var(--spacing-38);
    }
  }
  .widescreen\:min-w-40 {
    @media (width >= 1224px) {
      min-width: var(--spacing-40);
    }
  }
  .widescreen\:min-w-42 {
    @media (width >= 1224px) {
      min-width: var(--spacing-42);
    }
  }
  .widescreen\:min-w-44 {
    @media (width >= 1224px) {
      min-width: var(--spacing-44);
    }
  }
  .widescreen\:min-w-48 {
    @media (width >= 1224px) {
      min-width: var(--spacing-48);
    }
  }
  .widescreen\:min-w-52 {
    @media (width >= 1224px) {
      min-width: var(--spacing-52);
    }
  }
  .widescreen\:min-w-56 {
    @media (width >= 1224px) {
      min-width: var(--spacing-56);
    }
  }
  .widescreen\:min-w-60 {
    @media (width >= 1224px) {
      min-width: var(--spacing-60);
    }
  }
  .widescreen\:min-w-64 {
    @media (width >= 1224px) {
      min-width: var(--spacing-64);
    }
  }
  .widescreen\:min-w-68 {
    @media (width >= 1224px) {
      min-width: var(--spacing-68);
    }
  }
  .widescreen\:min-w-72 {
    @media (width >= 1224px) {
      min-width: var(--spacing-72);
    }
  }
  .widescreen\:min-w-76 {
    @media (width >= 1224px) {
      min-width: var(--spacing-76);
    }
  }
  .widescreen\:min-w-80 {
    @media (width >= 1224px) {
      min-width: var(--spacing-80);
    }
  }
  .widescreen\:min-w-84 {
    @media (width >= 1224px) {
      min-width: var(--spacing-84);
    }
  }
  .widescreen\:min-w-88 {
    @media (width >= 1224px) {
      min-width: var(--spacing-88);
    }
  }
  .widescreen\:min-w-92 {
    @media (width >= 1224px) {
      min-width: var(--spacing-92);
    }
  }
  .widescreen\:min-w-96 {
    @media (width >= 1224px) {
      min-width: var(--spacing-96);
    }
  }
  .widescreen\:min-w-104 {
    @media (width >= 1224px) {
      min-width: var(--spacing-104);
    }
  }
  .widescreen\:min-w-112 {
    @media (width >= 1224px) {
      min-width: var(--spacing-112);
    }
  }
  .widescreen\:min-w-120 {
    @media (width >= 1224px) {
      min-width: var(--spacing-120);
    }
  }
  .widescreen\:min-w-128 {
    @media (width >= 1224px) {
      min-width: var(--spacing-128);
    }
  }
  .widescreen\:min-w-136 {
    @media (width >= 1224px) {
      min-width: var(--spacing-136);
    }
  }
  .widescreen\:min-w-144 {
    @media (width >= 1224px) {
      min-width: var(--spacing-144);
    }
  }
  .widescreen\:min-w-152 {
    @media (width >= 1224px) {
      min-width: var(--spacing-152);
    }
  }
  .widescreen\:min-w-160 {
    @media (width >= 1224px) {
      min-width: var(--spacing-160);
    }
  }
  .widescreen\:min-w-176 {
    @media (width >= 1224px) {
      min-width: var(--spacing-176);
    }
  }
  .widescreen\:min-w-192 {
    @media (width >= 1224px) {
      min-width: var(--spacing-192);
    }
  }
  .widescreen\:min-w-208 {
    @media (width >= 1224px) {
      min-width: var(--spacing-208);
    }
  }
  .widescreen\:min-w-224 {
    @media (width >= 1224px) {
      min-width: var(--spacing-224);
    }
  }
  .widescreen\:min-w-240 {
    @media (width >= 1224px) {
      min-width: var(--spacing-240);
    }
  }
  .widescreen\:min-w-256 {
    @media (width >= 1224px) {
      min-width: var(--spacing-256);
    }
  }
  .widescreen\:flex-auto {
    @media (width >= 1224px) {
      flex: auto;
    }
  }
  .widescreen\:flex-initial {
    @media (width >= 1224px) {
      flex: 0 auto;
    }
  }
  .widescreen\:flex-none {
    @media (width >= 1224px) {
      flex: none;
    }
  }
  .widescreen\:grid-cols-1 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-2 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-3 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-4 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-5 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-6 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-7 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-8 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-9 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-10 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-11 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .widescreen\:grid-cols-12 {
    @media (width >= 1224px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .widescreen\:flex-nowrap {
    @media (width >= 1224px) {
      flex-wrap: nowrap;
    }
  }
  .widescreen\:flex-wrap {
    @media (width >= 1224px) {
      flex-wrap: wrap;
    }
  }
  .widescreen\:flex-wrap-reverse {
    @media (width >= 1224px) {
      flex-wrap: wrap-reverse;
    }
  }
  .widescreen\:place-content-around {
    @media (width >= 1224px) {
      place-content: space-around;
    }
  }
  .widescreen\:place-content-baseline {
    @media (width >= 1224px) {
      place-content: baseline;
    }
  }
  .widescreen\:place-content-between {
    @media (width >= 1224px) {
      place-content: space-between;
    }
  }
  .widescreen\:place-content-center {
    @media (width >= 1224px) {
      place-content: center;
    }
  }
  .widescreen\:place-content-center-safe {
    @media (width >= 1224px) {
      place-content: safe center;
    }
  }
  .widescreen\:place-content-end {
    @media (width >= 1224px) {
      place-content: end;
    }
  }
  .widescreen\:place-content-end-safe {
    @media (width >= 1224px) {
      place-content: safe end;
    }
  }
  .widescreen\:place-content-evenly {
    @media (width >= 1224px) {
      place-content: space-evenly;
    }
  }
  .widescreen\:place-content-start {
    @media (width >= 1224px) {
      place-content: start;
    }
  }
  .widescreen\:place-content-stretch {
    @media (width >= 1224px) {
      place-content: stretch;
    }
  }
  .widescreen\:content-around {
    @media (width >= 1224px) {
      align-content: space-around;
    }
  }
  .widescreen\:content-baseline {
    @media (width >= 1224px) {
      align-content: baseline;
    }
  }
  .widescreen\:content-between {
    @media (width >= 1224px) {
      align-content: space-between;
    }
  }
  .widescreen\:content-center {
    @media (width >= 1224px) {
      align-content: center;
    }
  }
  .widescreen\:content-center-safe {
    @media (width >= 1224px) {
      align-content: safe center;
    }
  }
  .widescreen\:content-end {
    @media (width >= 1224px) {
      align-content: flex-end;
    }
  }
  .widescreen\:content-end-safe {
    @media (width >= 1224px) {
      align-content: safe flex-end;
    }
  }
  .widescreen\:content-evenly {
    @media (width >= 1224px) {
      align-content: space-evenly;
    }
  }
  .widescreen\:content-normal {
    @media (width >= 1224px) {
      align-content: normal;
    }
  }
  .widescreen\:content-start {
    @media (width >= 1224px) {
      align-content: flex-start;
    }
  }
  .widescreen\:content-stretch {
    @media (width >= 1224px) {
      align-content: stretch;
    }
  }
  .widescreen\:items-baseline {
    @media (width >= 1224px) {
      align-items: baseline;
    }
  }
  .widescreen\:items-center {
    @media (width >= 1224px) {
      align-items: center;
    }
  }
  .widescreen\:items-center-safe {
    @media (width >= 1224px) {
      align-items: safe center;
    }
  }
  .widescreen\:items-end {
    @media (width >= 1224px) {
      align-items: flex-end;
    }
  }
  .widescreen\:items-end-safe {
    @media (width >= 1224px) {
      align-items: safe flex-end;
    }
  }
  .widescreen\:items-start {
    @media (width >= 1224px) {
      align-items: flex-start;
    }
  }
  .widescreen\:items-stretch {
    @media (width >= 1224px) {
      align-items: stretch;
    }
  }
  .widescreen\:justify-around {
    @media (width >= 1224px) {
      justify-content: space-around;
    }
  }
  .widescreen\:justify-baseline {
    @media (width >= 1224px) {
      justify-content: baseline;
    }
  }
  .widescreen\:justify-between {
    @media (width >= 1224px) {
      justify-content: space-between;
    }
  }
  .widescreen\:justify-center {
    @media (width >= 1224px) {
      justify-content: center;
    }
  }
  .widescreen\:justify-center-safe {
    @media (width >= 1224px) {
      justify-content: safe center;
    }
  }
  .widescreen\:justify-end {
    @media (width >= 1224px) {
      justify-content: flex-end;
    }
  }
  .widescreen\:justify-end-safe {
    @media (width >= 1224px) {
      justify-content: safe flex-end;
    }
  }
  .widescreen\:justify-evenly {
    @media (width >= 1224px) {
      justify-content: space-evenly;
    }
  }
  .widescreen\:justify-normal {
    @media (width >= 1224px) {
      justify-content: normal;
    }
  }
  .widescreen\:justify-start {
    @media (width >= 1224px) {
      justify-content: flex-start;
    }
  }
  .widescreen\:justify-stretch {
    @media (width >= 1224px) {
      justify-content: stretch;
    }
  }
  .widescreen\:justify-items-center {
    @media (width >= 1224px) {
      justify-items: center;
    }
  }
  .widescreen\:justify-items-center-safe {
    @media (width >= 1224px) {
      justify-items: safe center;
    }
  }
  .widescreen\:justify-items-end {
    @media (width >= 1224px) {
      justify-items: end;
    }
  }
  .widescreen\:justify-items-end-safe {
    @media (width >= 1224px) {
      justify-items: safe end;
    }
  }
  .widescreen\:justify-items-normal {
    @media (width >= 1224px) {
      justify-items: normal;
    }
  }
  .widescreen\:justify-items-start {
    @media (width >= 1224px) {
      justify-items: start;
    }
  }
  .widescreen\:justify-items-stretch {
    @media (width >= 1224px) {
      justify-items: stretch;
    }
  }
  .widescreen\:gap-20 {
    @media (width >= 1224px) {
      gap: var(--spacing-20);
    }
  }
  .widescreen\:gap-none {
    @media (width >= 1224px) {
      gap: var(--spacing-none);
    }
  }
  .widescreen\:self-auto {
    @media (width >= 1224px) {
      align-self: auto;
    }
  }
  .widescreen\:self-baseline {
    @media (width >= 1224px) {
      align-self: baseline;
    }
  }
  .widescreen\:self-center {
    @media (width >= 1224px) {
      align-self: center;
    }
  }
  .widescreen\:self-center-safe {
    @media (width >= 1224px) {
      align-self: safe center;
    }
  }
  .widescreen\:self-end {
    @media (width >= 1224px) {
      align-self: flex-end;
    }
  }
  .widescreen\:self-end-safe {
    @media (width >= 1224px) {
      align-self: safe flex-end;
    }
  }
  .widescreen\:self-start {
    @media (width >= 1224px) {
      align-self: flex-start;
    }
  }
  .widescreen\:self-stretch {
    @media (width >= 1224px) {
      align-self: stretch;
    }
  }
  .widescreen\:justify-self-auto {
    @media (width >= 1224px) {
      justify-self: auto;
    }
  }
  .widescreen\:justify-self-center {
    @media (width >= 1224px) {
      justify-self: center;
    }
  }
  .widescreen\:justify-self-center-safe {
    @media (width >= 1224px) {
      justify-self: safe center;
    }
  }
  .widescreen\:justify-self-end {
    @media (width >= 1224px) {
      justify-self: flex-end;
    }
  }
  .widescreen\:justify-self-end-safe {
    @media (width >= 1224px) {
      justify-self: safe flex-end;
    }
  }
  .widescreen\:justify-self-start {
    @media (width >= 1224px) {
      justify-self: flex-start;
    }
  }
  .widescreen\:justify-self-stretch {
    @media (width >= 1224px) {
      justify-self: stretch;
    }
  }
  .widescreen\:p-1 {
    @media (width >= 1224px) {
      padding: var(--spacing-1);
    }
  }
  .widescreen\:p-2 {
    @media (width >= 1224px) {
      padding: var(--spacing-2);
    }
  }
  .widescreen\:p-4 {
    @media (width >= 1224px) {
      padding: var(--spacing-4);
    }
  }
  .widescreen\:p-6 {
    @media (width >= 1224px) {
      padding: var(--spacing-6);
    }
  }
  .widescreen\:p-8 {
    @media (width >= 1224px) {
      padding: var(--spacing-8);
    }
  }
  .widescreen\:p-12 {
    @media (width >= 1224px) {
      padding: var(--spacing-12);
    }
  }
  .widescreen\:p-14 {
    @media (width >= 1224px) {
      padding: var(--spacing-14);
    }
  }
  .widescreen\:p-16 {
    @media (width >= 1224px) {
      padding: var(--spacing-16);
    }
  }
  .widescreen\:p-18 {
    @media (width >= 1224px) {
      padding: var(--spacing-18);
    }
  }
  .widescreen\:p-20 {
    @media (width >= 1224px) {
      padding: var(--spacing-20);
    }
  }
  .widescreen\:p-22 {
    @media (width >= 1224px) {
      padding: var(--spacing-22);
    }
  }
  .widescreen\:p-24 {
    @media (width >= 1224px) {
      padding: var(--spacing-24);
    }
  }
  .widescreen\:p-26 {
    @media (width >= 1224px) {
      padding: var(--spacing-26);
    }
  }
  .widescreen\:p-28 {
    @media (width >= 1224px) {
      padding: var(--spacing-28);
    }
  }
  .widescreen\:p-32 {
    @media (width >= 1224px) {
      padding: var(--spacing-32);
    }
  }
  .widescreen\:p-34 {
    @media (width >= 1224px) {
      padding: var(--spacing-34);
    }
  }
  .widescreen\:p-36 {
    @media (width >= 1224px) {
      padding: var(--spacing-36);
    }
  }
  .widescreen\:p-38 {
    @media (width >= 1224px) {
      padding: var(--spacing-38);
    }
  }
  .widescreen\:p-40 {
    @media (width >= 1224px) {
      padding: var(--spacing-40);
    }
  }
  .widescreen\:p-42 {
    @media (width >= 1224px) {
      padding: var(--spacing-42);
    }
  }
  .widescreen\:p-44 {
    @media (width >= 1224px) {
      padding: var(--spacing-44);
    }
  }
  .widescreen\:p-48 {
    @media (width >= 1224px) {
      padding: var(--spacing-48);
    }
  }
  .widescreen\:p-52 {
    @media (width >= 1224px) {
      padding: var(--spacing-52);
    }
  }
  .widescreen\:p-56 {
    @media (width >= 1224px) {
      padding: var(--spacing-56);
    }
  }
  .widescreen\:p-60 {
    @media (width >= 1224px) {
      padding: var(--spacing-60);
    }
  }
  .widescreen\:p-64 {
    @media (width >= 1224px) {
      padding: var(--spacing-64);
    }
  }
  .widescreen\:p-68 {
    @media (width >= 1224px) {
      padding: var(--spacing-68);
    }
  }
  .widescreen\:p-72 {
    @media (width >= 1224px) {
      padding: var(--spacing-72);
    }
  }
  .widescreen\:p-76 {
    @media (width >= 1224px) {
      padding: var(--spacing-76);
    }
  }
  .widescreen\:p-80 {
    @media (width >= 1224px) {
      padding: var(--spacing-80);
    }
  }
  .widescreen\:p-84 {
    @media (width >= 1224px) {
      padding: var(--spacing-84);
    }
  }
  .widescreen\:p-88 {
    @media (width >= 1224px) {
      padding: var(--spacing-88);
    }
  }
  .widescreen\:p-92 {
    @media (width >= 1224px) {
      padding: var(--spacing-92);
    }
  }
  .widescreen\:p-96 {
    @media (width >= 1224px) {
      padding: var(--spacing-96);
    }
  }
  .widescreen\:p-104 {
    @media (width >= 1224px) {
      padding: var(--spacing-104);
    }
  }
  .widescreen\:p-112 {
    @media (width >= 1224px) {
      padding: var(--spacing-112);
    }
  }
  .widescreen\:p-120 {
    @media (width >= 1224px) {
      padding: var(--spacing-120);
    }
  }
  .widescreen\:p-128 {
    @media (width >= 1224px) {
      padding: var(--spacing-128);
    }
  }
  .widescreen\:p-136 {
    @media (width >= 1224px) {
      padding: var(--spacing-136);
    }
  }
  .widescreen\:p-144 {
    @media (width >= 1224px) {
      padding: var(--spacing-144);
    }
  }
  .widescreen\:p-152 {
    @media (width >= 1224px) {
      padding: var(--spacing-152);
    }
  }
  .widescreen\:p-160 {
    @media (width >= 1224px) {
      padding: var(--spacing-160);
    }
  }
  .widescreen\:p-176 {
    @media (width >= 1224px) {
      padding: var(--spacing-176);
    }
  }
  .widescreen\:p-192 {
    @media (width >= 1224px) {
      padding: var(--spacing-192);
    }
  }
  .widescreen\:p-208 {
    @media (width >= 1224px) {
      padding: var(--spacing-208);
    }
  }
  .widescreen\:p-224 {
    @media (width >= 1224px) {
      padding: var(--spacing-224);
    }
  }
  .widescreen\:p-240 {
    @media (width >= 1224px) {
      padding: var(--spacing-240);
    }
  }
  .widescreen\:p-256 {
    @media (width >= 1224px) {
      padding: var(--spacing-256);
    }
  }
  .widescreen\:px-1 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-1);
    }
  }
  .widescreen\:px-2 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-2);
    }
  }
  .widescreen\:px-4 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-4);
    }
  }
  .widescreen\:px-6 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-6);
    }
  }
  .widescreen\:px-8 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-8);
    }
  }
  .widescreen\:px-12 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-12);
    }
  }
  .widescreen\:px-14 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-14);
    }
  }
  .widescreen\:px-16 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-16);
    }
  }
  .widescreen\:px-18 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-18);
    }
  }
  .widescreen\:px-20 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-20);
    }
  }
  .widescreen\:px-22 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-22);
    }
  }
  .widescreen\:px-24 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-24);
    }
  }
  .widescreen\:px-26 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-26);
    }
  }
  .widescreen\:px-28 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-28);
    }
  }
  .widescreen\:px-32 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-32);
    }
  }
  .widescreen\:px-34 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-34);
    }
  }
  .widescreen\:px-36 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-36);
    }
  }
  .widescreen\:px-38 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-38);
    }
  }
  .widescreen\:px-40 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-40);
    }
  }
  .widescreen\:px-42 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-42);
    }
  }
  .widescreen\:px-44 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-44);
    }
  }
  .widescreen\:px-48 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-48);
    }
  }
  .widescreen\:px-52 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-52);
    }
  }
  .widescreen\:px-56 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-56);
    }
  }
  .widescreen\:px-60 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-60);
    }
  }
  .widescreen\:px-64 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-64);
    }
  }
  .widescreen\:px-68 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-68);
    }
  }
  .widescreen\:px-72 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-72);
    }
  }
  .widescreen\:px-76 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-76);
    }
  }
  .widescreen\:px-80 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-80);
    }
  }
  .widescreen\:px-84 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-84);
    }
  }
  .widescreen\:px-88 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-88);
    }
  }
  .widescreen\:px-92 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-92);
    }
  }
  .widescreen\:px-96 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-96);
    }
  }
  .widescreen\:px-104 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-104);
    }
  }
  .widescreen\:px-112 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-112);
    }
  }
  .widescreen\:px-120 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-120);
    }
  }
  .widescreen\:px-128 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-128);
    }
  }
  .widescreen\:px-136 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-136);
    }
  }
  .widescreen\:px-144 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-144);
    }
  }
  .widescreen\:px-152 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-152);
    }
  }
  .widescreen\:px-160 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-160);
    }
  }
  .widescreen\:px-176 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-176);
    }
  }
  .widescreen\:px-192 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-192);
    }
  }
  .widescreen\:px-208 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-208);
    }
  }
  .widescreen\:px-224 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-224);
    }
  }
  .widescreen\:px-240 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-240);
    }
  }
  .widescreen\:px-256 {
    @media (width >= 1224px) {
      padding-inline: var(--spacing-256);
    }
  }
  .widescreen\:py-1 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-1);
    }
  }
  .widescreen\:py-2 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-2);
    }
  }
  .widescreen\:py-4 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-4);
    }
  }
  .widescreen\:py-6 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-6);
    }
  }
  .widescreen\:py-8 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-8);
    }
  }
  .widescreen\:py-12 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-12);
    }
  }
  .widescreen\:py-14 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-14);
    }
  }
  .widescreen\:py-16 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-16);
    }
  }
  .widescreen\:py-18 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-18);
    }
  }
  .widescreen\:py-20 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-20);
    }
  }
  .widescreen\:py-22 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-22);
    }
  }
  .widescreen\:py-24 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-24);
    }
  }
  .widescreen\:py-26 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-26);
    }
  }
  .widescreen\:py-28 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-28);
    }
  }
  .widescreen\:py-32 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-32);
    }
  }
  .widescreen\:py-34 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-34);
    }
  }
  .widescreen\:py-36 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-36);
    }
  }
  .widescreen\:py-38 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-38);
    }
  }
  .widescreen\:py-40 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-40);
    }
  }
  .widescreen\:py-42 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-42);
    }
  }
  .widescreen\:py-44 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-44);
    }
  }
  .widescreen\:py-48 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-48);
    }
  }
  .widescreen\:py-52 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-52);
    }
  }
  .widescreen\:py-56 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-56);
    }
  }
  .widescreen\:py-60 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-60);
    }
  }
  .widescreen\:py-64 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-64);
    }
  }
  .widescreen\:py-68 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-68);
    }
  }
  .widescreen\:py-72 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-72);
    }
  }
  .widescreen\:py-76 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-76);
    }
  }
  .widescreen\:py-80 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-80);
    }
  }
  .widescreen\:py-84 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-84);
    }
  }
  .widescreen\:py-88 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-88);
    }
  }
  .widescreen\:py-92 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-92);
    }
  }
  .widescreen\:py-96 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-96);
    }
  }
  .widescreen\:py-104 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-104);
    }
  }
  .widescreen\:py-112 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-112);
    }
  }
  .widescreen\:py-120 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-120);
    }
  }
  .widescreen\:py-128 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-128);
    }
  }
  .widescreen\:py-136 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-136);
    }
  }
  .widescreen\:py-144 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-144);
    }
  }
  .widescreen\:py-152 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-152);
    }
  }
  .widescreen\:py-160 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-160);
    }
  }
  .widescreen\:py-176 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-176);
    }
  }
  .widescreen\:py-192 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-192);
    }
  }
  .widescreen\:py-208 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-208);
    }
  }
  .widescreen\:py-224 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-224);
    }
  }
  .widescreen\:py-240 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-240);
    }
  }
  .widescreen\:py-256 {
    @media (width >= 1224px) {
      padding-block: var(--spacing-256);
    }
  }
  .widescreen\:pt-1 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-1);
    }
  }
  .widescreen\:pt-2 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-2);
    }
  }
  .widescreen\:pt-4 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-4);
    }
  }
  .widescreen\:pt-6 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-6);
    }
  }
  .widescreen\:pt-8 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-8);
    }
  }
  .widescreen\:pt-12 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-12);
    }
  }
  .widescreen\:pt-14 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-14);
    }
  }
  .widescreen\:pt-16 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-16);
    }
  }
  .widescreen\:pt-18 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-18);
    }
  }
  .widescreen\:pt-20 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-20);
    }
  }
  .widescreen\:pt-22 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-22);
    }
  }
  .widescreen\:pt-24 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-24);
    }
  }
  .widescreen\:pt-26 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-26);
    }
  }
  .widescreen\:pt-28 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-28);
    }
  }
  .widescreen\:pt-32 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-32);
    }
  }
  .widescreen\:pt-34 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-34);
    }
  }
  .widescreen\:pt-36 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-36);
    }
  }
  .widescreen\:pt-38 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-38);
    }
  }
  .widescreen\:pt-40 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-40);
    }
  }
  .widescreen\:pt-42 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-42);
    }
  }
  .widescreen\:pt-44 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-44);
    }
  }
  .widescreen\:pt-48 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-48);
    }
  }
  .widescreen\:pt-52 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-52);
    }
  }
  .widescreen\:pt-56 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-56);
    }
  }
  .widescreen\:pt-60 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-60);
    }
  }
  .widescreen\:pt-64 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-64);
    }
  }
  .widescreen\:pt-68 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-68);
    }
  }
  .widescreen\:pt-72 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-72);
    }
  }
  .widescreen\:pt-76 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-76);
    }
  }
  .widescreen\:pt-80 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-80);
    }
  }
  .widescreen\:pt-84 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-84);
    }
  }
  .widescreen\:pt-88 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-88);
    }
  }
  .widescreen\:pt-92 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-92);
    }
  }
  .widescreen\:pt-96 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-96);
    }
  }
  .widescreen\:pt-104 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-104);
    }
  }
  .widescreen\:pt-112 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-112);
    }
  }
  .widescreen\:pt-120 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-120);
    }
  }
  .widescreen\:pt-128 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-128);
    }
  }
  .widescreen\:pt-136 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-136);
    }
  }
  .widescreen\:pt-144 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-144);
    }
  }
  .widescreen\:pt-152 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-152);
    }
  }
  .widescreen\:pt-160 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-160);
    }
  }
  .widescreen\:pt-176 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-176);
    }
  }
  .widescreen\:pt-192 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-192);
    }
  }
  .widescreen\:pt-208 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-208);
    }
  }
  .widescreen\:pt-224 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-224);
    }
  }
  .widescreen\:pt-240 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-240);
    }
  }
  .widescreen\:pt-256 {
    @media (width >= 1224px) {
      padding-top: var(--spacing-256);
    }
  }
  .widescreen\:pr-1 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-1);
    }
  }
  .widescreen\:pr-2 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-2);
    }
  }
  .widescreen\:pr-4 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-4);
    }
  }
  .widescreen\:pr-6 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-6);
    }
  }
  .widescreen\:pr-8 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-8);
    }
  }
  .widescreen\:pr-12 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-12);
    }
  }
  .widescreen\:pr-14 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-14);
    }
  }
  .widescreen\:pr-16 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-16);
    }
  }
  .widescreen\:pr-18 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-18);
    }
  }
  .widescreen\:pr-20 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-20);
    }
  }
  .widescreen\:pr-22 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-22);
    }
  }
  .widescreen\:pr-24 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-24);
    }
  }
  .widescreen\:pr-26 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-26);
    }
  }
  .widescreen\:pr-28 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-28);
    }
  }
  .widescreen\:pr-32 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-32);
    }
  }
  .widescreen\:pr-34 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-34);
    }
  }
  .widescreen\:pr-36 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-36);
    }
  }
  .widescreen\:pr-38 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-38);
    }
  }
  .widescreen\:pr-40 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-40);
    }
  }
  .widescreen\:pr-42 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-42);
    }
  }
  .widescreen\:pr-44 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-44);
    }
  }
  .widescreen\:pr-48 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-48);
    }
  }
  .widescreen\:pr-52 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-52);
    }
  }
  .widescreen\:pr-56 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-56);
    }
  }
  .widescreen\:pr-60 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-60);
    }
  }
  .widescreen\:pr-64 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-64);
    }
  }
  .widescreen\:pr-68 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-68);
    }
  }
  .widescreen\:pr-72 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-72);
    }
  }
  .widescreen\:pr-76 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-76);
    }
  }
  .widescreen\:pr-80 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-80);
    }
  }
  .widescreen\:pr-84 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-84);
    }
  }
  .widescreen\:pr-88 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-88);
    }
  }
  .widescreen\:pr-92 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-92);
    }
  }
  .widescreen\:pr-96 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-96);
    }
  }
  .widescreen\:pr-104 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-104);
    }
  }
  .widescreen\:pr-112 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-112);
    }
  }
  .widescreen\:pr-120 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-120);
    }
  }
  .widescreen\:pr-128 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-128);
    }
  }
  .widescreen\:pr-136 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-136);
    }
  }
  .widescreen\:pr-144 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-144);
    }
  }
  .widescreen\:pr-152 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-152);
    }
  }
  .widescreen\:pr-160 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-160);
    }
  }
  .widescreen\:pr-176 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-176);
    }
  }
  .widescreen\:pr-192 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-192);
    }
  }
  .widescreen\:pr-208 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-208);
    }
  }
  .widescreen\:pr-224 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-224);
    }
  }
  .widescreen\:pr-240 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-240);
    }
  }
  .widescreen\:pr-256 {
    @media (width >= 1224px) {
      padding-right: var(--spacing-256);
    }
  }
  .widescreen\:pb-1 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-1);
    }
  }
  .widescreen\:pb-2 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-2);
    }
  }
  .widescreen\:pb-4 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-4);
    }
  }
  .widescreen\:pb-6 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-6);
    }
  }
  .widescreen\:pb-8 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-8);
    }
  }
  .widescreen\:pb-12 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-12);
    }
  }
  .widescreen\:pb-14 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-14);
    }
  }
  .widescreen\:pb-16 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-16);
    }
  }
  .widescreen\:pb-18 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-18);
    }
  }
  .widescreen\:pb-20 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-20);
    }
  }
  .widescreen\:pb-22 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-22);
    }
  }
  .widescreen\:pb-24 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-24);
    }
  }
  .widescreen\:pb-26 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-26);
    }
  }
  .widescreen\:pb-28 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-28);
    }
  }
  .widescreen\:pb-32 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-32);
    }
  }
  .widescreen\:pb-34 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-34);
    }
  }
  .widescreen\:pb-36 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-36);
    }
  }
  .widescreen\:pb-38 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-38);
    }
  }
  .widescreen\:pb-40 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-40);
    }
  }
  .widescreen\:pb-42 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-42);
    }
  }
  .widescreen\:pb-44 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-44);
    }
  }
  .widescreen\:pb-48 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-48);
    }
  }
  .widescreen\:pb-52 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-52);
    }
  }
  .widescreen\:pb-56 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-56);
    }
  }
  .widescreen\:pb-60 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-60);
    }
  }
  .widescreen\:pb-64 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-64);
    }
  }
  .widescreen\:pb-68 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-68);
    }
  }
  .widescreen\:pb-72 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-72);
    }
  }
  .widescreen\:pb-76 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-76);
    }
  }
  .widescreen\:pb-80 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-80);
    }
  }
  .widescreen\:pb-84 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-84);
    }
  }
  .widescreen\:pb-88 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-88);
    }
  }
  .widescreen\:pb-92 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-92);
    }
  }
  .widescreen\:pb-96 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-96);
    }
  }
  .widescreen\:pb-104 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-104);
    }
  }
  .widescreen\:pb-112 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-112);
    }
  }
  .widescreen\:pb-120 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-120);
    }
  }
  .widescreen\:pb-128 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-128);
    }
  }
  .widescreen\:pb-136 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-136);
    }
  }
  .widescreen\:pb-144 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-144);
    }
  }
  .widescreen\:pb-152 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-152);
    }
  }
  .widescreen\:pb-160 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-160);
    }
  }
  .widescreen\:pb-176 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-176);
    }
  }
  .widescreen\:pb-192 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-192);
    }
  }
  .widescreen\:pb-208 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-208);
    }
  }
  .widescreen\:pb-224 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-224);
    }
  }
  .widescreen\:pb-240 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-240);
    }
  }
  .widescreen\:pb-256 {
    @media (width >= 1224px) {
      padding-bottom: var(--spacing-256);
    }
  }
  .widescreen\:pl-1 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-1);
    }
  }
  .widescreen\:pl-2 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-2);
    }
  }
  .widescreen\:pl-4 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-4);
    }
  }
  .widescreen\:pl-6 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-6);
    }
  }
  .widescreen\:pl-8 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-8);
    }
  }
  .widescreen\:pl-12 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-12);
    }
  }
  .widescreen\:pl-14 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-14);
    }
  }
  .widescreen\:pl-16 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-16);
    }
  }
  .widescreen\:pl-18 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-18);
    }
  }
  .widescreen\:pl-20 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-20);
    }
  }
  .widescreen\:pl-22 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-22);
    }
  }
  .widescreen\:pl-24 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-24);
    }
  }
  .widescreen\:pl-26 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-26);
    }
  }
  .widescreen\:pl-28 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-28);
    }
  }
  .widescreen\:pl-32 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-32);
    }
  }
  .widescreen\:pl-34 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-34);
    }
  }
  .widescreen\:pl-36 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-36);
    }
  }
  .widescreen\:pl-38 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-38);
    }
  }
  .widescreen\:pl-40 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-40);
    }
  }
  .widescreen\:pl-42 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-42);
    }
  }
  .widescreen\:pl-44 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-44);
    }
  }
  .widescreen\:pl-48 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-48);
    }
  }
  .widescreen\:pl-52 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-52);
    }
  }
  .widescreen\:pl-56 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-56);
    }
  }
  .widescreen\:pl-60 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-60);
    }
  }
  .widescreen\:pl-64 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-64);
    }
  }
  .widescreen\:pl-68 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-68);
    }
  }
  .widescreen\:pl-72 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-72);
    }
  }
  .widescreen\:pl-76 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-76);
    }
  }
  .widescreen\:pl-80 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-80);
    }
  }
  .widescreen\:pl-84 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-84);
    }
  }
  .widescreen\:pl-88 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-88);
    }
  }
  .widescreen\:pl-92 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-92);
    }
  }
  .widescreen\:pl-96 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-96);
    }
  }
  .widescreen\:pl-104 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-104);
    }
  }
  .widescreen\:pl-112 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-112);
    }
  }
  .widescreen\:pl-120 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-120);
    }
  }
  .widescreen\:pl-128 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-128);
    }
  }
  .widescreen\:pl-136 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-136);
    }
  }
  .widescreen\:pl-144 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-144);
    }
  }
  .widescreen\:pl-152 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-152);
    }
  }
  .widescreen\:pl-160 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-160);
    }
  }
  .widescreen\:pl-176 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-176);
    }
  }
  .widescreen\:pl-192 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-192);
    }
  }
  .widescreen\:pl-208 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-208);
    }
  }
  .widescreen\:pl-224 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-224);
    }
  }
  .widescreen\:pl-240 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-240);
    }
  }
  .widescreen\:pl-256 {
    @media (width >= 1224px) {
      padding-left: var(--spacing-256);
    }
  }
}
:host {
  --tw-divide-y-reverse: 0;
  --tw-border-style: solid;
  --tw-font-weight: initial;
  --tw-tracking: initial;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate-x: rotateX(0);
  --tw-rotate-y: rotateY(0);
  --tw-rotate-z: rotateZ(0);
  --tw-skew-x: skewX(0);
  --tw-skew-y: skewY(0);
  --tw-space-x-reverse: 0;
  --tw-gradient-position: initial;
  --tw-gradient-from: #0000;
  --tw-gradient-via: #0000;
  --tw-gradient-to: #0000;
  --tw-gradient-stops: initial;
  --tw-gradient-via-stops: initial;
  --tw-gradient-from-position: 0%;
  --tw-gradient-via-position: 50%;
  --tw-gradient-to-position: 100%;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-color: initial;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-shadow-color: initial;
  --tw-ring-color: initial;
  --tw-ring-shadow: 0 0 #0000;
  --tw-inset-ring-color: initial;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-inset: initial;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-blur: initial;
  --tw-brightness: initial;
  --tw-contrast: initial;
  --tw-grayscale: initial;
  --tw-hue-rotate: initial;
  --tw-invert: initial;
  --tw-opacity: initial;
  --tw-saturate: initial;
  --tw-sepia: initial;
  --tw-drop-shadow: initial;
  --tw-duration: initial;
  --tw-ease: initial;
}
@layer components {
  .display {
    font-family: var(--font-sans);
    font-size: var(--text-80);
    --tw-leading: var(--spacing-72);
    line-height: var(--spacing-72);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-112);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-104);
      line-height: var(--spacing-104);
    }
  }
  .h1 {
    font-family: var(--font-sans);
    font-size: var(--text-40);
    --tw-leading: var(--spacing-48);
    line-height: var(--spacing-48);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-56);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-64);
      line-height: var(--spacing-64);
    }
  }
  .h2 {
    font-family: var(--font-sans);
    font-size: var(--text-36);
    --tw-leading: var(--spacing-38);
    line-height: var(--spacing-38);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-48);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-52);
      line-height: var(--spacing-52);
    }
  }
  .h3 {
    font-family: var(--font-sans);
    font-size: var(--text-32);
    --tw-leading: var(--spacing-34);
    line-height: var(--spacing-34);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-40);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-44);
      line-height: var(--spacing-44);
    }
  }
  .h4 {
    font-family: var(--font-sans);
    font-size: var(--text-24);
    --tw-leading: var(--spacing-28);
    line-height: var(--spacing-28);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-32);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-34);
      line-height: var(--spacing-34);
    }
  }
  .h5 {
    font-family: var(--font-sans);
    font-size: var(--text-20);
    --tw-leading: var(--spacing-24);
    line-height: var(--spacing-24);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-24);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-28);
      line-height: var(--spacing-28);
    }
  }
  .h6 {
    font-family: var(--font-sans);
    font-size: var(--text-18);
    --tw-leading: var(--spacing-20);
    line-height: var(--spacing-20);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-20);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-24);
      line-height: var(--spacing-24);
    }
  }
  .text-large {
    font-family: var(--font-sans);
    font-size: var(--text-18);
    --tw-leading: var(--spacing-22);
    line-height: var(--spacing-22);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    @media (width >= 1024px) {
      font-size: var(--text-20);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-24);
      line-height: var(--spacing-24);
    }
  }
  .text-large-semibold {
    font-family: var(--font-sans);
    font-size: var(--text-18);
    --tw-leading: var(--spacing-22);
    line-height: var(--spacing-22);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-20);
    }
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-24);
      line-height: var(--spacing-24);
    }
  }
  .text-medium {
    font-family: var(--font-sans);
    font-size: var(--text-18);
    --tw-leading: var(--spacing-24);
    line-height: var(--spacing-24);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-26);
      line-height: var(--spacing-26);
    }
  }
  .text-medium-semibold {
    font-family: var(--font-sans);
    font-size: var(--text-18);
    --tw-leading: var(--spacing-24);
    line-height: var(--spacing-24);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-regular {
    font-family: var(--font-sans);
    font-size: var(--text-16);
    --tw-leading: var(--spacing-22);
    line-height: var(--spacing-22);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
  }
  .text-regular-semibold {
    font-family: var(--font-sans);
    font-size: var(--text-16);
    --tw-leading: var(--spacing-22);
    line-height: var(--spacing-22);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-24);
      line-height: var(--spacing-24);
    }
  }
  .text-small {
    font-family: var(--font-sans);
    font-size: var(--text-14);
    --tw-leading: var(--spacing-16);
    line-height: var(--spacing-16);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-20);
      line-height: var(--spacing-20);
    }
  }
  .text-small-semibold {
    font-family: var(--font-sans);
    font-size: var(--text-14);
    --tw-leading: var(--spacing-16);
    line-height: var(--spacing-16);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      --tw-leading: var(--spacing-20);
      line-height: var(--spacing-20);
    }
  }
  .text-tiny {
    font-family: var(--font-sans);
    font-size: var(--text-12);
    --tw-leading: var(--spacing-14);
    line-height: var(--spacing-14);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
  }
  .text-tiny-semibold {
    font-family: var(--font-sans);
    font-size: var(--text-12);
    --tw-leading: var(--spacing-14);
    line-height: var(--spacing-14);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .content-boundary {
    margin-inline: auto;
    width: 100%;
    max-width: 1400px;
  }
  .link {
    color: var(--color-teal-100);
    text-decoration-line: underline;
    &:hover {
      @media (hover: hover) {
        color: var(--color-ext-blue-300);
      }
    }
  }
  .two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
met-collapsible:not(:defined) {
  visibility: hidden;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
    }
  }
}