/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Geist","arguments":[{"variable":"--font-geist-sans","subsets":["latin"]}],"variableName":"geistSans"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8d697b304b401681-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba015fad6dcf6784-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Fallback';src: local("Arial");ascent-override: 95.94%;descent-override: 28.16%;line-gap-override: 0.00%;size-adjust: 104.76%
}.__className_188709 {font-family: 'Geist', 'Geist Fallback';font-style: normal
}.__variable_188709 {--font-geist-sans: 'Geist', 'Geist Fallback'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Geist_Mono","arguments":[{"variable":"--font-geist-mono","subsets":["latin"]}],"variableName":"geistMono"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/9610d9e46709d722-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/747892c23ea88013-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/93f479601ee12b01-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Mono Fallback';src: local("Arial");ascent-override: 74.67%;descent-override: 21.92%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_9a8899 {font-family: 'Geist Mono', 'Geist Mono Fallback';font-style: normal
}.__variable_9a8899 {--font-geist-mono: 'Geist Mono', 'Geist Mono Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
    --brand-blue: #608BF3;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-\[1px\] {
    top: calc(1px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[215px\] {
    top: 215px;
  }
  .top-\[345px\] {
    top: 345px;
  }
  .top-\[430px\] {
    top: 430px;
  }
  .top-\[455px\] {
    top: 455px;
  }
  .-right-2 {
    right: calc(var(--spacing) * -2);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-\[14px\] {
    right: 14px;
  }
  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
  .-bottom-\[2px\] {
    bottom: calc(2px * -1);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-\[9px\] {
    left: 9px;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .-mx-3\.5 {
    margin-inline: calc(var(--spacing) * -3.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .-mt-\[100px\] {
    margin-top: calc(100px * -1);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[15px\] {
    margin-top: 15px;
  }
  .mt-\[45px\] {
    margin-top: 45px;
  }
  .mt-\[170px\] {
    margin-top: 170px;
  }
  .mt-\[269px\] {
    margin-top: 269px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-3\.5 {
    margin-bottom: calc(var(--spacing) * -3.5);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-\[126px\] {
    margin-bottom: 126px;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .aspect-\[2\/1\] {
    aspect-ratio: 2/1;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-\[398\/327\] {
    aspect-ratio: 398/327;
  }
  .aspect-\[550\/400\] {
    aspect-ratio: 550/400;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[1\.5px\] {
    height: 1.5px;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[19px\] {
    height: 19px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[115px\] {
    height: 115px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[122px\] {
    height: 122px;
  }
  .h-\[123px\] {
    height: 123px;
  }
  .h-\[124px\] {
    height: 124px;
  }
  .h-\[137px\] {
    height: 137px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[154px\] {
    height: 154px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[204px\] {
    height: 204px;
  }
  .h-\[213px\] {
    height: 213px;
  }
  .h-\[215px\] {
    height: 215px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[277px\] {
    height: 277px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[408px\] {
    height: 408px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[447px\] {
    height: 447px;
  }
  .h-\[1440px\] {
    height: 1440px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[350px\] {
    min-height: 350px;
  }
  .min-h-\[371px\] {
    min-height: 371px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-\[1\.5px\] {
    width: 1.5px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[23px\] {
    width: 23px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[67px\] {
    width: 67px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[115px\] {
    width: 115px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[124px\] {
    width: 124px;
  }
  .w-\[131px\] {
    width: 131px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[151px\] {
    width: 151px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[343px\] {
    width: 343px;
  }
  .w-\[370px\] {
    width: 370px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[448px\] {
    width: 448px;
  }
  .w-\[602px\] {
    width: 602px;
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[215px\] {
    max-width: 215px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[331px\] {
    max-width: 331px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[383px\] {
    max-width: 383px;
  }
  .max-w-\[398px\] {
    max-width: 398px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[514px\] {
    max-width: 514px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[521px\] {
    max-width: 521px;
  }
  .max-w-\[529px\] {
    max-width: 529px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[561px\] {
    max-width: 561px;
  }
  .max-w-\[565px\] {
    max-width: 565px;
  }
  .max-w-\[586px\] {
    max-width: 586px;
  }
  .max-w-\[597px\] {
    max-width: 597px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[630px\] {
    max-width: 630px;
  }
  .max-w-\[643px\] {
    max-width: 643px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[729px\] {
    max-width: 729px;
  }
  .max-w-\[744px\] {
    max-width: 744px;
  }
  .max-w-\[762px\] {
    max-width: 762px;
  }
  .max-w-\[778px\] {
    max-width: 778px;
  }
  .max-w-\[794px\] {
    max-width: 794px;
  }
  .max-w-\[885px\] {
    max-width: 885px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[933px\] {
    max-width: 933px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1260px\] {
    max-width: 1260px;
  }
  .max-w-\[1300px\] {
    max-width: 1300px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[540px\] {
    min-width: 540px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .origin-top-left {
    transform-origin: top left;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .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,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[11px\] {
    gap: 11px;
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[17px\] {
    border-radius: 17px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[19px\] {
    border-radius: 19px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[21px\] {
    border-radius: 21px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[25\.5px\] {
    border-radius: 25.5px;
  }
  .rounded-\[25px\] {
    border-radius: 25px;
  }
  .rounded-\[29px\] {
    border-radius: 29px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[34px\] {
    border-radius: 34px;
  }
  .rounded-\[35px\] {
    border-radius: 35px;
  }
  .rounded-\[41\.5px\] {
    border-radius: 41.5px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-t-\[12px\] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .rounded-t-\[15px\] {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rounded-t-\[19px\] {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
  }
  .rounded-l-\[8px\] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .rounded-l-\[12px\] {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .rounded-tl-full {
    border-top-left-radius: calc(infinity * 1px);
  }
  .rounded-b-\[15px\] {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[1\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.5px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-\[\#CCCCCC\] {
    border-color: #CCCCCC;
  }
  .border-\[\#D7D7D7\] {
    border-color: #D7D7D7;
  }
  .border-\[\#DBDBDB\] {
    border-color: #DBDBDB;
  }
  .border-\[\#E6E9F4\] {
    border-color: #E6E9F4;
  }
  .border-\[\#e8edfb\] {
    border-color: #e8edfb;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-green-700 {
    border-color: var(--color-green-700);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-700 {
    border-color: var(--color-red-700);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-\[\#0D0D0D\] {
    background-color: #0D0D0D;
  }
  .bg-\[\#4a5568\] {
    background-color: #4a5568;
  }
  .bg-\[\#8BA5FF\] {
    background-color: #8BA5FF;
  }
  .bg-\[\#608BF3\] {
    background-color: #608BF3;
  }
  .bg-\[\#BCCFFF\] {
    background-color: #BCCFFF;
  }
  .bg-\[\#CFFFEE\] {
    background-color: #CFFFEE;
  }
  .bg-\[\#D9D9D9\] {
    background-color: #D9D9D9;
  }
  .bg-\[\#ECF5F7\] {
    background-color: #ECF5F7;
  }
  .bg-\[\#EEDFFF\] {
    background-color: #EEDFFF;
  }
  .bg-\[\#EFF2FF\] {
    background-color: #EFF2FF;
  }
  .bg-\[\#F0F4FA\] {
    background-color: #F0F4FA;
  }
  .bg-\[\#F1F2F6\] {
    background-color: #F1F2F6;
  }
  .bg-\[\#F1F5FD\] {
    background-color: #F1F5FD;
  }
  .bg-\[\#F3F3F3\] {
    background-color: #F3F3F3;
  }
  .bg-\[\#F5F5F3\] {
    background-color: #F5F5F3;
  }
  .bg-\[\#F5F6FA\] {
    background-color: #F5F6FA;
  }
  .bg-\[\#F7F6F5\] {
    background-color: #F7F6F5;
  }
  .bg-\[\#F8F9FA\] {
    background-color: #F8F9FA;
  }
  .bg-\[\#FFCFCF\] {
    background-color: #FFCFCF;
  }
  .bg-\[\#FFE7D5\] {
    background-color: #FFE7D5;
  }
  .bg-\[\#FFF4D5\] {
    background-color: #FFF4D5;
  }
  .bg-\[rgba\(22\,22\,22\,0\.5\)\] {
    background-color: rgba(22,22,22,0.5);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/90 {
    background-color: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
  .bg-black\/100 {
    background-color: var(--color-black);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-blue-900\/50 {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-900\/50 {
    background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent);
    }
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-900\/50 {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/35 {
    background-color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/98 {
    background-color: color-mix(in srgb, #fff 98%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 98%, transparent);
    }
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[\#1a1a2e\] {
    --tw-gradient-from: #1a1a2e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#2a2a2a\] {
    --tw-gradient-from: #2a2a2a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#2c3e7a\] {
    --tw-gradient-from: #2c3e7a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#3ea8d8\] {
    --tw-gradient-from: #3ea8d8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/50 {
    --tw-gradient-from: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/60 {
    --tw-gradient-from: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/65 {
    --tw-gradient-from: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/70 {
    --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-100 {
    --tw-gradient-from: var(--color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-300 {
    --tw-gradient-from: var(--color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-400 {
    --tw-gradient-from: var(--color-orange-400);
    --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));
  }
  .via-\[\#4a90e2\] {
    --tw-gradient-via: #4a90e2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[\#16213e\] {
    --tw-gradient-via: #16213e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-black\/20 {
    --tw-gradient-via: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#0d0d0d\] {
    --tw-gradient-to: #0d0d0d;
    --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-\[\#0f3460\] {
    --tw-gradient-to: #0f3460;
    --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-\[\#1a2347\] {
    --tw-gradient-to: #1a2347;
    --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-\[\#5c6bc0\] {
    --tw-gradient-to: #5c6bc0;
    --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-black\/30 {
    --tw-gradient-to: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
    --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-black\/40 {
    --tw-gradient-to: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-200 {
    --tw-gradient-to: var(--color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-400 {
    --tw-gradient-to: var(--color-gray-400);
    --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-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --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-transparent {
    --tw-gradient-to: transparent;
    --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-yellow-500 {
    --tw-gradient-to: var(--color-yellow-500);
    --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));
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .object-left {
    -o-object-position: left;
       object-position: left;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[15px\] {
    padding: 15px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[70px\] {
    padding-top: 70px;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-\[60px\] {
    padding-right: 60px;
  }
  .pr-\[70px\] {
    padding-right: 70px;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-\[15px\] {
    padding-bottom: 15px;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[\'Damion\'\] {
    font-family: 'Damion';
  }
  .font-\[\'Sequel_Sans\'\] {
    font-family: 'Sequel Sans';
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[50px\] {
    font-size: 50px;
  }
  .text-\[72px\] {
    font-size: 72px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-\[29px\] {
    --tw-leading: 29px;
    line-height: 29px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .leading-\[35px\] {
    --tw-leading: 35px;
    line-height: 35px;
  }
  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }
  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }
  .leading-\[47px\] {
    --tw-leading: 47px;
    line-height: 47px;
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-\[52px\] {
    --tw-leading: 52px;
    line-height: 52px;
  }
  .leading-\[59px\] {
    --tw-leading: 59px;
    line-height: 59px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[405\] {
    --tw-font-weight: 405;
    font-weight: 405;
  }
  .font-\[415\] {
    --tw-font-weight: 415;
    font-weight: 415;
  }
  .font-\[420\] {
    --tw-font-weight: 420;
    font-weight: 420;
  }
  .font-\[425\] {
    --tw-font-weight: 425;
    font-weight: 425;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\[\#000000\] {
    color: #000000;
  }
  .text-\[\#3D3D3D\] {
    color: #3D3D3D;
  }
  .text-\[\#9A9A9A\] {
    color: #9A9A9A;
  }
  .text-\[\#479FD1\] {
    color: #479FD1;
  }
  .text-\[\#515151\] {
    color: #515151;
  }
  .text-\[\#525252\] {
    color: #525252;
  }
  .text-\[\#616161\] {
    color: #616161;
  }
  .text-\[\#828282\] {
    color: #828282;
  }
  .text-\[\#C0C0C0\] {
    color: #C0C0C0;
  }
  .text-\[\#D3D3D3\] {
    color: #D3D3D3;
  }
  .text-\[\#DADADA\] {
    color: #DADADA;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\/60 {
    color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .text-black\/75 {
    color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-200 {
    color: var(--color-green-200);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .underline-offset-\[6px\] {
    text-underline-offset: 6px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-\[\#9A9A9A\] {
    &::-moz-placeholder {
      color: #9A9A9A;
    }
    &::placeholder {
      color: #9A9A9A;
    }
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_20px_rgba\(27\,46\,120\,0\.12\)\] {
    --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(27,46,120,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_7\.1px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 1px 7.1px var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_4px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_11\.8px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0px 4px 11.8px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[1px_1px_1px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 1px 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[2px_3px_2\.5px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 2px 3px 2.5px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_4px_12px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 4px 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_6px_11\.9px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 4px 6px 11.9px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_6px_12px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 4px 6px 12px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_6px_12px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 4px 6px 12px var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0px_4px_4px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0px 4px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .running {
    animation-play-state: running;
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:bg-black\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-gradient-to-r {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .group-hover\:from-\[\#33FAFD\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: #33FAFD;
        --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));
      }
    }
  }
  .group-hover\:to-\[\#020D67\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: #020D67;
        --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));
      }
    }
  }
  .placeholder\:text-\[\#9A9A9A\] {
    &::-moz-placeholder {
      color: #9A9A9A;
    }
    &::placeholder {
      color: #9A9A9A;
    }
  }
  .placeholder\:text-\[\#B5B5B5\] {
    &::-moz-placeholder {
      color: #B5B5B5;
    }
    &::placeholder {
      color: #B5B5B5;
    }
  }
  .placeholder\:text-gray-400 {
    &::-moz-placeholder {
      color: var(--color-gray-400);
    }
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:bg-\[\#EFF2FF\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EFF2FF;
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-gray-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-900);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .hover\:text-gray-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-300);
      }
    }
  }
  .hover\:text-red-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:shadow-\[0px_6px_20px_rgba\(0\,0\,0\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 6px 20px var(--tw-shadow-color, rgba(0,0,0,0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[6px_6px_16px_rgba\(0\,0\,0\,0\.25\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 6px 6px 16px var(--tw-shadow-color, rgba(0,0,0,0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:ring-1 {
    &:focus {
      --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\: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-black\/10 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-cyan-400 {
    &:focus {
      --tw-ring-color: var(--color-cyan-400);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:top-7 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 7);
    }
  }
  .sm\:right-3 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 3);
    }
  }
  .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .sm\:bottom-3 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .sm\:-mx-5 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -5);
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:-mt-7 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * -7);
    }
  }
  .sm\:mt-8 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:mt-10 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:mt-12 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:mt-\[50px\] {
    @media (width >= 40rem) {
      margin-top: 50px;
    }
  }
  .sm\:mr-2 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:-mb-5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * -5);
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:mb-5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:mb-6 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-12 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:mb-16 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:ml-4 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:ml-6 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:h-3 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 3);
    }
  }
  .sm\:h-5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .sm\:h-7 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:h-12 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .sm\:h-20 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:h-\[13px\] {
    @media (width >= 40rem) {
      height: 13px;
    }
  }
  .sm\:h-\[23px\] {
    @media (width >= 40rem) {
      height: 23px;
    }
  }
  .sm\:h-\[24px\] {
    @media (width >= 40rem) {
      height: 24px;
    }
  }
  .sm\:h-\[30px\] {
    @media (width >= 40rem) {
      height: 30px;
    }
  }
  .sm\:h-\[36px\] {
    @media (width >= 40rem) {
      height: 36px;
    }
  }
  .sm\:h-\[40px\] {
    @media (width >= 40rem) {
      height: 40px;
    }
  }
  .sm\:h-\[45px\] {
    @media (width >= 40rem) {
      height: 45px;
    }
  }
  .sm\:h-\[50px\] {
    @media (width >= 40rem) {
      height: 50px;
    }
  }
  .sm\:h-\[65px\] {
    @media (width >= 40rem) {
      height: 65px;
    }
  }
  .sm\:h-\[80px\] {
    @media (width >= 40rem) {
      height: 80px;
    }
  }
  .sm\:h-\[100px\] {
    @media (width >= 40rem) {
      height: 100px;
    }
  }
  .sm\:h-\[123px\] {
    @media (width >= 40rem) {
      height: 123px;
    }
  }
  .sm\:h-\[137px\] {
    @media (width >= 40rem) {
      height: 137px;
    }
  }
  .sm\:h-\[140px\] {
    @media (width >= 40rem) {
      height: 140px;
    }
  }
  .sm\:h-\[180px\] {
    @media (width >= 40rem) {
      height: 180px;
    }
  }
  .sm\:h-\[240px\] {
    @media (width >= 40rem) {
      height: 240px;
    }
  }
  .sm\:h-\[250px\] {
    @media (width >= 40rem) {
      height: 250px;
    }
  }
  .sm\:h-\[350px\] {
    @media (width >= 40rem) {
      height: 350px;
    }
  }
  .sm\:h-\[380px\] {
    @media (width >= 40rem) {
      height: 380px;
    }
  }
  .sm\:min-h-\[400px\] {
    @media (width >= 40rem) {
      min-height: 400px;
    }
  }
  .sm\:w-3 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 3);
    }
  }
  .sm\:w-5 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .sm\:w-7 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .sm\:w-20 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .sm\:w-\[14px\] {
    @media (width >= 40rem) {
      width: 14px;
    }
  }
  .sm\:w-\[23px\] {
    @media (width >= 40rem) {
      width: 23px;
    }
  }
  .sm\:w-\[30px\] {
    @media (width >= 40rem) {
      width: 30px;
    }
  }
  .sm\:w-\[36px\] {
    @media (width >= 40rem) {
      width: 36px;
    }
  }
  .sm\:w-\[45px\] {
    @media (width >= 40rem) {
      width: 45px;
    }
  }
  .sm\:w-\[50px\] {
    @media (width >= 40rem) {
      width: 50px;
    }
  }
  .sm\:w-\[67px\] {
    @media (width >= 40rem) {
      width: 67px;
    }
  }
  .sm\:w-\[80\%\] {
    @media (width >= 40rem) {
      width: 80%;
    }
  }
  .sm\:w-\[80px\] {
    @media (width >= 40rem) {
      width: 80px;
    }
  }
  .sm\:w-\[90px\] {
    @media (width >= 40rem) {
      width: 90px;
    }
  }
  .sm\:w-\[100px\] {
    @media (width >= 40rem) {
      width: 100px;
    }
  }
  .sm\:w-\[120px\] {
    @media (width >= 40rem) {
      width: 120px;
    }
  }
  .sm\:w-\[140px\] {
    @media (width >= 40rem) {
      width: 140px;
    }
  }
  .sm\:w-\[180px\] {
    @media (width >= 40rem) {
      width: 180px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-\[360px\] {
    @media (width >= 40rem) {
      max-width: 360px;
    }
  }
  .sm\:max-w-full {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
  .sm\:max-w-none {
    @media (width >= 40rem) {
      max-width: none;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-10 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:gap-\[20px\] {
    @media (width >= 40rem) {
      gap: 20px;
    }
  }
  .sm\:space-y-8 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:rounded-\[15px\] {
    @media (width >= 40rem) {
      border-radius: 15px;
    }
  }
  .sm\:rounded-\[18px\] {
    @media (width >= 40rem) {
      border-radius: 18px;
    }
  }
  .sm\:rounded-\[21px\] {
    @media (width >= 40rem) {
      border-radius: 21px;
    }
  }
  .sm\:rounded-\[24px\] {
    @media (width >= 40rem) {
      border-radius: 24px;
    }
  }
  .sm\:rounded-\[30px\] {
    @media (width >= 40rem) {
      border-radius: 30px;
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-3 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .sm\:py-4 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .sm\:pt-6 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-7 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 7);
    }
  }
  .sm\:pt-10 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pt-\[85px\] {
    @media (width >= 40rem) {
      padding-top: 85px;
    }
  }
  .sm\:pr-16 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .sm\:pb-5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-\[12px\] {
    @media (width >= 40rem) {
      font-size: 12px;
    }
  }
  .sm\:text-\[14px\] {
    @media (width >= 40rem) {
      font-size: 14px;
    }
  }
  .sm\:text-\[15px\] {
    @media (width >= 40rem) {
      font-size: 15px;
    }
  }
  .sm\:text-\[16px\] {
    @media (width >= 40rem) {
      font-size: 16px;
    }
  }
  .sm\:text-\[18px\] {
    @media (width >= 40rem) {
      font-size: 18px;
    }
  }
  .sm\:text-\[19px\] {
    @media (width >= 40rem) {
      font-size: 19px;
    }
  }
  .sm\:text-\[22px\] {
    @media (width >= 40rem) {
      font-size: 22px;
    }
  }
  .sm\:text-\[23px\] {
    @media (width >= 40rem) {
      font-size: 23px;
    }
  }
  .sm\:text-\[26px\] {
    @media (width >= 40rem) {
      font-size: 26px;
    }
  }
  .sm\:text-\[32px\] {
    @media (width >= 40rem) {
      font-size: 32px;
    }
  }
  .sm\:text-\[35px\] {
    @media (width >= 40rem) {
      font-size: 35px;
    }
  }
  .sm\:text-\[36px\] {
    @media (width >= 40rem) {
      font-size: 36px;
    }
  }
  .sm\:leading-\[14px\] {
    @media (width >= 40rem) {
      --tw-leading: 14px;
      line-height: 14px;
    }
  }
  .sm\:leading-\[15px\] {
    @media (width >= 40rem) {
      --tw-leading: 15px;
      line-height: 15px;
    }
  }
  .sm\:leading-\[17px\] {
    @media (width >= 40rem) {
      --tw-leading: 17px;
      line-height: 17px;
    }
  }
  .sm\:leading-\[20px\] {
    @media (width >= 40rem) {
      --tw-leading: 20px;
      line-height: 20px;
    }
  }
  .sm\:leading-\[21px\] {
    @media (width >= 40rem) {
      --tw-leading: 21px;
      line-height: 21px;
    }
  }
  .sm\:leading-\[22px\] {
    @media (width >= 40rem) {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }
  .sm\:leading-\[24px\] {
    @media (width >= 40rem) {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .sm\:leading-\[25px\] {
    @media (width >= 40rem) {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .sm\:leading-\[27px\] {
    @media (width >= 40rem) {
      --tw-leading: 27px;
      line-height: 27px;
    }
  }
  .sm\:leading-\[28px\] {
    @media (width >= 40rem) {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }
  .sm\:leading-\[32px\] {
    @media (width >= 40rem) {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .sm\:leading-\[38px\] {
    @media (width >= 40rem) {
      --tw-leading: 38px;
      line-height: 38px;
    }
  }
  .sm\:leading-\[40px\] {
    @media (width >= 40rem) {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .sm\:leading-\[42px\] {
    @media (width >= 40rem) {
      --tw-leading: 42px;
      line-height: 42px;
    }
  }
  .sm\:leading-\[44px\] {
    @media (width >= 40rem) {
      --tw-leading: 44px;
      line-height: 44px;
    }
  }
  .sm\:leading-\[45px\] {
    @media (width >= 40rem) {
      --tw-leading: 45px;
      line-height: 45px;
    }
  }
  .sm\:leading-\[48px\] {
    @media (width >= 40rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:inset-y-0 {
    @media (width >= 48rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .md\:top-1\/2 {
    @media (width >= 48rem) {
      top: calc(1/2 * 100%);
    }
  }
  .md\:top-5 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 5);
    }
  }
  .md\:top-\[18px\] {
    @media (width >= 48rem) {
      top: 18px;
    }
  }
  .md\:right-4 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .md\:right-5 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 5);
    }
  }
  .md\:right-7 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 7);
    }
  }
  .md\:right-\[15px\] {
    @media (width >= 48rem) {
      right: 15px;
    }
  }
  .md\:right-\[18px\] {
    @media (width >= 48rem) {
      right: 18px;
    }
  }
  .md\:bottom-7 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:bottom-\[15px\] {
    @media (width >= 48rem) {
      bottom: 15px;
    }
  }
  .md\:left-4 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .md\:left-5 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .md\:left-7 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 7);
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:-mx-6 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .md\:-mt-\[110px\] {
    @media (width >= 48rem) {
      margin-top: calc(110px * -1);
    }
  }
  .md\:mt-2 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .md\:mt-3 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .md\:mt-3\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:mt-7 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .md\:mt-\[4px\] {
    @media (width >= 48rem) {
      margin-top: 4px;
    }
  }
  .md\:mt-\[15px\] {
    @media (width >= 48rem) {
      margin-top: 15px;
    }
  }
  .md\:mt-\[20px\] {
    @media (width >= 48rem) {
      margin-top: 20px;
    }
  }
  .md\:mr-3 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .md\:mr-4 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .md\:-mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -6);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:mb-2\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-3\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3.5);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-7 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:mb-14 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:mb-16 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:mb-\[6px\] {
    @media (width >= 48rem) {
      margin-bottom: 6px;
    }
  }
  .md\:mb-\[10px\] {
    @media (width >= 48rem) {
      margin-bottom: 10px;
    }
  }
  .md\:mb-\[23px\] {
    @media (width >= 48rem) {
      margin-bottom: 23px;
    }
  }
  .md\:ml-2\.5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .md\:ml-4 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .md\:ml-5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .md\:ml-12 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 12);
    }
  }
  .md\:ml-\[6px\] {
    @media (width >= 48rem) {
      margin-left: 6px;
    }
  }
  .md\:ml-\[9px\] {
    @media (width >= 48rem) {
      margin-left: 9px;
    }
  }
  .md\:line-clamp-none {
    @media (width >= 48rem) {
      overflow: visible;
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-line-clamp: unset;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:aspect-\[2\/1\] {
    @media (width >= 48rem) {
      aspect-ratio: 2/1;
    }
  }
  .md\:aspect-\[16\/9\] {
    @media (width >= 48rem) {
      aspect-ratio: 16/9;
    }
  }
  .md\:h-3 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 3);
    }
  }
  .md\:h-4 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 4);
    }
  }
  .md\:h-5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:h-14 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:h-96 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .md\:h-\[2px\] {
    @media (width >= 48rem) {
      height: 2px;
    }
  }
  .md\:h-\[12px\] {
    @media (width >= 48rem) {
      height: 12px;
    }
  }
  .md\:h-\[16px\] {
    @media (width >= 48rem) {
      height: 16px;
    }
  }
  .md\:h-\[18px\] {
    @media (width >= 48rem) {
      height: 18px;
    }
  }
  .md\:h-\[22px\] {
    @media (width >= 48rem) {
      height: 22px;
    }
  }
  .md\:h-\[23px\] {
    @media (width >= 48rem) {
      height: 23px;
    }
  }
  .md\:h-\[27px\] {
    @media (width >= 48rem) {
      height: 27px;
    }
  }
  .md\:h-\[28px\] {
    @media (width >= 48rem) {
      height: 28px;
    }
  }
  .md\:h-\[30px\] {
    @media (width >= 48rem) {
      height: 30px;
    }
  }
  .md\:h-\[35px\] {
    @media (width >= 48rem) {
      height: 35px;
    }
  }
  .md\:h-\[40px\] {
    @media (width >= 48rem) {
      height: 40px;
    }
  }
  .md\:h-\[42px\] {
    @media (width >= 48rem) {
      height: 42px;
    }
  }
  .md\:h-\[43px\] {
    @media (width >= 48rem) {
      height: 43px;
    }
  }
  .md\:h-\[44px\] {
    @media (width >= 48rem) {
      height: 44px;
    }
  }
  .md\:h-\[45px\] {
    @media (width >= 48rem) {
      height: 45px;
    }
  }
  .md\:h-\[46px\] {
    @media (width >= 48rem) {
      height: 46px;
    }
  }
  .md\:h-\[48px\] {
    @media (width >= 48rem) {
      height: 48px;
    }
  }
  .md\:h-\[50px\] {
    @media (width >= 48rem) {
      height: 50px;
    }
  }
  .md\:h-\[60px\] {
    @media (width >= 48rem) {
      height: 60px;
    }
  }
  .md\:h-\[68px\] {
    @media (width >= 48rem) {
      height: 68px;
    }
  }
  .md\:h-\[70px\] {
    @media (width >= 48rem) {
      height: 70px;
    }
  }
  .md\:h-\[75px\] {
    @media (width >= 48rem) {
      height: 75px;
    }
  }
  .md\:h-\[76px\] {
    @media (width >= 48rem) {
      height: 76px;
    }
  }
  .md\:h-\[85px\] {
    @media (width >= 48rem) {
      height: 85px;
    }
  }
  .md\:h-\[90px\] {
    @media (width >= 48rem) {
      height: 90px;
    }
  }
  .md\:h-\[100px\] {
    @media (width >= 48rem) {
      height: 100px;
    }
  }
  .md\:h-\[105px\] {
    @media (width >= 48rem) {
      height: 105px;
    }
  }
  .md\:h-\[110px\] {
    @media (width >= 48rem) {
      height: 110px;
    }
  }
  .md\:h-\[154px\] {
    @media (width >= 48rem) {
      height: 154px;
    }
  }
  .md\:h-\[160px\] {
    @media (width >= 48rem) {
      height: 160px;
    }
  }
  .md\:h-\[195px\] {
    @media (width >= 48rem) {
      height: 195px;
    }
  }
  .md\:h-\[200px\] {
    @media (width >= 48rem) {
      height: 200px;
    }
  }
  .md\:h-\[220px\] {
    @media (width >= 48rem) {
      height: 220px;
    }
  }
  .md\:h-\[225px\] {
    @media (width >= 48rem) {
      height: 225px;
    }
  }
  .md\:h-\[250px\] {
    @media (width >= 48rem) {
      height: 250px;
    }
  }
  .md\:h-\[300px\] {
    @media (width >= 48rem) {
      height: 300px;
    }
  }
  .md\:h-\[350px\] {
    @media (width >= 48rem) {
      height: 350px;
    }
  }
  .md\:h-\[378px\] {
    @media (width >= 48rem) {
      height: 378px;
    }
  }
  .md\:h-\[380px\] {
    @media (width >= 48rem) {
      height: 380px;
    }
  }
  .md\:h-\[400px\] {
    @media (width >= 48rem) {
      height: 400px;
    }
  }
  .md\:h-\[408px\] {
    @media (width >= 48rem) {
      height: 408px;
    }
  }
  .md\:h-\[460px\] {
    @media (width >= 48rem) {
      height: 460px;
    }
  }
  .md\:min-h-\[36px\] {
    @media (width >= 48rem) {
      min-height: 36px;
    }
  }
  .md\:min-h-\[52px\] {
    @media (width >= 48rem) {
      min-height: 52px;
    }
  }
  .md\:min-h-\[65px\] {
    @media (width >= 48rem) {
      min-height: 65px;
    }
  }
  .md\:min-h-\[143px\] {
    @media (width >= 48rem) {
      min-height: 143px;
    }
  }
  .md\:min-h-\[165px\] {
    @media (width >= 48rem) {
      min-height: 165px;
    }
  }
  .md\:min-h-\[195px\] {
    @media (width >= 48rem) {
      min-height: 195px;
    }
  }
  .md\:min-h-\[200px\] {
    @media (width >= 48rem) {
      min-height: 200px;
    }
  }
  .md\:min-h-\[260px\] {
    @media (width >= 48rem) {
      min-height: 260px;
    }
  }
  .md\:min-h-\[500px\] {
    @media (width >= 48rem) {
      min-height: 500px;
    }
  }
  .md\:min-h-\[680px\] {
    @media (width >= 48rem) {
      min-height: 680px;
    }
  }
  .md\:w-3 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 3);
    }
  }
  .md\:w-4 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4);
    }
  }
  .md\:w-5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .md\:w-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-\[9px\] {
    @media (width >= 48rem) {
      width: 9px;
    }
  }
  .md\:w-\[16px\] {
    @media (width >= 48rem) {
      width: 16px;
    }
  }
  .md\:w-\[18px\] {
    @media (width >= 48rem) {
      width: 18px;
    }
  }
  .md\:w-\[22px\] {
    @media (width >= 48rem) {
      width: 22px;
    }
  }
  .md\:w-\[24px\] {
    @media (width >= 48rem) {
      width: 24px;
    }
  }
  .md\:w-\[27px\] {
    @media (width >= 48rem) {
      width: 27px;
    }
  }
  .md\:w-\[28px\] {
    @media (width >= 48rem) {
      width: 28px;
    }
  }
  .md\:w-\[30px\] {
    @media (width >= 48rem) {
      width: 30px;
    }
  }
  .md\:w-\[35px\] {
    @media (width >= 48rem) {
      width: 35px;
    }
  }
  .md\:w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px;
    }
  }
  .md\:w-\[42px\] {
    @media (width >= 48rem) {
      width: 42px;
    }
  }
  .md\:w-\[45px\] {
    @media (width >= 48rem) {
      width: 45px;
    }
  }
  .md\:w-\[46px\] {
    @media (width >= 48rem) {
      width: 46px;
    }
  }
  .md\:w-\[48px\] {
    @media (width >= 48rem) {
      width: 48px;
    }
  }
  .md\:w-\[50px\] {
    @media (width >= 48rem) {
      width: 50px;
    }
  }
  .md\:w-\[52px\] {
    @media (width >= 48rem) {
      width: 52px;
    }
  }
  .md\:w-\[60px\] {
    @media (width >= 48rem) {
      width: 60px;
    }
  }
  .md\:w-\[68\%\] {
    @media (width >= 48rem) {
      width: 68%;
    }
  }
  .md\:w-\[70\%\] {
    @media (width >= 48rem) {
      width: 70%;
    }
  }
  .md\:w-\[70px\] {
    @media (width >= 48rem) {
      width: 70px;
    }
  }
  .md\:w-\[75px\] {
    @media (width >= 48rem) {
      width: 75px;
    }
  }
  .md\:w-\[90px\] {
    @media (width >= 48rem) {
      width: 90px;
    }
  }
  .md\:w-\[100px\] {
    @media (width >= 48rem) {
      width: 100px;
    }
  }
  .md\:w-\[105px\] {
    @media (width >= 48rem) {
      width: 105px;
    }
  }
  .md\:w-\[110px\] {
    @media (width >= 48rem) {
      width: 110px;
    }
  }
  .md\:w-\[150px\] {
    @media (width >= 48rem) {
      width: 150px;
    }
  }
  .md\:w-\[151px\] {
    @media (width >= 48rem) {
      width: 151px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-\[200px\] {
    @media (width >= 48rem) {
      max-width: 200px;
    }
  }
  .md\:max-w-\[290px\] {
    @media (width >= 48rem) {
      max-width: 290px;
    }
  }
  .md\:max-w-\[340px\] {
    @media (width >= 48rem) {
      max-width: 340px;
    }
  }
  .md\:max-w-\[360px\] {
    @media (width >= 48rem) {
      max-width: 360px;
    }
  }
  .md\:max-w-\[380px\] {
    @media (width >= 48rem) {
      max-width: 380px;
    }
  }
  .md\:max-w-\[438px\] {
    @media (width >= 48rem) {
      max-width: 438px;
    }
  }
  .md\:max-w-\[439px\] {
    @media (width >= 48rem) {
      max-width: 439px;
    }
  }
  .md\:max-w-\[499px\] {
    @media (width >= 48rem) {
      max-width: 499px;
    }
  }
  .md\:max-w-\[514px\] {
    @media (width >= 48rem) {
      max-width: 514px;
    }
  }
  .md\:max-w-\[521px\] {
    @media (width >= 48rem) {
      max-width: 521px;
    }
  }
  .md\:max-w-\[620px\] {
    @media (width >= 48rem) {
      max-width: 620px;
    }
  }
  .md\:max-w-\[628px\] {
    @media (width >= 48rem) {
      max-width: 628px;
    }
  }
  .md\:max-w-\[760px\] {
    @media (width >= 48rem) {
      max-width: 760px;
    }
  }
  .md\:max-w-\[952px\] {
    @media (width >= 48rem) {
      max-width: 952px;
    }
  }
  .md\:-translate-y-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-3\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3.5);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:space-y-3 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-3\.5 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-5 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-6 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-8 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-10 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-20 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-\[18px\] {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(18px * var(--tw-space-y-reverse));
        margin-block-end: calc(18px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:rounded-\[6px\] {
    @media (width >= 48rem) {
      border-radius: 6px;
    }
  }
  .md\:rounded-\[9px\] {
    @media (width >= 48rem) {
      border-radius: 9px;
    }
  }
  .md\:rounded-\[13px\] {
    @media (width >= 48rem) {
      border-radius: 13px;
    }
  }
  .md\:rounded-\[14px\] {
    @media (width >= 48rem) {
      border-radius: 14px;
    }
  }
  .md\:rounded-\[16px\] {
    @media (width >= 48rem) {
      border-radius: 16px;
    }
  }
  .md\:rounded-\[18px\] {
    @media (width >= 48rem) {
      border-radius: 18px;
    }
  }
  .md\:rounded-\[20px\] {
    @media (width >= 48rem) {
      border-radius: 20px;
    }
  }
  .md\:rounded-\[21px\] {
    @media (width >= 48rem) {
      border-radius: 21px;
    }
  }
  .md\:rounded-\[22px\] {
    @media (width >= 48rem) {
      border-radius: 22px;
    }
  }
  .md\:rounded-\[24px\] {
    @media (width >= 48rem) {
      border-radius: 24px;
    }
  }
  .md\:rounded-\[25px\] {
    @media (width >= 48rem) {
      border-radius: 25px;
    }
  }
  .md\:rounded-\[28px\] {
    @media (width >= 48rem) {
      border-radius: 28px;
    }
  }
  .md\:rounded-\[32px\] {
    @media (width >= 48rem) {
      border-radius: 32px;
    }
  }
  .md\:rounded-\[34px\] {
    @media (width >= 48rem) {
      border-radius: 34px;
    }
  }
  .md\:rounded-\[35px\] {
    @media (width >= 48rem) {
      border-radius: 35px;
    }
  }
  .md\:rounded-\[38px\] {
    @media (width >= 48rem) {
      border-radius: 38px;
    }
  }
  .md\:rounded-t-\[16px\] {
    @media (width >= 48rem) {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
  }
  .md\:rounded-b-\[17px\] {
    @media (width >= 48rem) {
      border-bottom-right-radius: 17px;
      border-bottom-left-radius: 17px;
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-2\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-\[22px\] {
    @media (width >= 48rem) {
      padding-block: 22px;
    }
  }
  .md\:py-\[27px\] {
    @media (width >= 48rem) {
      padding-block: 27px;
    }
  }
  .md\:pt-2 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .md\:pt-4 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .md\:pt-6 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-10 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .md\:pt-14 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .md\:pt-\[47px\] {
    @media (width >= 48rem) {
      padding-top: 47px;
    }
  }
  .md\:pt-\[60px\] {
    @media (width >= 48rem) {
      padding-top: 60px;
    }
  }
  .md\:pt-\[90px\] {
    @media (width >= 48rem) {
      padding-top: 90px;
    }
  }
  .md\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:pr-16 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .md\:pr-\[70px\] {
    @media (width >= 48rem) {
      padding-right: 70px;
    }
  }
  .md\:pr-\[80px\] {
    @media (width >= 48rem) {
      padding-right: 80px;
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-7 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-\[40px\] {
    @media (width >= 48rem) {
      padding-bottom: 40px;
    }
  }
  .md\:pl-7 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .md\:pl-8 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-\[11px\] {
    @media (width >= 48rem) {
      font-size: 11px;
    }
  }
  .md\:text-\[12px\] {
    @media (width >= 48rem) {
      font-size: 12px;
    }
  }
  .md\:text-\[13px\] {
    @media (width >= 48rem) {
      font-size: 13px;
    }
  }
  .md\:text-\[14px\] {
    @media (width >= 48rem) {
      font-size: 14px;
    }
  }
  .md\:text-\[15px\] {
    @media (width >= 48rem) {
      font-size: 15px;
    }
  }
  .md\:text-\[16px\] {
    @media (width >= 48rem) {
      font-size: 16px;
    }
  }
  .md\:text-\[17px\] {
    @media (width >= 48rem) {
      font-size: 17px;
    }
  }
  .md\:text-\[18px\] {
    @media (width >= 48rem) {
      font-size: 18px;
    }
  }
  .md\:text-\[19px\] {
    @media (width >= 48rem) {
      font-size: 19px;
    }
  }
  .md\:text-\[20px\] {
    @media (width >= 48rem) {
      font-size: 20px;
    }
  }
  .md\:text-\[22px\] {
    @media (width >= 48rem) {
      font-size: 22px;
    }
  }
  .md\:text-\[24px\] {
    @media (width >= 48rem) {
      font-size: 24px;
    }
  }
  .md\:text-\[25px\] {
    @media (width >= 48rem) {
      font-size: 25px;
    }
  }
  .md\:text-\[26px\] {
    @media (width >= 48rem) {
      font-size: 26px;
    }
  }
  .md\:text-\[27px\] {
    @media (width >= 48rem) {
      font-size: 27px;
    }
  }
  .md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
  .md\:text-\[30px\] {
    @media (width >= 48rem) {
      font-size: 30px;
    }
  }
  .md\:text-\[32px\] {
    @media (width >= 48rem) {
      font-size: 32px;
    }
  }
  .md\:text-\[34px\] {
    @media (width >= 48rem) {
      font-size: 34px;
    }
  }
  .md\:text-\[35px\] {
    @media (width >= 48rem) {
      font-size: 35px;
    }
  }
  .md\:text-\[36px\] {
    @media (width >= 48rem) {
      font-size: 36px;
    }
  }
  .md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
  .md\:text-\[42px\] {
    @media (width >= 48rem) {
      font-size: 42px;
    }
  }
  .md\:text-\[44px\] {
    @media (width >= 48rem) {
      font-size: 44px;
    }
  }
  .md\:text-\[50px\] {
    @media (width >= 48rem) {
      font-size: 50px;
    }
  }
  .md\:leading-6 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .md\:leading-\[1\.296\] {
    @media (width >= 48rem) {
      --tw-leading: 1.296;
      line-height: 1.296;
    }
  }
  .md\:leading-\[14px\] {
    @media (width >= 48rem) {
      --tw-leading: 14px;
      line-height: 14px;
    }
  }
  .md\:leading-\[15px\] {
    @media (width >= 48rem) {
      --tw-leading: 15px;
      line-height: 15px;
    }
  }
  .md\:leading-\[16px\] {
    @media (width >= 48rem) {
      --tw-leading: 16px;
      line-height: 16px;
    }
  }
  .md\:leading-\[17px\] {
    @media (width >= 48rem) {
      --tw-leading: 17px;
      line-height: 17px;
    }
  }
  .md\:leading-\[18px\] {
    @media (width >= 48rem) {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  .md\:leading-\[19px\] {
    @media (width >= 48rem) {
      --tw-leading: 19px;
      line-height: 19px;
    }
  }
  .md\:leading-\[20px\] {
    @media (width >= 48rem) {
      --tw-leading: 20px;
      line-height: 20px;
    }
  }
  .md\:leading-\[21px\] {
    @media (width >= 48rem) {
      --tw-leading: 21px;
      line-height: 21px;
    }
  }
  .md\:leading-\[22px\] {
    @media (width >= 48rem) {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }
  .md\:leading-\[23px\] {
    @media (width >= 48rem) {
      --tw-leading: 23px;
      line-height: 23px;
    }
  }
  .md\:leading-\[24px\] {
    @media (width >= 48rem) {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .md\:leading-\[25px\] {
    @media (width >= 48rem) {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .md\:leading-\[26px\] {
    @media (width >= 48rem) {
      --tw-leading: 26px;
      line-height: 26px;
    }
  }
  .md\:leading-\[28px\] {
    @media (width >= 48rem) {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }
  .md\:leading-\[29px\] {
    @media (width >= 48rem) {
      --tw-leading: 29px;
      line-height: 29px;
    }
  }
  .md\:leading-\[30px\] {
    @media (width >= 48rem) {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }
  .md\:leading-\[32px\] {
    @media (width >= 48rem) {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .md\:leading-\[34px\] {
    @media (width >= 48rem) {
      --tw-leading: 34px;
      line-height: 34px;
    }
  }
  .md\:leading-\[36px\] {
    @media (width >= 48rem) {
      --tw-leading: 36px;
      line-height: 36px;
    }
  }
  .md\:leading-\[38px\] {
    @media (width >= 48rem) {
      --tw-leading: 38px;
      line-height: 38px;
    }
  }
  .md\:leading-\[40px\] {
    @media (width >= 48rem) {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .md\:leading-\[42px\] {
    @media (width >= 48rem) {
      --tw-leading: 42px;
      line-height: 42px;
    }
  }
  .md\:leading-\[44px\] {
    @media (width >= 48rem) {
      --tw-leading: 44px;
      line-height: 44px;
    }
  }
  .md\:leading-\[45px\] {
    @media (width >= 48rem) {
      --tw-leading: 45px;
      line-height: 45px;
    }
  }
  .md\:leading-\[46px\] {
    @media (width >= 48rem) {
      --tw-leading: 46px;
      line-height: 46px;
    }
  }
  .md\:leading-\[47px\] {
    @media (width >= 48rem) {
      --tw-leading: 47px;
      line-height: 47px;
    }
  }
  .md\:leading-\[48px\] {
    @media (width >= 48rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .md\:leading-\[50px\] {
    @media (width >= 48rem) {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }
  .md\:leading-\[52px\] {
    @media (width >= 48rem) {
      --tw-leading: 52px;
      line-height: 52px;
    }
  }
  .md\:leading-\[65px\] {
    @media (width >= 48rem) {
      --tw-leading: 65px;
      line-height: 65px;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-6 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .lg\:top-8 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .lg\:top-\[20px\] {
    @media (width >= 64rem) {
      top: 20px;
    }
  }
  .lg\:right-6 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .lg\:right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 8);
    }
  }
  .lg\:right-\[20px\] {
    @media (width >= 64rem) {
      right: 20px;
    }
  }
  .lg\:bottom-8 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:left-6 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .lg\:left-8 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .lg\:left-\[16px\] {
    @media (width >= 64rem) {
      left: 16px;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-\[8px\] {
    @media (width >= 64rem) {
      margin-inline: 8px;
    }
  }
  .lg\:-mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -8);
    }
  }
  .lg\:-mt-\[116px\] {
    @media (width >= 64rem) {
      margin-top: calc(116px * -1);
    }
  }
  .lg\:mt-1 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .lg\:mt-4 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-\[5px\] {
    @media (width >= 64rem) {
      margin-top: 5px;
    }
  }
  .lg\:mt-\[8px\] {
    @media (width >= 64rem) {
      margin-top: 8px;
    }
  }
  .lg\:mt-\[10px\] {
    @media (width >= 64rem) {
      margin-top: 10px;
    }
  }
  .lg\:mt-\[12px\] {
    @media (width >= 64rem) {
      margin-top: 12px;
    }
  }
  .lg\:mt-\[15px\] {
    @media (width >= 64rem) {
      margin-top: 15px;
    }
  }
  .lg\:mt-\[20px\] {
    @media (width >= 64rem) {
      margin-top: 20px;
    }
  }
  .lg\:mt-\[30px\] {
    @media (width >= 64rem) {
      margin-top: 30px;
    }
  }
  .lg\:mt-\[35px\] {
    @media (width >= 64rem) {
      margin-top: 35px;
    }
  }
  .lg\:mt-\[60px\] {
    @media (width >= 64rem) {
      margin-top: 60px;
    }
  }
  .lg\:mt-\[77px\] {
    @media (width >= 64rem) {
      margin-top: 77px;
    }
  }
  .lg\:mt-\[130px\] {
    @media (width >= 64rem) {
      margin-top: 130px;
    }
  }
  .lg\:mr-6 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .lg\:mr-\[14px\] {
    @media (width >= 64rem) {
      margin-right: 14px;
    }
  }
  .lg\:mr-auto {
    @media (width >= 64rem) {
      margin-right: auto;
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-3 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .lg\:mb-4 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-12 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:mb-16 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:mb-\[4px\] {
    @media (width >= 64rem) {
      margin-bottom: 4px;
    }
  }
  .lg\:mb-\[5px\] {
    @media (width >= 64rem) {
      margin-bottom: 5px;
    }
  }
  .lg\:mb-\[6px\] {
    @media (width >= 64rem) {
      margin-bottom: 6px;
    }
  }
  .lg\:mb-\[7px\] {
    @media (width >= 64rem) {
      margin-bottom: 7px;
    }
  }
  .lg\:mb-\[8px\] {
    @media (width >= 64rem) {
      margin-bottom: 8px;
    }
  }
  .lg\:mb-\[10px\] {
    @media (width >= 64rem) {
      margin-bottom: 10px;
    }
  }
  .lg\:mb-\[11px\] {
    @media (width >= 64rem) {
      margin-bottom: 11px;
    }
  }
  .lg\:mb-\[15px\] {
    @media (width >= 64rem) {
      margin-bottom: 15px;
    }
  }
  .lg\:mb-\[16px\] {
    @media (width >= 64rem) {
      margin-bottom: 16px;
    }
  }
  .lg\:mb-\[18px\] {
    @media (width >= 64rem) {
      margin-bottom: 18px;
    }
  }
  .lg\:mb-\[20px\] {
    @media (width >= 64rem) {
      margin-bottom: 20px;
    }
  }
  .lg\:mb-\[21px\] {
    @media (width >= 64rem) {
      margin-bottom: 21px;
    }
  }
  .lg\:mb-\[24px\] {
    @media (width >= 64rem) {
      margin-bottom: 24px;
    }
  }
  .lg\:mb-\[30px\] {
    @media (width >= 64rem) {
      margin-bottom: 30px;
    }
  }
  .lg\:mb-\[32px\] {
    @media (width >= 64rem) {
      margin-bottom: 32px;
    }
  }
  .lg\:mb-\[40px\] {
    @media (width >= 64rem) {
      margin-bottom: 40px;
    }
  }
  .lg\:mb-\[43px\] {
    @media (width >= 64rem) {
      margin-bottom: 43px;
    }
  }
  .lg\:mb-\[50px\] {
    @media (width >= 64rem) {
      margin-bottom: 50px;
    }
  }
  .lg\:mb-\[51px\] {
    @media (width >= 64rem) {
      margin-bottom: 51px;
    }
  }
  .lg\:mb-\[60px\] {
    @media (width >= 64rem) {
      margin-bottom: 60px;
    }
  }
  .lg\:mb-\[72px\] {
    @media (width >= 64rem) {
      margin-bottom: 72px;
    }
  }
  .lg\:mb-\[80px\] {
    @media (width >= 64rem) {
      margin-bottom: 80px;
    }
  }
  .lg\:mb-\[84px\] {
    @media (width >= 64rem) {
      margin-bottom: 84px;
    }
  }
  .lg\:mb-\[85px\] {
    @media (width >= 64rem) {
      margin-bottom: 85px;
    }
  }
  .lg\:ml-\[10px\] {
    @media (width >= 64rem) {
      margin-left: 10px;
    }
  }
  .lg\:ml-\[25px\] {
    @media (width >= 64rem) {
      margin-left: 25px;
    }
  }
  .lg\:ml-\[90px\] {
    @media (width >= 64rem) {
      margin-left: 90px;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline {
    @media (width >= 64rem) {
      display: inline;
    }
  }
  .lg\:aspect-auto {
    @media (width >= 64rem) {
      aspect-ratio: auto;
    }
  }
  .lg\:h-5 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .lg\:h-6 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .lg\:h-7 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .lg\:h-20 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .lg\:h-\[18px\] {
    @media (width >= 64rem) {
      height: 18px;
    }
  }
  .lg\:h-\[21px\] {
    @media (width >= 64rem) {
      height: 21px;
    }
  }
  .lg\:h-\[23px\] {
    @media (width >= 64rem) {
      height: 23px;
    }
  }
  .lg\:h-\[28px\] {
    @media (width >= 64rem) {
      height: 28px;
    }
  }
  .lg\:h-\[30px\] {
    @media (width >= 64rem) {
      height: 30px;
    }
  }
  .lg\:h-\[32px\] {
    @media (width >= 64rem) {
      height: 32px;
    }
  }
  .lg\:h-\[34px\] {
    @media (width >= 64rem) {
      height: 34px;
    }
  }
  .lg\:h-\[35px\] {
    @media (width >= 64rem) {
      height: 35px;
    }
  }
  .lg\:h-\[39px\] {
    @media (width >= 64rem) {
      height: 39px;
    }
  }
  .lg\:h-\[40px\] {
    @media (width >= 64rem) {
      height: 40px;
    }
  }
  .lg\:h-\[41\.49px\] {
    @media (width >= 64rem) {
      height: 41.49px;
    }
  }
  .lg\:h-\[42px\] {
    @media (width >= 64rem) {
      height: 42px;
    }
  }
  .lg\:h-\[44px\] {
    @media (width >= 64rem) {
      height: 44px;
    }
  }
  .lg\:h-\[45px\] {
    @media (width >= 64rem) {
      height: 45px;
    }
  }
  .lg\:h-\[46px\] {
    @media (width >= 64rem) {
      height: 46px;
    }
  }
  .lg\:h-\[51px\] {
    @media (width >= 64rem) {
      height: 51px;
    }
  }
  .lg\:h-\[54px\] {
    @media (width >= 64rem) {
      height: 54px;
    }
  }
  .lg\:h-\[60px\] {
    @media (width >= 64rem) {
      height: 60px;
    }
  }
  .lg\:h-\[65px\] {
    @media (width >= 64rem) {
      height: 65px;
    }
  }
  .lg\:h-\[79px\] {
    @media (width >= 64rem) {
      height: 79px;
    }
  }
  .lg\:h-\[80px\] {
    @media (width >= 64rem) {
      height: 80px;
    }
  }
  .lg\:h-\[81\.72px\] {
    @media (width >= 64rem) {
      height: 81.72px;
    }
  }
  .lg\:h-\[83px\] {
    @media (width >= 64rem) {
      height: 83px;
    }
  }
  .lg\:h-\[85px\] {
    @media (width >= 64rem) {
      height: 85px;
    }
  }
  .lg\:h-\[88px\] {
    @media (width >= 64rem) {
      height: 88px;
    }
  }
  .lg\:h-\[90px\] {
    @media (width >= 64rem) {
      height: 90px;
    }
  }
  .lg\:h-\[122px\] {
    @media (width >= 64rem) {
      height: 122px;
    }
  }
  .lg\:h-\[165px\] {
    @media (width >= 64rem) {
      height: 165px;
    }
  }
  .lg\:h-\[174px\] {
    @media (width >= 64rem) {
      height: 174px;
    }
  }
  .lg\:h-\[178px\] {
    @media (width >= 64rem) {
      height: 178px;
    }
  }
  .lg\:h-\[182px\] {
    @media (width >= 64rem) {
      height: 182px;
    }
  }
  .lg\:h-\[210px\] {
    @media (width >= 64rem) {
      height: 210px;
    }
  }
  .lg\:h-\[215px\] {
    @media (width >= 64rem) {
      height: 215px;
    }
  }
  .lg\:h-\[220px\] {
    @media (width >= 64rem) {
      height: 220px;
    }
  }
  .lg\:h-\[239px\] {
    @media (width >= 64rem) {
      height: 239px;
    }
  }
  .lg\:h-\[250px\] {
    @media (width >= 64rem) {
      height: 250px;
    }
  }
  .lg\:h-\[284px\] {
    @media (width >= 64rem) {
      height: 284px;
    }
  }
  .lg\:h-\[285px\] {
    @media (width >= 64rem) {
      height: 285px;
    }
  }
  .lg\:h-\[328px\] {
    @media (width >= 64rem) {
      height: 328px;
    }
  }
  .lg\:h-\[343px\] {
    @media (width >= 64rem) {
      height: 343px;
    }
  }
  .lg\:h-\[378px\] {
    @media (width >= 64rem) {
      height: 378px;
    }
  }
  .lg\:h-\[408px\] {
    @media (width >= 64rem) {
      height: 408px;
    }
  }
  .lg\:h-\[447px\] {
    @media (width >= 64rem) {
      height: 447px;
    }
  }
  .lg\:h-\[492px\] {
    @media (width >= 64rem) {
      height: 492px;
    }
  }
  .lg\:min-h-\[56px\] {
    @media (width >= 64rem) {
      min-height: 56px;
    }
  }
  .lg\:min-h-\[57px\] {
    @media (width >= 64rem) {
      min-height: 57px;
    }
  }
  .lg\:min-h-\[72px\] {
    @media (width >= 64rem) {
      min-height: 72px;
    }
  }
  .lg\:min-h-\[90px\] {
    @media (width >= 64rem) {
      min-height: 90px;
    }
  }
  .lg\:min-h-\[210px\] {
    @media (width >= 64rem) {
      min-height: 210px;
    }
  }
  .lg\:min-h-\[220px\] {
    @media (width >= 64rem) {
      min-height: 220px;
    }
  }
  .lg\:min-h-\[288px\] {
    @media (width >= 64rem) {
      min-height: 288px;
    }
  }
  .lg\:min-h-\[620px\] {
    @media (width >= 64rem) {
      min-height: 620px;
    }
  }
  .lg\:min-h-\[741px\] {
    @media (width >= 64rem) {
      min-height: 741px;
    }
  }
  .lg\:min-h-\[1186px\] {
    @media (width >= 64rem) {
      min-height: 1186px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-5 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .lg\:w-6 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .lg\:w-7 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .lg\:w-20 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .lg\:w-\[4px\] {
    @media (width >= 64rem) {
      width: 4px;
    }
  }
  .lg\:w-\[10px\] {
    @media (width >= 64rem) {
      width: 10px;
    }
  }
  .lg\:w-\[18px\] {
    @media (width >= 64rem) {
      width: 18px;
    }
  }
  .lg\:w-\[22px\] {
    @media (width >= 64rem) {
      width: 22px;
    }
  }
  .lg\:w-\[23px\] {
    @media (width >= 64rem) {
      width: 23px;
    }
  }
  .lg\:w-\[29px\] {
    @media (width >= 64rem) {
      width: 29px;
    }
  }
  .lg\:w-\[30px\] {
    @media (width >= 64rem) {
      width: 30px;
    }
  }
  .lg\:w-\[32px\] {
    @media (width >= 64rem) {
      width: 32px;
    }
  }
  .lg\:w-\[34px\] {
    @media (width >= 64rem) {
      width: 34px;
    }
  }
  .lg\:w-\[39px\] {
    @media (width >= 64rem) {
      width: 39px;
    }
  }
  .lg\:w-\[40px\] {
    @media (width >= 64rem) {
      width: 40px;
    }
  }
  .lg\:w-\[41\.49px\] {
    @media (width >= 64rem) {
      width: 41.49px;
    }
  }
  .lg\:w-\[42px\] {
    @media (width >= 64rem) {
      width: 42px;
    }
  }
  .lg\:w-\[44px\] {
    @media (width >= 64rem) {
      width: 44px;
    }
  }
  .lg\:w-\[50\%\] {
    @media (width >= 64rem) {
      width: 50%;
    }
  }
  .lg\:w-\[51px\] {
    @media (width >= 64rem) {
      width: 51px;
    }
  }
  .lg\:w-\[54px\] {
    @media (width >= 64rem) {
      width: 54px;
    }
  }
  .lg\:w-\[56px\] {
    @media (width >= 64rem) {
      width: 56px;
    }
  }
  .lg\:w-\[60px\] {
    @media (width >= 64rem) {
      width: 60px;
    }
  }
  .lg\:w-\[65px\] {
    @media (width >= 64rem) {
      width: 65px;
    }
  }
  .lg\:w-\[80\.8px\] {
    @media (width >= 64rem) {
      width: 80.8px;
    }
  }
  .lg\:w-\[80px\] {
    @media (width >= 64rem) {
      width: 80px;
    }
  }
  .lg\:w-\[88px\] {
    @media (width >= 64rem) {
      width: 88px;
    }
  }
  .lg\:w-\[122px\] {
    @media (width >= 64rem) {
      width: 122px;
    }
  }
  .lg\:w-\[130px\] {
    @media (width >= 64rem) {
      width: 130px;
    }
  }
  .lg\:w-\[131px\] {
    @media (width >= 64rem) {
      width: 131px;
    }
  }
  .lg\:w-\[154px\] {
    @media (width >= 64rem) {
      width: 154px;
    }
  }
  .lg\:w-\[174px\] {
    @media (width >= 64rem) {
      width: 174px;
    }
  }
  .lg\:w-\[220px\] {
    @media (width >= 64rem) {
      width: 220px;
    }
  }
  .lg\:w-\[344px\] {
    @media (width >= 64rem) {
      width: 344px;
    }
  }
  .lg\:w-\[374px\] {
    @media (width >= 64rem) {
      width: 374px;
    }
  }
  .lg\:w-\[400px\] {
    @media (width >= 64rem) {
      width: 400px;
    }
  }
  .lg\:w-\[405px\] {
    @media (width >= 64rem) {
      width: 405px;
    }
  }
  .lg\:w-\[586px\] {
    @media (width >= 64rem) {
      width: 586px;
    }
  }
  .lg\:w-\[595px\] {
    @media (width >= 64rem) {
      width: 595px;
    }
  }
  .lg\:w-\[620px\] {
    @media (width >= 64rem) {
      width: 620px;
    }
  }
  .lg\:w-\[621px\] {
    @media (width >= 64rem) {
      width: 621px;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:max-w-5xl {
    @media (width >= 64rem) {
      max-width: var(--container-5xl);
    }
  }
  .lg\:max-w-\[220px\] {
    @media (width >= 64rem) {
      max-width: 220px;
    }
  }
  .lg\:max-w-\[260px\] {
    @media (width >= 64rem) {
      max-width: 260px;
    }
  }
  .lg\:max-w-\[309px\] {
    @media (width >= 64rem) {
      max-width: 309px;
    }
  }
  .lg\:max-w-\[310px\] {
    @media (width >= 64rem) {
      max-width: 310px;
    }
  }
  .lg\:max-w-\[329px\] {
    @media (width >= 64rem) {
      max-width: 329px;
    }
  }
  .lg\:max-w-\[382px\] {
    @media (width >= 64rem) {
      max-width: 382px;
    }
  }
  .lg\:max-w-\[405px\] {
    @media (width >= 64rem) {
      max-width: 405px;
    }
  }
  .lg\:max-w-\[493px\] {
    @media (width >= 64rem) {
      max-width: 493px;
    }
  }
  .lg\:max-w-\[528px\] {
    @media (width >= 64rem) {
      max-width: 528px;
    }
  }
  .lg\:max-w-\[545px\] {
    @media (width >= 64rem) {
      max-width: 545px;
    }
  }
  .lg\:max-w-\[547px\] {
    @media (width >= 64rem) {
      max-width: 547px;
    }
  }
  .lg\:max-w-\[620px\] {
    @media (width >= 64rem) {
      max-width: 620px;
    }
  }
  .lg\:max-w-\[621px\] {
    @media (width >= 64rem) {
      max-width: 621px;
    }
  }
  .lg\:max-w-\[633px\] {
    @media (width >= 64rem) {
      max-width: 633px;
    }
  }
  .lg\:max-w-\[640px\] {
    @media (width >= 64rem) {
      max-width: 640px;
    }
  }
  .lg\:max-w-\[686px\] {
    @media (width >= 64rem) {
      max-width: 686px;
    }
  }
  .lg\:max-w-\[795px\] {
    @media (width >= 64rem) {
      max-width: 795px;
    }
  }
  .lg\:max-w-\[810px\] {
    @media (width >= 64rem) {
      max-width: 810px;
    }
  }
  .lg\:max-w-\[857px\] {
    @media (width >= 64rem) {
      max-width: 857px;
    }
  }
  .lg\:max-w-\[1136px\] {
    @media (width >= 64rem) {
      max-width: 1136px;
    }
  }
  .lg\:max-w-none {
    @media (width >= 64rem) {
      max-width: none;
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-shrink-0 {
    @media (width >= 64rem) {
      flex-shrink: 0;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-\[10px\] {
    @media (width >= 64rem) {
      gap: 10px;
    }
  }
  .lg\:gap-\[14px\] {
    @media (width >= 64rem) {
      gap: 14px;
    }
  }
  .lg\:gap-\[15px\] {
    @media (width >= 64rem) {
      gap: 15px;
    }
  }
  .lg\:gap-\[19px\] {
    @media (width >= 64rem) {
      gap: 19px;
    }
  }
  .lg\:gap-\[20px\] {
    @media (width >= 64rem) {
      gap: 20px;
    }
  }
  .lg\:gap-\[22px\] {
    @media (width >= 64rem) {
      gap: 22px;
    }
  }
  .lg\:gap-\[30px\] {
    @media (width >= 64rem) {
      gap: 30px;
    }
  }
  .lg\:gap-\[40px\] {
    @media (width >= 64rem) {
      gap: 40px;
    }
  }
  .lg\:gap-\[42px\] {
    @media (width >= 64rem) {
      gap: 42px;
    }
  }
  .lg\:gap-\[60px\] {
    @media (width >= 64rem) {
      gap: 60px;
    }
  }
  .lg\:gap-\[71px\] {
    @media (width >= 64rem) {
      gap: 71px;
    }
  }
  .lg\:gap-\[90px\] {
    @media (width >= 64rem) {
      gap: 90px;
    }
  }
  .lg\:gap-\[98px\] {
    @media (width >= 64rem) {
      gap: 98px;
    }
  }
  .lg\:gap-\[123px\] {
    @media (width >= 64rem) {
      gap: 123px;
    }
  }
  .lg\:gap-\[135px\] {
    @media (width >= 64rem) {
      gap: 135px;
    }
  }
  .lg\:space-y-4 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-6 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[2px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(2px * var(--tw-space-y-reverse));
        margin-block-end: calc(2px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[8px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(8px * var(--tw-space-y-reverse));
        margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[12px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(12px * var(--tw-space-y-reverse));
        margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[20px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(20px * var(--tw-space-y-reverse));
        margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[24px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(24px * var(--tw-space-y-reverse));
        margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[30px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(30px * var(--tw-space-y-reverse));
        margin-block-end: calc(30px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[35px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(35px * var(--tw-space-y-reverse));
        margin-block-end: calc(35px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[50px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(50px * var(--tw-space-y-reverse));
        margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-\[140px\] {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(140px * var(--tw-space-y-reverse));
        margin-block-end: calc(140px * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:gap-x-\[36px\] {
    @media (width >= 64rem) {
      -moz-column-gap: 36px;
           column-gap: 36px;
    }
  }
  .lg\:gap-x-\[60px\] {
    @media (width >= 64rem) {
      -moz-column-gap: 60px;
           column-gap: 60px;
    }
  }
  .lg\:gap-y-0 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-y-\[30px\] {
    @media (width >= 64rem) {
      row-gap: 30px;
    }
  }
  .lg\:gap-y-\[40px\] {
    @media (width >= 64rem) {
      row-gap: 40px;
    }
  }
  .lg\:rounded-\[10px\] {
    @media (width >= 64rem) {
      border-radius: 10px;
    }
  }
  .lg\:rounded-\[15px\] {
    @media (width >= 64rem) {
      border-radius: 15px;
    }
  }
  .lg\:rounded-\[17px\] {
    @media (width >= 64rem) {
      border-radius: 17px;
    }
  }
  .lg\:rounded-\[20px\] {
    @media (width >= 64rem) {
      border-radius: 20px;
    }
  }
  .lg\:rounded-\[21px\] {
    @media (width >= 64rem) {
      border-radius: 21px;
    }
  }
  .lg\:rounded-\[25\.5px\] {
    @media (width >= 64rem) {
      border-radius: 25.5px;
    }
  }
  .lg\:rounded-\[26px\] {
    @media (width >= 64rem) {
      border-radius: 26px;
    }
  }
  .lg\:rounded-\[28px\] {
    @media (width >= 64rem) {
      border-radius: 28px;
    }
  }
  .lg\:rounded-\[34px\] {
    @media (width >= 64rem) {
      border-radius: 34px;
    }
  }
  .lg\:rounded-\[41\.5px\] {
    @media (width >= 64rem) {
      border-radius: 41.5px;
    }
  }
  .lg\:rounded-\[42\.5px\] {
    @media (width >= 64rem) {
      border-radius: 42.5px;
    }
  }
  .lg\:rounded-t-\[19px\] {
    @media (width >= 64rem) {
      border-top-left-radius: 19px;
      border-top-right-radius: 19px;
    }
  }
  .lg\:rounded-b-\[18px\] {
    @media (width >= 64rem) {
      border-bottom-right-radius: 18px;
      border-bottom-left-radius: 18px;
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-\[16px_20px_16px_16px\] {
    @media (width >= 64rem) {
      padding: 16px 20px 16px 16px;
    }
  }
  .lg\:p-\[20px\] {
    @media (width >= 64rem) {
      padding: 20px;
    }
  }
  .lg\:p-\[20px_17px\] {
    @media (width >= 64rem) {
      padding: 20px 17px;
    }
  }
  .lg\:p-\[22px_15px\] {
    @media (width >= 64rem) {
      padding: 22px 15px;
    }
  }
  .lg\:p-\[25px\] {
    @media (width >= 64rem) {
      padding: 25px;
    }
  }
  .lg\:p-\[29px\] {
    @media (width >= 64rem) {
      padding: 29px;
    }
  }
  .lg\:p-\[30px\] {
    @media (width >= 64rem) {
      padding: 30px;
    }
  }
  .lg\:p-\[30px_40px\] {
    @media (width >= 64rem) {
      padding: 30px 40px;
    }
  }
  .lg\:p-\[32px_30px\] {
    @media (width >= 64rem) {
      padding: 32px 30px;
    }
  }
  .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-16 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .lg\:px-\[12px\] {
    @media (width >= 64rem) {
      padding-inline: 12px;
    }
  }
  .lg\:px-\[18px\] {
    @media (width >= 64rem) {
      padding-inline: 18px;
    }
  }
  .lg\:px-\[20px\] {
    @media (width >= 64rem) {
      padding-inline: 20px;
    }
  }
  .lg\:px-\[26px_12px\] {
    @media (width >= 64rem) {
      padding-inline: 26px 12px;
    }
  }
  .lg\:px-\[30px\] {
    @media (width >= 64rem) {
      padding-inline: 30px;
    }
  }
  .lg\:px-\[35px\] {
    @media (width >= 64rem) {
      padding-inline: 35px;
    }
  }
  .lg\:px-\[40px\] {
    @media (width >= 64rem) {
      padding-inline: 40px;
    }
  }
  .lg\:px-\[50px\] {
    @media (width >= 64rem) {
      padding-inline: 50px;
    }
  }
  .lg\:px-\[65px\] {
    @media (width >= 64rem) {
      padding-inline: 65px;
    }
  }
  .lg\:px-\[90px\] {
    @media (width >= 64rem) {
      padding-inline: 90px;
    }
  }
  .lg\:px-\[145px\] {
    @media (width >= 64rem) {
      padding-inline: 145px;
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-6 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-\[30px\] {
    @media (width >= 64rem) {
      padding-block: 30px;
    }
  }
  .lg\:py-\[60px\] {
    @media (width >= 64rem) {
      padding-block: 60px;
    }
  }
  .lg\:py-\[70px\] {
    @media (width >= 64rem) {
      padding-block: 70px;
    }
  }
  .lg\:py-\[80px\] {
    @media (width >= 64rem) {
      padding-block: 80px;
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-\[3px\] {
    @media (width >= 64rem) {
      padding-top: 3px;
    }
  }
  .lg\:pt-\[12px\] {
    @media (width >= 64rem) {
      padding-top: 12px;
    }
  }
  .lg\:pt-\[15px\] {
    @media (width >= 64rem) {
      padding-top: 15px;
    }
  }
  .lg\:pt-\[25px\] {
    @media (width >= 64rem) {
      padding-top: 25px;
    }
  }
  .lg\:pt-\[40px\] {
    @media (width >= 64rem) {
      padding-top: 40px;
    }
  }
  .lg\:pt-\[85px\] {
    @media (width >= 64rem) {
      padding-top: 85px;
    }
  }
  .lg\:pt-\[100px\] {
    @media (width >= 64rem) {
      padding-top: 100px;
    }
  }
  .lg\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .lg\:pr-20 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .lg\:pr-\[80px\] {
    @media (width >= 64rem) {
      padding-right: 80px;
    }
  }
  .lg\:pb-6 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:pb-\[30px\] {
    @media (width >= 64rem) {
      padding-bottom: 30px;
    }
  }
  .lg\:pb-\[32px\] {
    @media (width >= 64rem) {
      padding-bottom: 32px;
    }
  }
  .lg\:pb-\[80px\] {
    @media (width >= 64rem) {
      padding-bottom: 80px;
    }
  }
  .lg\:pl-8 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .lg\:pl-\[12px\] {
    @media (width >= 64rem) {
      padding-left: 12px;
    }
  }
  .lg\:pl-\[47px\] {
    @media (width >= 64rem) {
      padding-left: 47px;
    }
  }
  .lg\:text-center {
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-\[12px\] {
    @media (width >= 64rem) {
      font-size: 12px;
    }
  }
  .lg\:text-\[14px\] {
    @media (width >= 64rem) {
      font-size: 14px;
    }
  }
  .lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
  .lg\:text-\[16px\] {
    @media (width >= 64rem) {
      font-size: 16px;
    }
  }
  .lg\:text-\[18px\] {
    @media (width >= 64rem) {
      font-size: 18px;
    }
  }
  .lg\:text-\[19px\] {
    @media (width >= 64rem) {
      font-size: 19px;
    }
  }
  .lg\:text-\[20px\] {
    @media (width >= 64rem) {
      font-size: 20px;
    }
  }
  .lg\:text-\[22px\] {
    @media (width >= 64rem) {
      font-size: 22px;
    }
  }
  .lg\:text-\[25px\] {
    @media (width >= 64rem) {
      font-size: 25px;
    }
  }
  .lg\:text-\[26px\] {
    @media (width >= 64rem) {
      font-size: 26px;
    }
  }
  .lg\:text-\[28px\] {
    @media (width >= 64rem) {
      font-size: 28px;
    }
  }
  .lg\:text-\[30px\] {
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .lg\:text-\[32px\] {
    @media (width >= 64rem) {
      font-size: 32px;
    }
  }
  .lg\:text-\[35px\] {
    @media (width >= 64rem) {
      font-size: 35px;
    }
  }
  .lg\:text-\[36px\] {
    @media (width >= 64rem) {
      font-size: 36px;
    }
  }
  .lg\:text-\[40px\] {
    @media (width >= 64rem) {
      font-size: 40px;
    }
  }
  .lg\:text-\[48px\] {
    @media (width >= 64rem) {
      font-size: 48px;
    }
  }
  .lg\:text-\[50px\] {
    @media (width >= 64rem) {
      font-size: 50px;
    }
  }
  .lg\:text-\[52px\] {
    @media (width >= 64rem) {
      font-size: 52px;
    }
  }
  .lg\:leading-\[14px\] {
    @media (width >= 64rem) {
      --tw-leading: 14px;
      line-height: 14px;
    }
  }
  .lg\:leading-\[17px\] {
    @media (width >= 64rem) {
      --tw-leading: 17px;
      line-height: 17px;
    }
  }
  .lg\:leading-\[18px\] {
    @media (width >= 64rem) {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  .lg\:leading-\[19px\] {
    @media (width >= 64rem) {
      --tw-leading: 19px;
      line-height: 19px;
    }
  }
  .lg\:leading-\[20px\] {
    @media (width >= 64rem) {
      --tw-leading: 20px;
      line-height: 20px;
    }
  }
  .lg\:leading-\[21px\] {
    @media (width >= 64rem) {
      --tw-leading: 21px;
      line-height: 21px;
    }
  }
  .lg\:leading-\[22px\] {
    @media (width >= 64rem) {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }
  .lg\:leading-\[23px\] {
    @media (width >= 64rem) {
      --tw-leading: 23px;
      line-height: 23px;
    }
  }
  .lg\:leading-\[24px\] {
    @media (width >= 64rem) {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .lg\:leading-\[26px\] {
    @media (width >= 64rem) {
      --tw-leading: 26px;
      line-height: 26px;
    }
  }
  .lg\:leading-\[28px\] {
    @media (width >= 64rem) {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }
  .lg\:leading-\[29px\] {
    @media (width >= 64rem) {
      --tw-leading: 29px;
      line-height: 29px;
    }
  }
  .lg\:leading-\[30px\] {
    @media (width >= 64rem) {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }
  .lg\:leading-\[32px\] {
    @media (width >= 64rem) {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .lg\:leading-\[35px\] {
    @media (width >= 64rem) {
      --tw-leading: 35px;
      line-height: 35px;
    }
  }
  .lg\:leading-\[36px\] {
    @media (width >= 64rem) {
      --tw-leading: 36px;
      line-height: 36px;
    }
  }
  .lg\:leading-\[41px\] {
    @media (width >= 64rem) {
      --tw-leading: 41px;
      line-height: 41px;
    }
  }
  .lg\:leading-\[44px\] {
    @media (width >= 64rem) {
      --tw-leading: 44px;
      line-height: 44px;
    }
  }
  .lg\:leading-\[45px\] {
    @media (width >= 64rem) {
      --tw-leading: 45px;
      line-height: 45px;
    }
  }
  .lg\:leading-\[47px\] {
    @media (width >= 64rem) {
      --tw-leading: 47px;
      line-height: 47px;
    }
  }
  .lg\:leading-\[48px\] {
    @media (width >= 64rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .lg\:leading-\[52px\] {
    @media (width >= 64rem) {
      --tw-leading: 52px;
      line-height: 52px;
    }
  }
  .lg\:leading-\[58px\] {
    @media (width >= 64rem) {
      --tw-leading: 58px;
      line-height: 58px;
    }
  }
  .lg\:leading-\[65px\] {
    @media (width >= 64rem) {
      --tw-leading: 65px;
      line-height: 65px;
    }
  }
  .xl\:mr-8 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  .xl\:h-\[40px\] {
    @media (width >= 80rem) {
      height: 40px;
    }
  }
  .xl\:w-\[150px\] {
    @media (width >= 80rem) {
      width: 150px;
    }
  }
  .xl\:w-\[622px\] {
    @media (width >= 80rem) {
      width: 622px;
    }
  }
  .xl\:px-7 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .xl\:px-8 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:px-\[90px\] {
    @media (width >= 80rem) {
      padding-inline: 90px;
    }
  }
  .xl\:px-\[152px\] {
    @media (width >= 80rem) {
      padding-inline: 152px;
    }
  }
  .xl\:py-20 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .xl\:text-\[60px\] {
    @media (width >= 80rem) {
      font-size: 60px;
    }
  }
  .xl\:leading-\[60px\] {
    @media (width >= 80rem) {
      --tw-leading: 60px;
      line-height: 60px;
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}
@layer base {
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body {
    background: #fff;
  }
  .font-damion {
    font-family: "Damion", cursive;
  }
  .font-sequel {
    font-family: "Sequel Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
      Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  }
}
@layer utilities {
  .cs-container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @media (min-width: 640px) {
    .cs-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 768px) {
    .cs-container {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  @media (min-width: 1024px) {
    .cs-container {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  @media (min-width: 1280px) {
    .cs-container {
      padding-left: 5.625rem;
      padding-right: 5.625rem;
    }
  }
  .cs-container-wide {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @media (min-width: 640px) {
    .cs-container-wide {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 768px) {
    .cs-container-wide {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  @media (min-width: 1024px) {
    .cs-container-wide {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  @media (min-width: 1280px) {
    .cs-container-wide {
      padding-left: 5.625rem;
      padding-right: 5.625rem;
    }
  }
  .bg-dot {
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-size: 12px 12px;
    opacity: .06;
  }
  .cs-pill {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 16px;
  }
  @media (min-width: 768px) {
    .cs-pill {
      border-radius: 18.5px;
      padding: 8px 14px;
      font-size: 15px;
      line-height: 18px;
    }
  }
  .cs-input {
    width: 100%;
    border-radius: 10px;
    background: #F3F3F3;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 16px;
  }
  @media (min-width: 768px) {
    .cs-input {
      border-radius: 13px;
      padding: 12px 14px;
      font-size: 15px;
      line-height: 18px;
    }
  }
  .cs-social {
    inline-size: 34px;
    block-size: 34px;
    border-radius: 9999px;
    border: 1px solid #fff;
    display: grid;
    place-items: center;
    font-size: 12px;
  }
  .i-play-white::after {
    content: "►";
    color: #fff;
    font-size: 28px;
    line-height: 1;
  }
  .i-caret-gray::after {
    content: "▾";
    color: #9A9A9A;
  }
  .i-arrow-black::after {
    content: "➜";
    color: #000;
  }
  .i-arrow-white::after {
    content: "➜";
    color: #fff;
  }
  .i-attach::after {
    content: "📎";
  }
  .text-responsive-sm {
    font-size: 14px;
    line-height: 1.4;
  }
  .text-responsive-base {
    font-size: 16px;
    line-height: 1.5;
  }
  .text-responsive-lg {
    font-size: 18px;
    line-height: 1.6;
  }
  .mobile-px {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .mobile-py {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .section-mobile {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  @media (min-width: 640px) {
    .section-mobile {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
  @media (min-width: 768px) {
    .section-mobile {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
  @media (min-width: 640px) {
    .text-responsive-sm {
      font-size: 15px;
      line-height: 1.4;
    }
    .text-responsive-base {
      font-size: 17px;
      line-height: 1.5;
    }
    .text-responsive-lg {
      font-size: 20px;
      line-height: 1.6;
    }
  }
  @media (min-width: 768px) {
    .text-responsive-sm {
      font-size: 16px;
      line-height: 1.5;
    }
    .text-responsive-base {
      font-size: 18px;
      line-height: 1.6;
    }
    .text-responsive-lg {
      font-size: 22px;
      line-height: 1.6;
    }
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .touch-target {
    min-height: 44px;
    min-width: 44px;
  }
  .btn-mobile {
    min-height: 48px;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 24px;
    touch-action: manipulation;
  }
  .card-mobile {
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .navbar-links-full {
    display: flex !important;
  }
  .navbar-links-compact {
    display: none !important;
  }
  .navbar-menu-button {
    display: none !important;
  }
  .navbar-cta-button {
    display: block !important;
  }
  .navbar-brand-text {
    display: none !important;
  }
  @media screen and (max-width: 1280px) {
    .navbar-links-full {
      display: none !important;
    }
    .navbar-links-compact {
      display: flex !important;
    }
    .navbar-menu-button {
      display: none !important;
    }
    .navbar-cta-button {
      display: block !important;
    }
    .navbar-brand-text {
      display: none !important;
    }
  }
  @media screen and (max-width: 1024px) {
    .navbar-links-full {
      display: none !important;
    }
    .navbar-links-compact {
      display: none !important;
    }
    .navbar-menu-button {
      display: block !important;
    }
    .navbar-cta-button {
      display: none !important;
    }
    .navbar-brand-text {
      display: flex !important;
    }
  }
}
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
@font-face {
  font-family: 'Sequel Sans';
  src: url('/fonts/SequelSans-Regular.woff2') format('woff2');
  font-weight: 400;
}
@layer utilities {
  .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}