/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
:root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --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-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-blue-50: oklch(97% 0.014 254.604);
    --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-800: oklch(42.4% 0.199 265.638);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --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-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --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;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
*, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: 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;
  }
::placeholder {
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
textarea {
    resize: vertical;
  }
::-webkit-search-decoration {
    -webkit-appearance: none;
  }
::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
::-webkit-datetime-edit {
    display: inline-flex;
  }
::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
:-moz-ui-invalid {
    box-shadow: none;
  }
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
[hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
.pointer-events-none {
    pointer-events: none;
  }
.invisible {
    visibility: hidden;
  }
.visible {
    visibility: visible;
  }
.absolute {
    position: absolute;
  }
.fixed {
    position: fixed;
  }
.relative {
    position: relative;
  }
.sticky {
    position: sticky;
  }
.-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
.-inset-2 {
    inset: calc(var(--spacing) * -2);
  }
.-inset-3 {
    inset: calc(var(--spacing) * -3);
  }
.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-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
.-top-2 {
    top: calc(var(--spacing) * -2);
  }
.-top-20 {
    top: calc(var(--spacing) * -20);
  }
.-top-\[18px\] {
    top: calc(18px * -1);
  }
.top-0 {
    top: calc(var(--spacing) * 0);
  }
.top-1 {
    top: calc(var(--spacing) * 1);
  }
.top-1\/2 {
    top: calc(1/2 * 100%);
  }
.top-1\/4 {
    top: calc(1/4 * 100%);
  }
.top-2 {
    top: calc(var(--spacing) * 2);
  }
.top-3 {
    top: calc(var(--spacing) * 3);
  }
.top-4 {
    top: calc(var(--spacing) * 4);
  }
.top-5 {
    top: calc(var(--spacing) * 5);
  }
.top-6 {
    top: calc(var(--spacing) * 6);
  }
.top-8 {
    top: calc(var(--spacing) * 8);
  }
.top-10 {
    top: calc(var(--spacing) * 10);
  }
.top-20 {
    top: calc(var(--spacing) * 20);
  }
.top-full {
    top: 100%;
  }
.-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
.-right-4 {
    right: calc(var(--spacing) * -4);
  }
.-right-6 {
    right: calc(var(--spacing) * -6);
  }
.-right-8 {
    right: calc(var(--spacing) * -8);
  }
.-right-12 {
    right: calc(var(--spacing) * -12);
  }
.right-0 {
    right: calc(var(--spacing) * 0);
  }
.right-1 {
    right: calc(var(--spacing) * 1);
  }
.right-2 {
    right: calc(var(--spacing) * 2);
  }
.right-3 {
    right: calc(var(--spacing) * 3);
  }
.right-4 {
    right: calc(var(--spacing) * 4);
  }
.right-5 {
    right: calc(var(--spacing) * 5);
  }
.right-6 {
    right: calc(var(--spacing) * 6);
  }
.right-8 {
    right: calc(var(--spacing) * 8);
  }
.right-10 {
    right: calc(var(--spacing) * 10);
  }
.right-12 {
    right: calc(var(--spacing) * 12);
  }
.right-\[-10\%\] {
    right: -10%;
  }
.right-\[-80px\] {
    right: -80px;
  }
.-bottom-2\.5 {
    bottom: calc(var(--spacing) * -2.5);
  }
.-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
.-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
.-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
.-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
.bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
.bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
.bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
.bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
.bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
.bottom-\[-100px\] {
    bottom: -100px;
  }
.-left-2 {
    left: calc(var(--spacing) * -2);
  }
.-left-6 {
    left: calc(var(--spacing) * -6);
  }
.-left-8 {
    left: calc(var(--spacing) * -8);
  }
.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-10 {
    left: calc(var(--spacing) * 10);
  }
.left-20 {
    left: calc(var(--spacing) * 20);
  }
.left-\[-100px\] {
    left: -100px;
  }
.left-\[-200px\] {
    left: -200px;
  }
.left-\[12\.5\%\] {
    left: 12.5%;
  }
.left-\[15\%\] {
    left: 15%;
  }
.left-\[25\%\] {
    left: 25%;
  }
.left-\[245px\] {
    left: 245px;
  }
.-z-10 {
    z-index: calc(10 * -1);
  }
.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-\[999\] {
    z-index: 999;
  }
.order-1 {
    order: 1;
  }
.order-2 {
    order: 2;
  }
.order-3 {
    order: 3;
  }
.order-last {
    order: 9999;
  }
.col-span-2 {
    grid-column: span 2 / span 2;
  }
.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;
    }
  }
.mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
.mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
.mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
.mx-auto {
    margin-inline: auto;
  }
.my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
.my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
.-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
.-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
.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-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
.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-20 {
    margin-top: calc(var(--spacing) * 20);
  }
.mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }
.mt-auto {
    margin-top: auto;
  }
.mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
.mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
.mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
.mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
.mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
.mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
.mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
.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-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
.mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
.mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
.mb-\[-2px\] {
    margin-bottom: -2px;
  }
.ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
.ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
.ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
.ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
.ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
.ml-auto {
    margin-left: auto;
  }
.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
.block {
    display: block;
  }
.flex {
    display: flex;
  }
.grid {
    display: grid;
  }
.hidden {
    display: none;
  }
.inline-block {
    display: inline-block;
  }
.inline-flex {
    display: inline-flex;
  }
.aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
.aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
.aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
.aspect-square {
    aspect-ratio: 1 / 1;
  }
.aspect-video {
    aspect-ratio: var(--aspect-video);
  }
.h-0 {
    height: calc(var(--spacing) * 0);
  }
.h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
.h-1 {
    height: calc(var(--spacing) * 1);
  }
.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-4 {
    height: calc(var(--spacing) * 4);
  }
.h-5 {
    height: calc(var(--spacing) * 5);
  }
.h-6 {
    height: calc(var(--spacing) * 6);
  }
.h-7 {
    height: calc(var(--spacing) * 7);
  }
.h-8 {
    height: calc(var(--spacing) * 8);
  }
.h-9 {
    height: calc(var(--spacing) * 9);
  }
.h-10 {
    height: calc(var(--spacing) * 10);
  }
.h-11 {
    height: calc(var(--spacing) * 11);
  }
.h-12 {
    height: calc(var(--spacing) * 12);
  }
.h-14 {
    height: calc(var(--spacing) * 14);
  }
.h-15 {
    height: calc(var(--spacing) * 15);
  }
.h-16 {
    height: calc(var(--spacing) * 16);
  }
.h-20 {
    height: calc(var(--spacing) * 20);
  }
.h-28 {
    height: calc(var(--spacing) * 28);
  }
.h-32 {
    height: calc(var(--spacing) * 32);
  }
.h-40 {
    height: calc(var(--spacing) * 40);
  }
.h-48 {
    height: calc(var(--spacing) * 48);
  }
.h-60 {
    height: calc(var(--spacing) * 60);
  }
.h-64 {
    height: calc(var(--spacing) * 64);
  }
.h-80 {
    height: calc(var(--spacing) * 80);
  }
.h-\[3px\] {
    height: 3px;
  }
.h-\[45px\] {
    height: 45px;
  }
.h-\[46px\] {
    height: 46px;
  }
.h-\[90px\] {
    height: 90px;
  }
.h-\[300px\] {
    height: 300px;
  }
.h-\[400px\] {
    height: 400px;
  }
.h-\[500px\] {
    height: 500px;
  }
.h-\[600px\] {
    height: 600px;
  }
.h-auto {
    height: auto;
  }
.h-fit {
    height: fit-content;
  }
.h-full {
    height: 100%;
  }
.h-px {
    height: 1px;
  }
.max-h-\[45px\] {
    max-height: 45px;
  }
.max-h-full {
    max-height: 100%;
  }
.min-h-\[75vh\] {
    min-height: 75vh;
  }
.min-h-\[330px\] {
    min-height: 330px;
  }
.min-h-screen {
    min-height: 100vh;
  }
.w-0 {
    width: calc(var(--spacing) * 0);
  }
.w-1\/3 {
    width: calc(1/3 * 100%);
  }
.w-2 {
    width: calc(var(--spacing) * 2);
  }
.w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
.w-3 {
    width: calc(var(--spacing) * 3);
  }
.w-4 {
    width: calc(var(--spacing) * 4);
  }
.w-5 {
    width: calc(var(--spacing) * 5);
  }
.w-6 {
    width: calc(var(--spacing) * 6);
  }
.w-7 {
    width: calc(var(--spacing) * 7);
  }
.w-8 {
    width: calc(var(--spacing) * 8);
  }
.w-9 {
    width: calc(var(--spacing) * 9);
  }
.w-10 {
    width: calc(var(--spacing) * 10);
  }
.w-11 {
    width: calc(var(--spacing) * 11);
  }
.w-12 {
    width: calc(var(--spacing) * 12);
  }
.w-14 {
    width: calc(var(--spacing) * 14);
  }
.w-15 {
    width: calc(var(--spacing) * 15);
  }
.w-16 {
    width: calc(var(--spacing) * 16);
  }
.w-20 {
    width: calc(var(--spacing) * 20);
  }
.w-24 {
    width: calc(var(--spacing) * 24);
  }
.w-28 {
    width: calc(var(--spacing) * 28);
  }
.w-32 {
    width: calc(var(--spacing) * 32);
  }
.w-40 {
    width: calc(var(--spacing) * 40);
  }
.w-44 {
    width: calc(var(--spacing) * 44);
  }
.w-64 {
    width: calc(var(--spacing) * 64);
  }
.w-80 {
    width: calc(var(--spacing) * 80);
  }
.w-\[1px\] {
    width: 1px;
  }
.w-\[2px\] {
    width: 2px;
  }
.w-\[3px\] {
    width: 3px;
  }
.w-\[55\%\] {
    width: 55%;
  }
.w-\[75\%\] {
    width: 75%;
  }
.w-\[85\%\] {
    width: 85%;
  }
.w-\[280px\] {
    width: 280px;
  }
.w-\[300\%\] {
    width: 300%;
  }
.w-\[300px\] {
    width: 300px;
  }
.w-\[320px\] {
    width: 320px;
  }
.w-\[400px\] {
    width: 400px;
  }
.w-\[500px\] {
    width: 500px;
  }
.w-\[600px\] {
    width: 600px;
  }
.w-\[700px\] {
    width: 700px;
  }
.w-\[850px\] {
    width: 850px;
  }
.w-auto {
    width: auto;
  }
.w-full {
    width: 100%;
  }
.w-max {
    width: max-content;
  }
.w-px {
    width: 1px;
  }
.max-w-2xl {
    max-width: var(--container-2xl);
  }
.max-w-3xl {
    max-width: var(--container-3xl);
  }
.max-w-4xl {
    max-width: var(--container-4xl);
  }
.max-w-5xl {
    max-width: var(--container-5xl);
  }
.max-w-6xl {
    max-width: var(--container-6xl);
  }
.max-w-7xl {
    max-width: var(--container-7xl);
  }
.max-w-\[140px\] {
    max-width: 140px;
  }
.max-w-\[200px\] {
    max-width: 200px;
  }
.max-w-\[480px\] {
    max-width: 480px;
  }
.max-w-\[1400px\] {
    max-width: 1400px;
  }
.max-w-full {
    max-width: 100%;
  }
.max-w-lg {
    max-width: var(--container-lg);
  }
.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-10 {
    min-width: calc(var(--spacing) * 10);
  }
.flex-1 {
    flex: 1;
  }
.flex-shrink-0 {
    flex-shrink: 0;
  }
.shrink-0 {
    flex-shrink: 0;
  }
.flex-grow {
    flex-grow: 1;
  }
.border-collapse {
    border-collapse: collapse;
  }
.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-x-1\/4 {
    --tw-translate-x: calc(calc(1/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-x-\[15\%\] {
    --tw-translate-x: calc(15% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-x-\[25\%\] {
    --tw-translate-x: calc(25% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-x-\[60\%\] {
    --tw-translate-x: calc(60% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-1\/4 {
    --tw-translate-x: calc(1/4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-y-1\/2 {
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
.-rotate-12 {
    rotate: calc(12deg * -1);
  }
.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-\[moveV_1\.5s_linear_infinite\] {
    animation: moveV 1.5s linear infinite;
  }
.animate-\[pulse_2s_ease-in-out_infinite\] {
    animation: pulse 2s ease-in-out infinite;
  }
.animate-\[scan_2\.5s_linear_infinite\] {
    animation: scan 2.5s linear infinite;
  }
.animate-bounce {
    animation: var(--animate-bounce);
  }
.animate-ping {
    animation: var(--animate-ping);
  }
.animate-pulse {
    animation: var(--animate-pulse);
  }
.animate-spin {
    animation: var(--animate-spin);
  }
.cursor-default {
    cursor: default;
  }
.cursor-ew-resize {
    cursor: ew-resize;
  }
.cursor-pointer {
    cursor: pointer;
  }
.resize-none {
    resize: none;
  }
.list-decimal {
    list-style-type: decimal;
  }
.list-disc {
    list-style-type: disc;
  }
.list-none {
    list-style-type: none;
  }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.flex-col {
    flex-direction: column;
  }
.flex-nowrap {
    flex-wrap: nowrap;
  }
.flex-wrap {
    flex-wrap: wrap;
  }
.items-baseline {
    align-items: baseline;
  }
.items-center {
    align-items: center;
  }
.items-start {
    align-items: flex-start;
  }
.justify-between {
    justify-content: space-between;
  }
.justify-center {
    justify-content: center;
  }
.justify-end {
    justify-content: flex-end;
  }
.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-5 {
    gap: calc(var(--spacing) * 5);
  }
.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-14 {
    gap: calc(var(--spacing) * 14);
  }
.gap-16 {
    gap: calc(var(--spacing) * 16);
  }
.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-3\.5 {
    :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)));
    }
  }
.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-10 {
    :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)));
    }
  }
.gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
.space-x-0 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
.space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * 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)));
    }
  }
.gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
.divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
.divide-gray-50 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-50);
    }
  }
.self-start {
    align-self: flex-start;
  }
.overflow-hidden {
    overflow: hidden;
  }
.overflow-visible {
    overflow: visible;
  }
.overflow-x-auto {
    overflow-x: auto;
  }
.overflow-x-hidden {
    overflow-x: hidden;
  }
.overflow-y-auto {
    overflow-y: auto;
  }
.rounded {
    border-radius: 0.25rem;
  }
.rounded-2xl {
    border-radius: var(--radius-2xl);
  }
.rounded-3xl {
    border-radius: var(--radius-3xl);
  }
.rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }
.rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
.rounded-\[2rem\] {
    border-radius: 2rem;
  }
.rounded-\[14px\] {
    border-radius: 14px;
  }
.rounded-\[24px\] {
    border-radius: 24px;
  }
.rounded-full {
    border-radius: calc(infinity * 1px);
  }
.rounded-lg {
    border-radius: var(--radius-lg);
  }
.rounded-md {
    border-radius: var(--radius-md);
  }
.rounded-sm {
    border-radius: var(--radius-sm);
  }
.rounded-xl {
    border-radius: var(--radius-xl);
  }
.rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
.rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
.rounded-bl-full {
    border-bottom-left-radius: calc(infinity * 1px);
  }
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
.border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
.border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
.border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }
.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
.border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
.border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
.border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
.border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
.border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
.border-\[\#0d1117\] {
    border-color: #0d1117;
  }
.border-\[\#0ea5e9\] {
    border-color: #0ea5e9;
  }
.border-\[\#0ea5e9\]\/20 {
    border-color: color-mix(in oklab, #0ea5e9 20%, transparent);
  }
.border-\[\#0ea5e9\]\/30 {
    border-color: color-mix(in oklab, #0ea5e9 30%, transparent);
  }
.border-\[\#0ea5e9\]\/40 {
    border-color: color-mix(in oklab, #0ea5e9 40%, transparent);
  }
.border-\[\#0ea5e9\]\/80 {
    border-color: color-mix(in oklab, #0ea5e9 80%, transparent);
  }
.border-\[\#1e40af\] {
    border-color: #1e40af;
  }
.border-\[\#1e40af\]\/20 {
    border-color: color-mix(in oklab, #1e40af 20%, transparent);
  }
.border-\[\#1e40af\]\/30 {
    border-color: color-mix(in oklab, #1e40af 30%, transparent);
  }
.border-\[\#1e40af\]\/40 {
    border-color: color-mix(in oklab, #1e40af 40%, transparent);
  }
.border-\[\#1e40af\]\/80 {
    border-color: color-mix(in oklab, #1e40af 80%, transparent);
  }
.border-\[\#4d7c0f\] {
    border-color: #4d7c0f;
  }
.border-\[\#4d7c0f\]\/20 {
    border-color: color-mix(in oklab, #4d7c0f 20%, transparent);
  }
.border-\[\#4d7c0f\]\/30 {
    border-color: color-mix(in oklab, #4d7c0f 30%, transparent);
  }
.border-\[\#4d7c0f\]\/40 {
    border-color: color-mix(in oklab, #4d7c0f 40%, transparent);
  }
.border-\[\#4d7c0f\]\/80 {
    border-color: color-mix(in oklab, #4d7c0f 80%, transparent);
  }
.border-\[\#50af47\] {
    border-color: #50af47;
  }
.border-\[\#50af47\]\/20 {
    border-color: color-mix(in oklab, #50af47 20%, transparent);
  }
.border-\[\#50af47\]\/30 {
    border-color: color-mix(in oklab, #50af47 30%, transparent);
  }
.border-\[\#50af47\]\/40 {
    border-color: color-mix(in oklab, #50af47 40%, transparent);
  }
.border-\[\#50af47\]\/80 {
    border-color: color-mix(in oklab, #50af47 80%, transparent);
  }
.border-\[\#161b22\] {
    border-color: #161b22;
  }
.border-\[\#243c5a\] {
    border-color: #243c5a;
  }
.border-\[\#2481c4\] {
    border-color: #2481c4;
  }
.border-\[\#2481c4\]\/10 {
    border-color: color-mix(in oklab, #2481c4 10%, transparent);
  }
.border-\[\#2481c4\]\/20 {
    border-color: color-mix(in oklab, #2481c4 20%, transparent);
  }
.border-\[\#2481c4\]\/30 {
    border-color: color-mix(in oklab, #2481c4 30%, transparent);
  }
.border-\[\#2481c4\]\/40 {
    border-color: color-mix(in oklab, #2481c4 40%, transparent);
  }
.border-\[\#9333ea\] {
    border-color: #9333ea;
  }
.border-\[\#9333ea\]\/20 {
    border-color: color-mix(in oklab, #9333ea 20%, transparent);
  }
.border-\[\#9333ea\]\/30 {
    border-color: color-mix(in oklab, #9333ea 30%, transparent);
  }
.border-\[\#9333ea\]\/40 {
    border-color: color-mix(in oklab, #9333ea 40%, transparent);
  }
.border-\[\#9333ea\]\/80 {
    border-color: color-mix(in oklab, #9333ea 80%, transparent);
  }
.border-\[\#ca8a04\] {
    border-color: #ca8a04;
  }
.border-\[\#ca8a04\]\/20 {
    border-color: color-mix(in oklab, #ca8a04 20%, transparent);
  }
.border-\[\#ca8a04\]\/30 {
    border-color: color-mix(in oklab, #ca8a04 30%, transparent);
  }
.border-\[\#ca8a04\]\/40 {
    border-color: color-mix(in oklab, #ca8a04 40%, transparent);
  }
.border-\[\#ca8a04\]\/80 {
    border-color: color-mix(in oklab, #ca8a04 80%, transparent);
  }
.border-\[\#ce422b\] {
    border-color: #ce422b;
  }
.border-\[\#ce422b\]\/20 {
    border-color: color-mix(in oklab, #ce422b 20%, transparent);
  }
.border-\[\#ce422b\]\/30 {
    border-color: color-mix(in oklab, #ce422b 30%, transparent);
  }
.border-\[\#ce422b\]\/40 {
    border-color: color-mix(in oklab, #ce422b 40%, transparent);
  }
.border-\[\#ce422b\]\/80 {
    border-color: color-mix(in oklab, #ce422b 80%, transparent);
  }
.border-\[\#e11d48\] {
    border-color: #e11d48;
  }
.border-\[\#e11d48\]\/20 {
    border-color: color-mix(in oklab, #e11d48 20%, transparent);
  }
.border-\[\#e11d48\]\/30 {
    border-color: color-mix(in oklab, #e11d48 30%, transparent);
  }
.border-\[\#e11d48\]\/40 {
    border-color: color-mix(in oklab, #e11d48 40%, transparent);
  }
.border-\[\#e11d48\]\/80 {
    border-color: color-mix(in oklab, #e11d48 80%, transparent);
  }
.border-\[\#ea580c\] {
    border-color: #ea580c;
  }
.border-\[\#ea580c\]\/20 {
    border-color: color-mix(in oklab, #ea580c 20%, transparent);
  }
.border-\[\#ea580c\]\/30 {
    border-color: color-mix(in oklab, #ea580c 30%, transparent);
  }
.border-\[\#ea580c\]\/40 {
    border-color: color-mix(in oklab, #ea580c 40%, transparent);
  }
.border-\[\#ea580c\]\/80 {
    border-color: color-mix(in oklab, #ea580c 80%, transparent);
  }
.border-amber-400 {
    border-color: var(--color-amber-400);
  }
.border-blue-50 {
    border-color: var(--color-blue-50);
  }
.border-blue-100 {
    border-color: var(--color-blue-100);
  }
.border-blue-100\/50 {
    border-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent);
    }
  }
.border-blue-200 {
    border-color: var(--color-blue-200);
  }
.border-blue-500 {
    border-color: var(--color-blue-500);
  }
.border-blue-500\/20 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
.border-blue-600 {
    border-color: var(--color-blue-600);
  }
.border-cyan-500 {
    border-color: var(--color-cyan-500);
  }
.border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
.border-emerald-500\/40 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }
.border-gray-50 {
    border-color: var(--color-gray-50);
  }
.border-gray-100 {
    border-color: var(--color-gray-100);
  }
.border-gray-100\/50 {
    border-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
    }
  }
.border-gray-200 {
    border-color: var(--color-gray-200);
  }
.border-gray-300 {
    border-color: var(--color-gray-300);
  }
.border-gray-700 {
    border-color: var(--color-gray-700);
  }
.border-gray-700\/50 {
    border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }
  }
.border-gray-800 {
    border-color: var(--color-gray-800);
  }
.border-green-100 {
    border-color: var(--color-green-100);
  }
.border-green-200 {
    border-color: var(--color-green-200);
  }
.border-green-500 {
    border-color: var(--color-green-500);
  }
.border-green-500\/20 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }
.border-green-500\/30 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }
.border-green-600 {
    border-color: var(--color-green-600);
  }
.border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
.border-orange-200 {
    border-color: var(--color-orange-200);
  }
.border-orange-500 {
    border-color: var(--color-orange-500);
  }
.border-purple-200 {
    border-color: var(--color-purple-200);
  }
.border-purple-500 {
    border-color: var(--color-purple-500);
  }
.border-red-100 {
    border-color: var(--color-red-100);
  }
.border-red-200 {
    border-color: var(--color-red-200);
  }
.border-red-500 {
    border-color: var(--color-red-500);
  }
.border-red-500\/20 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
.border-red-500\/30 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
.border-slate-200 {
    border-color: var(--color-slate-200);
  }
.border-teal-200 {
    border-color: var(--color-teal-200);
  }
.border-transparent {
    border-color: transparent;
  }
.border-white {
    border-color: var(--color-white);
  }
.border-white\/5 {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
.border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
.border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
.border-t-\[\#2481c4\] {
    border-top-color: #2481c4;
  }
.bg-\[\#0b1121\] {
    background-color: #0b1121;
  }
.bg-\[\#0d1117\] {
    background-color: #0d1117;
  }
.bg-\[\#0ea5e9\] {
    background-color: #0ea5e9;
  }
.bg-\[\#0ea5e9\]\/10 {
    background-color: color-mix(in oklab, #0ea5e9 10%, transparent);
  }
.bg-\[\#0ea5e9\]\/15 {
    background-color: color-mix(in oklab, #0ea5e9 15%, transparent);
  }
.bg-\[\#1e40af\] {
    background-color: #1e40af;
  }
.bg-\[\#1e40af\]\/10 {
    background-color: color-mix(in oklab, #1e40af 10%, transparent);
  }
.bg-\[\#1e40af\]\/15 {
    background-color: color-mix(in oklab, #1e40af 15%, transparent);
  }
.bg-\[\#4d7c0f\] {
    background-color: #4d7c0f;
  }
.bg-\[\#4d7c0f\]\/10 {
    background-color: color-mix(in oklab, #4d7c0f 10%, transparent);
  }
.bg-\[\#4d7c0f\]\/15 {
    background-color: color-mix(in oklab, #4d7c0f 15%, transparent);
  }
.bg-\[\#25D366\] {
    background-color: #25D366;
  }
.bg-\[\#25d366\] {
    background-color: #25d366;
  }
.bg-\[\#25d366\]\/10 {
    background-color: color-mix(in oklab, #25d366 10%, transparent);
  }
.bg-\[\#50af47\] {
    background-color: #50af47;
  }
.bg-\[\#50af47\]\/10 {
    background-color: color-mix(in oklab, #50af47 10%, transparent);
  }
.bg-\[\#50af47\]\/15 {
    background-color: color-mix(in oklab, #50af47 15%, transparent);
  }
.bg-\[\#0077b5\]\/10 {
    background-color: color-mix(in oklab, #0077b5 10%, transparent);
  }
.bg-\[\#080d1a\] {
    background-color: #080d1a;
  }
.bg-\[\#161b22\] {
    background-color: #161b22;
  }
.bg-\[\#161b22\]\/50 {
    background-color: color-mix(in oklab, #161b22 50%, transparent);
  }
.bg-\[\#1877f2\]\/10 {
    background-color: color-mix(in oklab, #1877f2 10%, transparent);
  }
.bg-\[\#2481c4\] {
    background-color: #2481c4;
  }
.bg-\[\#2481c4\]\/5 {
    background-color: color-mix(in oklab, #2481c4 5%, transparent);
  }
.bg-\[\#2481c4\]\/10 {
    background-color: color-mix(in oklab, #2481c4 10%, transparent);
  }
.bg-\[\#2481c4\]\/20 {
    background-color: color-mix(in oklab, #2481c4 20%, transparent);
  }
.bg-\[\#9333ea\] {
    background-color: #9333ea;
  }
.bg-\[\#9333ea\]\/5 {
    background-color: color-mix(in oklab, #9333ea 5%, transparent);
  }
.bg-\[\#9333ea\]\/10 {
    background-color: color-mix(in oklab, #9333ea 10%, transparent);
  }
.bg-\[\#9333ea\]\/15 {
    background-color: color-mix(in oklab, #9333ea 15%, transparent);
  }
.bg-\[\#111827\] {
    background-color: #111827;
  }
.bg-\[\#ca8a04\] {
    background-color: #ca8a04;
  }
.bg-\[\#ca8a04\]\/10 {
    background-color: color-mix(in oklab, #ca8a04 10%, transparent);
  }
.bg-\[\#ca8a04\]\/15 {
    background-color: color-mix(in oklab, #ca8a04 15%, transparent);
  }
.bg-\[\#ce422b\] {
    background-color: #ce422b;
  }
.bg-\[\#ce422b\]\/5 {
    background-color: color-mix(in oklab, #ce422b 5%, transparent);
  }
.bg-\[\#ce422b\]\/10 {
    background-color: color-mix(in oklab, #ce422b 10%, transparent);
  }
.bg-\[\#ce422b\]\/15 {
    background-color: color-mix(in oklab, #ce422b 15%, transparent);
  }
.bg-\[\#ce422b\]\/20 {
    background-color: color-mix(in oklab, #ce422b 20%, transparent);
  }
.bg-\[\#e11d48\] {
    background-color: #e11d48;
  }
.bg-\[\#e11d48\]\/5 {
    background-color: color-mix(in oklab, #e11d48 5%, transparent);
  }
.bg-\[\#e11d48\]\/10 {
    background-color: color-mix(in oklab, #e11d48 10%, transparent);
  }
.bg-\[\#e11d48\]\/15 {
    background-color: color-mix(in oklab, #e11d48 15%, transparent);
  }
.bg-\[\#ea580c\] {
    background-color: #ea580c;
  }
.bg-\[\#ea580c\]\/10 {
    background-color: color-mix(in oklab, #ea580c 10%, transparent);
  }
.bg-\[\#ea580c\]\/15 {
    background-color: color-mix(in oklab, #ea580c 15%, transparent);
  }
.bg-\[\#f2f7fc\] {
    background-color: #f2f7fc;
  }
.bg-\[\#f8fafc\] {
    background-color: #f8fafc;
  }
.bg-\[\#f8fafc\]\/50 {
    background-color: color-mix(in oklab, #f8fafc 50%, transparent);
  }
.bg-amber-50 {
    background-color: var(--color-amber-50);
  }
.bg-black\/5 {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
.bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
.bg-black\/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-blue-50 {
    background-color: var(--color-blue-50);
  }
.bg-blue-100 {
    background-color: var(--color-blue-100);
  }
.bg-blue-100\/30 {
    background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-100) 30%, transparent);
    }
  }
.bg-blue-200\/10 {
    background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-200) 10%, transparent);
    }
  }
.bg-blue-200\/20 {
    background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-200) 20%, transparent);
    }
  }
.bg-blue-500 {
    background-color: var(--color-blue-500);
  }
.bg-blue-500\/5 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }
.bg-blue-500\/10 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
.bg-blue-500\/20 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
.bg-blue-600 {
    background-color: var(--color-blue-600);
  }
.bg-blue-600\/5 {
    background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-600) 5%, transparent);
    }
  }
.bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
.bg-cyan-100\/30 {
    background-color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-100) 30%, transparent);
    }
  }
.bg-cyan-200\/10 {
    background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-200) 10%, transparent);
    }
  }
.bg-cyan-200\/20 {
    background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-200) 20%, transparent);
    }
  }
.bg-cyan-400\/10 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }
.bg-cyan-500\/10 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
.bg-cyan-600\/5 {
    background-color: color-mix(in srgb, oklch(60.9% 0.126 221.723) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-600) 5%, transparent);
    }
  }
.bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
.bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
.bg-emerald-500\/20 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
.bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
.bg-gray-50 {
    background-color: var(--color-gray-50);
  }
.bg-gray-50\/50 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
    }
  }
.bg-gray-100 {
    background-color: var(--color-gray-100);
  }
.bg-gray-200 {
    background-color: var(--color-gray-200);
  }
.bg-gray-200\/50 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
    }
  }
.bg-gray-800 {
    background-color: var(--color-gray-800);
  }
.bg-gray-800\/30 {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
    }
  }
.bg-gray-800\/50 {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }
.bg-gray-900 {
    background-color: var(--color-gray-900);
  }
.bg-green-50 {
    background-color: var(--color-green-50);
  }
.bg-green-100 {
    background-color: var(--color-green-100);
  }
.bg-green-400 {
    background-color: var(--color-green-400);
  }
.bg-green-500 {
    background-color: var(--color-green-500);
  }
.bg-green-500\/10 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }
.bg-green-600 {
    background-color: var(--color-green-600);
  }
.bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
.bg-orange-50 {
    background-color: var(--color-orange-50);
  }
.bg-orange-100 {
    background-color: var(--color-orange-100);
  }
.bg-orange-500 {
    background-color: var(--color-orange-500);
  }
.bg-orange-500\/20 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
.bg-purple-50 {
    background-color: var(--color-purple-50);
  }
.bg-purple-100 {
    background-color: var(--color-purple-100);
  }
.bg-red-50 {
    background-color: var(--color-red-50);
  }
.bg-red-500 {
    background-color: var(--color-red-500);
  }
.bg-slate-50 {
    background-color: var(--color-slate-50);
  }
.bg-transparent {
    background-color: transparent;
  }
.bg-white {
    background-color: var(--color-white);
  }
.bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
.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\/40 {
    background-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, 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\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
.bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
.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));
  }
.bg-\[linear-gradient\(to_bottom\,rgba\(34\,197\,94\,0\.2\)_50\%\,transparent_50\%\)\] {
    background-image: linear-gradient(to bottom,rgba(34,197,94,0.2) 50%,transparent 50%);
  }
.bg-\[linear-gradient\(to_bottom\,rgba\(239\,68\,68\,0\.2\)_50\%\,transparent_50\%\)\] {
    background-image: linear-gradient(to bottom,rgba(239,68,68,0.2) 50%,transparent 50%);
  }
.from-\[\#0b1121\]\/50 {
    --tw-gradient-from: color-mix(in oklab, #0b1121 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-\[\#0d1117\] {
    --tw-gradient-from: #0d1117;
    --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-\[\#0ea5e9\] {
    --tw-gradient-from: #0ea5e9;
    --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-\[\#0f172a\]\/40 {
    --tw-gradient-from: color-mix(in oklab, #0f172a 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));
  }
.from-\[\#1e40af\] {
    --tw-gradient-from: #1e40af;
    --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-\[\#4d7c0f\] {
    --tw-gradient-from: #4d7c0f;
    --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-\[\#50af47\] {
    --tw-gradient-from: #50af47;
    --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-\[\#2481c4\] {
    --tw-gradient-from: #2481c4;
    --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-\[\#2481c4\]\/5 {
    --tw-gradient-from: color-mix(in oklab, #2481c4 5%, 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-\[\#2481c4\]\/10 {
    --tw-gradient-from: color-mix(in oklab, #2481c4 10%, 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-\[\#9333ea\] {
    --tw-gradient-from: #9333ea;
    --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-\[\#020617\] {
    --tw-gradient-from: #020617;
    --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-\[\#ca8a04\] {
    --tw-gradient-from: #ca8a04;
    --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-\[\#ce422b\] {
    --tw-gradient-from: #ce422b;
    --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-\[\#e8f1fb\] {
    --tw-gradient-from: #e8f1fb;
    --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-\[\#e8f1fb\]\/50 {
    --tw-gradient-from: color-mix(in oklab, #e8f1fb 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-\[\#e11d48\] {
    --tw-gradient-from: #e11d48;
    --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-\[\#ea580c\] {
    --tw-gradient-from: #ea580c;
    --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-\[\#edf5fb\] {
    --tw-gradient-from: #edf5fb;
    --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-\[\#f8fafc\] {
    --tw-gradient-from: #f8fafc;
    --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\/30 {
    --tw-gradient-from: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: 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));
  }
.from-black\/90 {
    --tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, 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-600 {
    --tw-gradient-from: var(--color-blue-600);
    --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-emerald-400 {
    --tw-gradient-from: var(--color-emerald-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-green-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 10%, 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-orange-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 10%, 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-purple-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 10%, 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-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
.from-white\/50 {
    --tw-gradient-from: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 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));
  }
.via-\[\#0b1121\]\/80 {
    --tw-gradient-via: color-mix(in oklab, #0b1121 80%, 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);
  }
.via-\[\#0d1117\]\/80 {
    --tw-gradient-via: color-mix(in oklab, #0d1117 80%, 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);
  }
.via-\[\#020617\]\/80 {
    --tw-gradient-via: color-mix(in oklab, #020617 80%, 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);
  }
.via-black\/30 {
    --tw-gradient-via: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, 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);
  }
.via-transparent {
    --tw-gradient-via: 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);
  }
.via-white {
    --tw-gradient-via: var(--color-white);
    --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-\[\#0b1121\] {
    --tw-gradient-to: #0b1121;
    --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-\[\#0d1117\] {
    --tw-gradient-to: #0d1117;
    --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-\[\#1a5b9c\] {
    --tw-gradient-to: #1a5b9c;
    --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-\[\#1e3a8a\] {
    --tw-gradient-to: #1e3a8a;
    --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-\[\#3d8436\] {
    --tw-gradient-to: #3d8436;
    --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-\[\#3f6212\] {
    --tw-gradient-to: #3f6212;
    --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-\[\#7e22ce\] {
    --tw-gradient-to: #7e22ce;
    --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-\[\#0284c7\] {
    --tw-gradient-to: #0284c7;
    --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-\[\#2481c4\]\/5 {
    --tw-gradient-to: color-mix(in oklab, #2481c4 5%, 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-\[\#a82e1a\] {
    --tw-gradient-to: #a82e1a;
    --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-\[\#a16207\] {
    --tw-gradient-to: #a16207;
    --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-\[\#be123c\] {
    --tw-gradient-to: #be123c;
    --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-\[\#c2410c\] {
    --tw-gradient-to: #c2410c;
    --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-\[\#f0f6fc\] {
    --tw-gradient-to: #f0f6fc;
    --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-\[\#f0f6fc\]\/80 {
    --tw-gradient-to: color-mix(in oklab, #f0f6fc 80%, 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-\[\#f2f7fc\] {
    --tw-gradient-to: #f2f7fc;
    --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-\[\#f8fafc\] {
    --tw-gradient-to: #f8fafc;
    --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-blue-700 {
    --tw-gradient-to: var(--color-blue-700);
    --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-blue-800 {
    --tw-gradient-to: var(--color-blue-800);
    --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-cyan-400 {
    --tw-gradient-to: var(--color-cyan-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-cyan-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(78.9% 0.154 211.53) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-400) 5%, 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-cyan-500 {
    --tw-gradient-to: var(--color-cyan-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-gray-50 {
    --tw-gradient-to: var(--color-gray-50);
    --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-green-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-500) 5%, 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-orange-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 5%, 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-purple-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 5%, 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-teal-300 {
    --tw-gradient-to: var(--color-teal-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));
  }
.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-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
.bg-\[length\:2px_6px\] {
    background-size: 2px 6px;
  }
.bg-clip-text {
    background-clip: text;
  }
.object-contain {
    object-fit: contain;
  }
.object-cover {
    object-fit: cover;
  }
.object-center {
    object-position: center;
  }
.object-top {
    object-position: top;
  }
.p-0 {
    padding: calc(var(--spacing) * 0);
  }
.p-1 {
    padding: calc(var(--spacing) * 1);
  }
.p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
.p-2 {
    padding: calc(var(--spacing) * 2);
  }
.p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
.p-3 {
    padding: calc(var(--spacing) * 3);
  }
.p-4 {
    padding: calc(var(--spacing) * 4);
  }
.p-5 {
    padding: calc(var(--spacing) * 5);
  }
.p-6 {
    padding: calc(var(--spacing) * 6);
  }
.p-7 {
    padding: calc(var(--spacing) * 7);
  }
.p-8 {
    padding: calc(var(--spacing) * 8);
  }
.p-10 {
    padding: calc(var(--spacing) * 10);
  }
.p-12 {
    padding: calc(var(--spacing) * 12);
  }
.px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
.px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
.px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
.px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
.px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
.px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
.px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
.px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
.py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
.py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
.py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
.py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
.py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
.py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
.py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
.py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }
.py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
.py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
.py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
.py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
.py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
.py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
.py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
.py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
.py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
.pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
.pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
.pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
.pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
.pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
.pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
.pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
.pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
.pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
.pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
.pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
.pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
.pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
.pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
.pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
.pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
.pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
.pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
.pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
.pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
.pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
.pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
.pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
.pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
.pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
.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-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
.pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
.pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
.pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
.pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
.pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
.pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
.pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
.pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
.pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
.text-center {
    text-align: center;
  }
.text-left {
    text-align: left;
  }
.font-mono {
    font-family: var(--font-mono);
  }
.font-sans {
    font-family: var(--font-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-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
.text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
.text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
.text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--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-\[8px\] {
    font-size: 8px;
  }
.text-\[9\.5px\] {
    font-size: 9.5px;
  }
.text-\[9px\] {
    font-size: 9px;
  }
.text-\[10px\] {
    font-size: 10px;
  }
.text-\[11\.5px\] {
    font-size: 11.5px;
  }
.text-\[11px\] {
    font-size: 11px;
  }
.text-\[12\.5px\] {
    font-size: 12.5px;
  }
.text-\[12px\] {
    font-size: 12px;
  }
.text-\[13\.5px\] {
    font-size: 13.5px;
  }
.text-\[13px\] {
    font-size: 13px;
  }
.text-\[14\.5px\] {
    font-size: 14.5px;
  }
.text-\[14px\] {
    font-size: 14px;
  }
.text-\[15\.5px\] {
    font-size: 15.5px;
  }
.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-\[26px\] {
    font-size: 26px;
  }
.text-\[36px\] {
    font-size: 36px;
  }
.text-\[40vw\] {
    font-size: 40vw;
  }
.text-\[60px\] {
    font-size: 60px;
  }
.leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
.leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
.leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
.leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
.leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
.leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
.leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
.font-\[900\] {
    --tw-font-weight: 900;
    font-weight: 900;
  }
.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
.font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
.font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
.tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
.tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
.tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
.tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
.tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
.break-words {
    overflow-wrap: break-word;
  }
.break-all {
    word-break: break-all;
  }
.whitespace-nowrap {
    white-space: nowrap;
  }
.whitespace-pre-wrap {
    white-space: pre-wrap;
  }
.text-\[\#0ea5e9\] {
    color: #0ea5e9;
  }
.text-\[\#0f172a\] {
    color: #0f172a;
  }
.text-\[\#1a5b9c\] {
    color: #1a5b9c;
  }
.text-\[\#1e40af\] {
    color: #1e40af;
  }
.text-\[\#1e293b\] {
    color: #1e293b;
  }
.text-\[\#4d7c0f\] {
    color: #4d7c0f;
  }
.text-\[\#25d366\] {
    color: #25d366;
  }
.text-\[\#50af47\] {
    color: #50af47;
  }
.text-\[\#50af47\]\/70 {
    color: color-mix(in oklab, #50af47 70%, transparent);
  }
.text-\[\#0077b5\] {
    color: #0077b5;
  }
.text-\[\#1877f2\] {
    color: #1877f2;
  }
.text-\[\#2481c4\] {
    color: #2481c4;
  }
.text-\[\#2481c4\]\/70 {
    color: color-mix(in oklab, #2481c4 70%, transparent);
  }
.text-\[\#9333ea\] {
    color: #9333ea;
  }
.text-\[\#111827\] {
    color: #111827;
  }
.text-\[\#ca8a04\] {
    color: #ca8a04;
  }
.text-\[\#ce422b\] {
    color: #ce422b;
  }
.text-\[\#e11d48\] {
    color: #e11d48;
  }
.text-\[\#e47911\] {
    color: #e47911;
  }
.text-\[\#ea580c\] {
    color: #ea580c;
  }
.text-amber-700 {
    color: var(--color-amber-700);
  }
.text-amber-800 {
    color: var(--color-amber-800);
  }
.text-blue-100\/90 {
    color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-100) 90%, transparent);
    }
  }
.text-blue-200 {
    color: var(--color-blue-200);
  }
.text-blue-400 {
    color: var(--color-blue-400);
  }
.text-blue-500 {
    color: var(--color-blue-500);
  }
.text-blue-600 {
    color: var(--color-blue-600);
  }
.text-cyan-400 {
    color: var(--color-cyan-400);
  }
.text-cyan-500 {
    color: var(--color-cyan-500);
  }
.text-cyan-600 {
    color: var(--color-cyan-600);
  }
.text-emerald-400 {
    color: var(--color-emerald-400);
  }
.text-emerald-500 {
    color: var(--color-emerald-500);
  }
.text-gray-200 {
    color: var(--color-gray-200);
  }
.text-gray-300 {
    color: var(--color-gray-300);
  }
.text-gray-400 {
    color: var(--color-gray-400);
  }
.text-gray-400\/70 {
    color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-gray-400) 70%, transparent);
    }
  }
.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-800 {
    color: var(--color-gray-800);
  }
.text-gray-900 {
    color: var(--color-gray-900);
  }
.text-green-500 {
    color: var(--color-green-500);
  }
.text-green-600 {
    color: var(--color-green-600);
  }
.text-indigo-600 {
    color: var(--color-indigo-600);
  }
.text-orange-400 {
    color: var(--color-orange-400);
  }
.text-orange-500 {
    color: var(--color-orange-500);
  }
.text-orange-600 {
    color: var(--color-orange-600);
  }
.text-purple-500 {
    color: var(--color-purple-500);
  }
.text-purple-600 {
    color: var(--color-purple-600);
  }
.text-red-500 {
    color: var(--color-red-500);
  }
.text-red-500\/80 {
    color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
    }
  }
.text-red-600 {
    color: var(--color-red-600);
  }
.text-slate-500 {
    color: var(--color-slate-500);
  }
.text-slate-700 {
    color: var(--color-slate-700);
  }
.text-teal-600 {
    color: var(--color-teal-600);
  }
.text-transparent {
    color: transparent;
  }
.text-white {
    color: var(--color-white);
  }
.text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
.text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
.text-yellow-300 {
    color: var(--color-yellow-300);
  }
.uppercase {
    text-transform: uppercase;
  }
.italic {
    font-style: italic;
  }
.line-through {
    text-decoration-line: line-through;
  }
.no-underline {
    text-decoration-line: none;
  }
.underline {
    text-decoration-line: underline;
  }
.decoration-red-500\/30 {
    text-decoration-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
.decoration-dotted {
    text-decoration-style: dotted;
  }
.underline-offset-4 {
    text-underline-offset: 4px;
  }
.placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
.opacity-0 {
    opacity: 0%;
  }
.opacity-20 {
    opacity: 20%;
  }
.opacity-25 {
    opacity: 25%;
  }
.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-95 {
    opacity: 95%;
  }
.opacity-100 {
    opacity: 100%;
  }
.opacity-\[0\.03\] {
    opacity: 0.03;
  }
.opacity-\[0\.15\] {
    opacity: 0.15;
  }
.opacity-\[0\.20\] {
    opacity: 0.20;
  }
.opacity-\[0\.25\] {
    opacity: 0.25;
  }
.opacity-\[0\.30\] {
    opacity: 0.30;
  }
.mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }
.mix-blend-multiply {
    mix-blend-mode: multiply;
  }
.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_0_8px_rgba\(34\,197\,94\,0\.5\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(34,197,94,0.5));
    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_0_8px_rgba\(239\,68\,68\,0\.5\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(239,68,68,0.5));
    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_0_8px_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.8));
    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_0_10px_rgba\(59\,130\,246\,0\.1\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(59,130,246,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-\[0_0_15px_rgba\(14\,165\,233\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(14,165,233,0.3));
    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_0_15px_rgba\(30\,64\,175\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(30,64,175,0.3));
    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_0_15px_rgba\(36\,129\,196\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(36,129,196,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_15px_rgba\(77\,124\,15\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(77,124,15,0.3));
    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_0_15px_rgba\(80\,175\,71\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(80,175,71,0.3));
    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_0_15px_rgba\(80\,175\,71\,0\.25\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(80,175,71,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_0_15px_rgba\(147\,51\,234\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(147,51,234,0.3));
    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_0_15px_rgba\(202\,138\,4\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(202,138,4,0.3));
    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_0_15px_rgba\(206\,66\,43\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(206,66,43,0.3));
    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_0_15px_rgba\(225\,29\,72\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(225,29,72,0.3));
    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_0_15px_rgba\(234\,88\,12\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(234,88,12,0.3));
    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_0_15px_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(255,255,255,0.8));
    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_0_20px_rgba\(5\,150\,105\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(5,150,105,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(14\,165\,233\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(14,165,233,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(30\,64\,175\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(30,64,175,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(36\,129\,196\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(36,129,196,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(77\,124\,15\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(77,124,15,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(80\,175\,71\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(80,175,71,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(147\,51\,234\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(147,51,234,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(202\,138\,4\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(202,138,4,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(206\,66\,43\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(206,66,43,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(225\,29\,72\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(225,29,72,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_20px_rgba\(234\,88\,12\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(234,88,12,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(0,0,0,0.5));
    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_2px_15px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 2px 15px var(--tw-shadow-color, rgba(0,0,0,0.02));
    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_2px_15px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 2px 15px var(--tw-shadow-color, rgba(0,0,0,0.03));
    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_4px_15px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(0,0,0,0.04));
    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_4px_15px_rgba\(36\,129\,196\,0\.3\)\] {
    --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(36,129,196,0.3));
    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_4px_15px_rgba\(36\,129\,196\,0\.5\)\] {
    --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(36,129,196,0.5));
    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_4px_20_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 4px 20 var(--tw-shadow-color, rgba(0,0,0,0.03));
    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_4px_20px_rgb\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgb(0,0,0,0.04));
    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_4px_20px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.03));
    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_4px_25px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(0,0,0,0.5));
    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_4px_25px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(0,0,0,0.45));
    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_4px_25px_rgba\(14\,165\,233\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(14,165,233,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-\[0_4px_25px_rgba\(30\,64\,175\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(30,64,175,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-\[0_4px_25px_rgba\(77\,124\,15\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(77,124,15,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-\[0_4px_25px_rgba\(80\,175\,71\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(80,175,71,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-\[0_4px_25px_rgba\(147\,51\,234\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(147,51,234,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-\[0_4px_25px_rgba\(202\,138\,4\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(202,138,4,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-\[0_4px_25px_rgba\(206\,66\,43\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(206,66,43,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-\[0_4px_25px_rgba\(225\,29\,72\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(225,29,72,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-\[0_4px_25px_rgba\(234\,88\,12\,0\.15\)\] {
    --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(234,88,12,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-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.04));
    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_10px_20px_-10px_rgba\(36\,129\,196\,0\.5\)\] {
    --tw-shadow: 0 10px 20px -10px var(--tw-shadow-color, rgba(36,129,196,0.5));
    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_10px_20px_rgba\(36\,129\,196\,0\.25\)\] {
    --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(36,129,196,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_10px_30px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_10px_40px_-15px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 10px 40px -15px var(--tw-shadow-color, rgba(0,0,0,0.05));
    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_10px_40px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(0,0,0,0.06));
    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_10px_40px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-\[0_15px_40px_rgba\(36\,129\,196\,0\.15\)\] {
    --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(36,129,196,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-\[0_20px_50px_-20px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 20px 50px -20px var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    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);
  }
.shadow-xl {
    --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);
  }
.shadow-blue-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
.shadow-blue-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
.shadow-blue-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
.shadow-blue-500\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
.shadow-green-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), 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,);
  }
.blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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,);
  }
.blur-\[80px\] {
    --tw-blur: blur(80px);
    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,);
  }
.blur-\[100px\] {
    --tw-blur: blur(100px);
    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,);
  }
.blur-\[120px\] {
    --tw-blur: blur(120px);
    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,);
  }
.blur-lg {
    --tw-blur: blur(var(--blur-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,);
  }
.blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
.blur-xl {
    --tw-blur: blur(var(--blur-xl));
    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-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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-\[0_0_15px_rgba\(36\,129\,196\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, rgba(36,129,196,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-\[0_0_15px_rgba\(52\,211\,153\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, rgba(52,211,153,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-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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,);
  }
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
.backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-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-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));
    -webkit-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-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-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-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-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, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-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;
  }
.duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
.duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
.duration-\[6000ms\] {
    --tw-duration: 6000ms;
    transition-duration: 6000ms;
  }
.ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
.ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
.outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
.select-none {
    -webkit-user-select: none;
    user-select: none;
  }
.text-shadow-sm {
    text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));
  }
.group-focus-within\:opacity-40 {
    &:is(:where(.group):focus-within *) {
      opacity: 40%;
    }
  }
.group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
.group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.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\:-translate-y-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\:translate-y-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\:translate-y-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\:scale-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-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\:scale-\[1\.02\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
.group-hover\:rotate-12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 12deg;
      }
    }
  }
.group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
.group-hover\:gap-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
.group-hover\:border-\[\#0ea5e9\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #0ea5e9;
      }
    }
  }
.group-hover\:border-\[\#0ea5e9\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #0ea5e9 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#0ea5e9\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #0ea5e9 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#1e40af\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #1e40af;
      }
    }
  }
.group-hover\:border-\[\#1e40af\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #1e40af 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#1e40af\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #1e40af 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#4d7c0f\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #4d7c0f;
      }
    }
  }
.group-hover\:border-\[\#4d7c0f\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #4d7c0f 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#4d7c0f\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #4d7c0f 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#50af47\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #50af47;
      }
    }
  }
.group-hover\:border-\[\#50af47\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #50af47 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#50af47\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #50af47 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#00623a\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #00623a 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#2481c4\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2481c4 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#9333ea\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #9333ea;
      }
    }
  }
.group-hover\:border-\[\#9333ea\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #9333ea 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#9333ea\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #9333ea 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ca8a04\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #ca8a04;
      }
    }
  }
.group-hover\:border-\[\#ca8a04\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ca8a04 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ca8a04\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ca8a04 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ce422b\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #ce422b;
      }
    }
  }
.group-hover\:border-\[\#ce422b\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ce422b 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ce422b\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ce422b 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#e11d48\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #e11d48;
      }
    }
  }
.group-hover\:border-\[\#e11d48\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #e11d48 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#e11d48\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #e11d48 50%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ea580c\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #ea580c;
      }
    }
  }
.group-hover\:border-\[\#ea580c\]\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ea580c 30%, transparent);
      }
    }
  }
.group-hover\:border-\[\#ea580c\]\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ea580c 50%, transparent);
      }
    }
  }
.group-hover\:border-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
.group-hover\:border-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
.group-hover\:border-blue-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
.group-hover\:border-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
.group-hover\:border-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
.group-hover\:border-orange-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-orange-200);
      }
    }
  }
.group-hover\:border-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
.group-hover\:border-red-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
.group-hover\:bg-\[\#0ea5e9\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #0ea5e9;
      }
    }
  }
.group-hover\:bg-\[\#0ea5e9\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #0ea5e9 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#1e40af\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #1e40af;
      }
    }
  }
.group-hover\:bg-\[\#1e40af\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #1e40af 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#4d7c0f\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #4d7c0f;
      }
    }
  }
.group-hover\:bg-\[\#4d7c0f\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #4d7c0f 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#50af47\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #50af47;
      }
    }
  }
.group-hover\:bg-\[\#50af47\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #50af47 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#2481c4\]\/0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #2481c4 0%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#2481c4\]\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #2481c4 20%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#9333ea\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #9333ea;
      }
    }
  }
.group-hover\:bg-\[\#9333ea\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #9333ea 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#ca8a04\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #ca8a04;
      }
    }
  }
.group-hover\:bg-\[\#ca8a04\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #ca8a04 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#ce422b\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #ce422b;
      }
    }
  }
.group-hover\:bg-\[\#ce422b\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #ce422b 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#e11d48\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #e11d48;
      }
    }
  }
.group-hover\:bg-\[\#e11d48\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #e11d48 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#ea580c\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #ea580c;
      }
    }
  }
.group-hover\:bg-\[\#ea580c\]\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #ea580c 10%, transparent);
      }
    }
  }
.group-hover\:bg-\[\#eff6ff\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #eff6ff;
      }
    }
  }
.group-hover\:bg-blue-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
.group-hover\:bg-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
.group-hover\:bg-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
.group-hover\:bg-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
.group-hover\:bg-orange-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-100);
      }
    }
  }
.group-hover\:bg-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
.group-hover\:text-\[\#0ea5e9\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #0ea5e9;
      }
    }
  }
.group-hover\:text-\[\#1e40af\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #1e40af;
      }
    }
  }
.group-hover\:text-\[\#4d7c0f\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #4d7c0f;
      }
    }
  }
.group-hover\:text-\[\#50af47\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #50af47;
      }
    }
  }
.group-hover\:text-\[\#2481c4\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #2481c4;
      }
    }
  }
.group-hover\:text-\[\#9333ea\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #9333ea;
      }
    }
  }
.group-hover\:text-\[\#ca8a04\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #ca8a04;
      }
    }
  }
.group-hover\:text-\[\#ce422b\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #ce422b;
      }
    }
  }
.group-hover\:text-\[\#e11d48\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #e11d48;
      }
    }
  }
.group-hover\:text-\[\#ea580c\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #ea580c;
      }
    }
  }
.group-hover\:text-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
.group-hover\:text-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
.group-hover\:text-orange-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-600);
      }
    }
  }
.group-hover\:text-purple-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-700);
      }
    }
  }
.group-hover\:text-red-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
.group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
.group-hover\:opacity-60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
.group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
.group-hover\:opacity-\[0\.08\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0.08;
      }
    }
  }
.group-hover\:shadow-\[0_8px_25px_rgba\(59\,130\,246\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(59,130,246,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);
      }
    }
  }
.group-hover\:shadow-\[0_8px_25px_rgba\(126\,34\,206\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(126,34,206,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);
      }
    }
  }
.group-hover\:shadow-\[0_8px_25px_rgba\(220\,38\,38\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(220,38,38,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);
      }
    }
  }
.group-hover\:shadow-\[0_8px_25px_rgba\(249\,115\,22\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(249,115,22,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);
      }
    }
  }
.group-hover\/btn\:translate-x-1 {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\/btn\:scale-110 {
    &:is(:where(.group\/btn):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\/item\:translate-x-1 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\/item\:border-\[\#2481c4\]\/40 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2481c4 40%, transparent);
      }
    }
  }
.group-hover\/item\:text-\[\#2481c4\] {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        color: #2481c4;
      }
    }
  }
.group-hover\/item\:opacity-100 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
.group-hover\/link\:translate-x-1 {
    &:is(:where(.group\/link):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.group-hover\/server\:scale-110 {
    &:is(:where(.group\/server):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\/server\:opacity-100 {
    &:is(:where(.group\/server):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
.focus-within\:border-\[\#2481c4\] {
    &:focus-within {
      border-color: #2481c4;
    }
  }
.focus-within\:border-blue-300 {
    &:focus-within {
      border-color: var(--color-blue-300);
    }
  }
.focus-within\:shadow-md {
    &:focus-within {
      --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);
    }
  }
.focus-within\:shadow-xl {
    &:focus-within {
      --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);
    }
  }
.hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.hover\:-translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
.hover\:scale-105 {
    &: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);
      }
    }
  }
.hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
.hover\:rotate-90 {
    &:hover {
      @media (hover: hover) {
        rotate: 90deg;
      }
    }
  }
.hover\:gap-2\.5 {
    &:hover {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 2.5);
      }
    }
  }
.hover\:border-\[\#0ea5e9\] {
    &:hover {
      @media (hover: hover) {
        border-color: #0ea5e9;
      }
    }
  }
.hover\:border-\[\#0ea5e9\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #0ea5e9 50%, transparent);
      }
    }
  }
.hover\:border-\[\#1e40af\] {
    &:hover {
      @media (hover: hover) {
        border-color: #1e40af;
      }
    }
  }
.hover\:border-\[\#1e40af\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #1e40af 50%, transparent);
      }
    }
  }
.hover\:border-\[\#4d7c0f\] {
    &:hover {
      @media (hover: hover) {
        border-color: #4d7c0f;
      }
    }
  }
.hover\:border-\[\#4d7c0f\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #4d7c0f 50%, transparent);
      }
    }
  }
.hover\:border-\[\#50af47\] {
    &:hover {
      @media (hover: hover) {
        border-color: #50af47;
      }
    }
  }
.hover\:border-\[\#50af47\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #50af47 50%, transparent);
      }
    }
  }
.hover\:border-\[\#00623a\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #00623a 30%, transparent);
      }
    }
  }
.hover\:border-\[\#2481c4\] {
    &:hover {
      @media (hover: hover) {
        border-color: #2481c4;
      }
    }
  }
.hover\:border-\[\#2481c4\]\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2481c4 20%, transparent);
      }
    }
  }
.hover\:border-\[\#2481c4\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2481c4 30%, transparent);
      }
    }
  }
.hover\:border-\[\#9333ea\] {
    &:hover {
      @media (hover: hover) {
        border-color: #9333ea;
      }
    }
  }
.hover\:border-\[\#9333ea\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #9333ea 50%, transparent);
      }
    }
  }
.hover\:border-\[\#ca8a04\] {
    &:hover {
      @media (hover: hover) {
        border-color: #ca8a04;
      }
    }
  }
.hover\:border-\[\#ca8a04\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ca8a04 50%, transparent);
      }
    }
  }
.hover\:border-\[\#cbe0f4\] {
    &:hover {
      @media (hover: hover) {
        border-color: #cbe0f4;
      }
    }
  }
.hover\:border-\[\#ce422b\] {
    &:hover {
      @media (hover: hover) {
        border-color: #ce422b;
      }
    }
  }
.hover\:border-\[\#ce422b\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ce422b 50%, transparent);
      }
    }
  }
.hover\:border-\[\#e11d48\] {
    &:hover {
      @media (hover: hover) {
        border-color: #e11d48;
      }
    }
  }
.hover\:border-\[\#e11d48\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #e11d48 50%, transparent);
      }
    }
  }
.hover\:border-\[\#ea580c\] {
    &:hover {
      @media (hover: hover) {
        border-color: #ea580c;
      }
    }
  }
.hover\:border-\[\#ea580c\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #ea580c 50%, transparent);
      }
    }
  }
.hover\:border-blue-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
.hover\:border-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
.hover\:border-green-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
.hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
.hover\:border-green-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
.hover\:border-orange-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-200);
      }
    }
  }
.hover\:border-purple-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
.hover\:border-purple-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-600);
      }
    }
  }
.hover\:border-red-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-100);
      }
    }
  }
.hover\:border-red-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-300);
      }
    }
  }
.hover\:border-red-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-400);
      }
    }
  }
.hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
.hover\:border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
.hover\:bg-\[\#0d1117\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0d1117;
      }
    }
  }
.hover\:bg-\[\#0ea5e9\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0ea5e9;
      }
    }
  }
.hover\:bg-\[\#1a5b9c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1a5b9c;
      }
    }
  }
.hover\:bg-\[\#1a6ba3\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1a6ba3;
      }
    }
  }
.hover\:bg-\[\#1c2128\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1c2128;
      }
    }
  }
.hover\:bg-\[\#1da851\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1da851;
      }
    }
  }
.hover\:bg-\[\#1e3a8a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1e3a8a;
      }
    }
  }
.hover\:bg-\[\#1e40af\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1e40af;
      }
    }
  }
.hover\:bg-\[\#3f6212\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3f6212;
      }
    }
  }
.hover\:bg-\[\#4d7c0f\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4d7c0f;
      }
    }
  }
.hover\:bg-\[\#7e22ce\] {
    &:hover {
      @media (hover: hover) {
        background-color: #7e22ce;
      }
    }
  }
.hover\:bg-\[\#25d366\] {
    &:hover {
      @media (hover: hover) {
        background-color: #25d366;
      }
    }
  }
.hover\:bg-\[\#50af47\] {
    &:hover {
      @media (hover: hover) {
        background-color: #50af47;
      }
    }
  }
.hover\:bg-\[\#0077b5\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0077b5;
      }
    }
  }
.hover\:bg-\[\#128C7E\] {
    &:hover {
      @media (hover: hover) {
        background-color: #128C7E;
      }
    }
  }
.hover\:bg-\[\#161b22\] {
    &:hover {
      @media (hover: hover) {
        background-color: #161b22;
      }
    }
  }
.hover\:bg-\[\#0284c7\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0284c7;
      }
    }
  }
.hover\:bg-\[\#1877f2\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1877f2;
      }
    }
  }
.hover\:bg-\[\#2481c4\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2481c4;
      }
    }
  }
.hover\:bg-\[\#9333ea\] {
    &:hover {
      @media (hover: hover) {
        background-color: #9333ea;
      }
    }
  }
.hover\:bg-\[\#111827\] {
    &:hover {
      @media (hover: hover) {
        background-color: #111827;
      }
    }
  }
.hover\:bg-\[\#a82e1a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #a82e1a;
      }
    }
  }
.hover\:bg-\[\#a16207\] {
    &:hover {
      @media (hover: hover) {
        background-color: #a16207;
      }
    }
  }
.hover\:bg-\[\#be123c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #be123c;
      }
    }
  }
.hover\:bg-\[\#c2410c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #c2410c;
      }
    }
  }
.hover\:bg-\[\#ca8a04\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ca8a04;
      }
    }
  }
.hover\:bg-\[\#ce422b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ce422b;
      }
    }
  }
.hover\:bg-\[\#e1ecf7\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e1ecf7;
      }
    }
  }
.hover\:bg-\[\#e11d48\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e11d48;
      }
    }
  }
.hover\:bg-\[\#ea580c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ea580c;
      }
    }
  }
.hover\:bg-black\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
.hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
.hover\:bg-blue-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
        }
      }
    }
  }
.hover\:bg-blue-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
        }
      }
    }
  }
.hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
.hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
.hover\:bg-emerald-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
.hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
.hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
.hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
.hover\:bg-gray-800\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
        }
      }
    }
  }
.hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
.hover\:bg-purple-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-600);
      }
    }
  }
.hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
.hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
.hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
.hover\:from-\[\#1a5b9c\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #1a5b9c;
        --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));
      }
    }
  }
.hover\:from-\[\#1b6399\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #1b6399;
        --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));
      }
    }
  }
.hover\:from-\[\#1e3a8a\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #1e3a8a;
        --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));
      }
    }
  }
.hover\:from-\[\#3d8436\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #3d8436;
        --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));
      }
    }
  }
.hover\:from-\[\#3f6212\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #3f6212;
        --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));
      }
    }
  }
.hover\:from-\[\#7e22ce\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #7e22ce;
        --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));
      }
    }
  }
.hover\:from-\[\#0284c7\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #0284c7;
        --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));
      }
    }
  }
.hover\:from-\[\#a82e1a\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #a82e1a;
        --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));
      }
    }
  }
.hover\:from-\[\#a16207\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #a16207;
        --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));
      }
    }
  }
.hover\:from-\[\#be123c\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #be123c;
        --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));
      }
    }
  }
.hover\:from-\[\#c2410c\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #c2410c;
        --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));
      }
    }
  }
.hover\:to-\[\#1e2a6a\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #1e2a6a;
        --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));
      }
    }
  }
.hover\:to-\[\#2d4d0b\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #2d4d0b;
        --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));
      }
    }
  }
.hover\:to-\[\#2e6b28\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #2e6b28;
        --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));
      }
    }
  }
.hover\:to-\[\#8c2212\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #8c2212;
        --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));
      }
    }
  }
.hover\:to-\[\#143f6e\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #143f6e;
        --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));
      }
    }
  }
.hover\:to-\[\#0369a1\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #0369a1;
        --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));
      }
    }
  }
.hover\:to-\[\#2481c4\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #2481c4;
        --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));
      }
    }
  }
.hover\:to-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-600);
        --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));
      }
    }
  }
.hover\:pl-1\.5 {
    &:hover {
      @media (hover: hover) {
        padding-left: calc(var(--spacing) * 1.5);
      }
    }
  }
.hover\:text-\[\#1a5b9c\] {
    &:hover {
      @media (hover: hover) {
        color: #1a5b9c;
      }
    }
  }
.hover\:text-\[\#00623a\] {
    &:hover {
      @media (hover: hover) {
        color: #00623a;
      }
    }
  }
.hover\:text-\[\#2481c4\] {
    &:hover {
      @media (hover: hover) {
        color: #2481c4;
      }
    }
  }
.hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
.hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
.hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
.hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800);
      }
    }
  }
.hover\:text-green-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
.hover\:text-orange-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
  }
.hover\:text-purple-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-600);
      }
    }
  }
.hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
.hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
.hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
.hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
.hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
.hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
.hover\:shadow-2xl {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
.hover\:shadow-\[0_0_15px_rgba\(14\,165\,233\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(14,165,233,0.3));
        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-\[0_0_15px_rgba\(14\,165\,233\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(14,165,233,0.5));
        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-\[0_0_15px_rgba\(30\,64\,175\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(30,64,175,0.3));
        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-\[0_0_15px_rgba\(30\,64\,175\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(30,64,175,0.5));
        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-\[0_0_15px_rgba\(77\,124\,15\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(77,124,15,0.3));
        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-\[0_0_15px_rgba\(77\,124\,15\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(77,124,15,0.5));
        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-\[0_0_15px_rgba\(80\,175\,71\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(80,175,71,0.3));
        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-\[0_0_15px_rgba\(147\,51\,234\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(147,51,234,0.3));
        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-\[0_0_15px_rgba\(147\,51\,234\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(147,51,234,0.5));
        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-\[0_0_15px_rgba\(202\,138\,4\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(202,138,4,0.3));
        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-\[0_0_15px_rgba\(202\,138\,4\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(202,138,4,0.5));
        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-\[0_0_15px_rgba\(206\,66\,43\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(206,66,43,0.3));
        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-\[0_0_15px_rgba\(206\,66\,43\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(206,66,43,0.5));
        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-\[0_0_15px_rgba\(225\,29\,72\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(225,29,72,0.3));
        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-\[0_0_15px_rgba\(225\,29\,72\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(225,29,72,0.5));
        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-\[0_0_15px_rgba\(234\,88\,12\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(234,88,12,0.3));
        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-\[0_0_15px_rgba\(234\,88\,12\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(234,88,12,0.5));
        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-\[0_0_25px_rgba\(14\,165\,233\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(14,165,233,0.5));
        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-\[0_0_25px_rgba\(30\,64\,175\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(30,64,175,0.5));
        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-\[0_0_25px_rgba\(77\,124\,15\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(77,124,15,0.5));
        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-\[0_0_25px_rgba\(80\,175\,71\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(80,175,71,0.5));
        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-\[0_0_25px_rgba\(147\,51\,234\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(147,51,234,0.5));
        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-\[0_0_25px_rgba\(202\,138\,4\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(202,138,4,0.5));
        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-\[0_0_25px_rgba\(206\,66\,43\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(206,66,43,0.5));
        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-\[0_0_25px_rgba\(225\,29\,72\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(225,29,72,0.5));
        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-\[0_0_25px_rgba\(234\,88\,12\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(234,88,12,0.5));
        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-\[0_0_30px_rgba\(5\,150\,105\,0\.6\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(5,150,105,0.6));
        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-\[0_0_30px_rgba\(36\,129\,196\,0\.6\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(36,129,196,0.6));
        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-\[0_4px_35px_rgba\(14\,165\,233\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(14,165,233,0.3));
        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-\[0_4px_35px_rgba\(30\,64\,175\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(30,64,175,0.3));
        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-\[0_4px_35px_rgba\(77\,124\,15\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(77,124,15,0.3));
        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-\[0_4px_35px_rgba\(80\,175\,71\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(80,175,71,0.3));
        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-\[0_4px_35px_rgba\(147\,51\,234\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(147,51,234,0.3));
        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-\[0_4px_35px_rgba\(202\,138\,4\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(202,138,4,0.3));
        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-\[0_4px_35px_rgba\(206\,66\,43\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(206,66,43,0.3));
        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-\[0_4px_35px_rgba\(225\,29\,72\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(225,29,72,0.3));
        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-\[0_4px_35px_rgba\(234\,88\,12\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 35px var(--tw-shadow-color, rgba(234,88,12,0.3));
        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-\[0_8px_25px_rgba\(36\,129\,196\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(36,129,196,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);
      }
    }
  }
.hover\:shadow-\[0_10px_30px_rgba\(36\,129\,196\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(36,129,196,0.4));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
.hover\:shadow-\[0_10px_40px_-15px_rgba\(0\,0\,0\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 40px -15px var(--tw-shadow-color, rgba(0,0,0,0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
.hover\:shadow-\[0_15px_40px_rgba\(36\,129\,196\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(36,129,196,0.3));
        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-\[0_20px_40px_-15px_rgba\(0\,0\,0\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 40px -15px var(--tw-shadow-color, rgba(0,0,0,0.05));
        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-\[0_20px_50px_rgba\(36\,129\,196\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(36,129,196,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-\[0_30px_70px_-25px_rgba\(0\,0\,0\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 30px 70px -25px 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);
      }
    }
  }
.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-md {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
.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-\[\#2481c4\]\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #2481c4 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2481c4 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
.hover\:shadow-\[\#111827\]\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #111827 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #111827 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
.hover\:shadow-\[\#ce422b\]\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #ce422b 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ce422b 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
.hover\:shadow-blue-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
.hover\:shadow-blue-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
.focus\:border-\[\#2481c4\] {
    &:focus {
      border-color: #2481c4;
    }
  }
.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-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[\#2481c4\] {
    &:focus {
      --tw-ring-color: #2481c4;
    }
  }
.focus\:ring-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
.focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
.focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
.active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
.sm\:-right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * -6);
    }
  }
.sm\:right-auto {
    @media (width >= 40rem) {
      right: auto;
    }
  }
.sm\:-left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -6);
    }
  }
.sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
.sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
.sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
.sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
.sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
.sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
.sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
.sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
.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\:gap-0 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
.sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
.sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
.sm\:pt-24 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
.sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
.sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
.sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
.md\:right-12 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 12);
    }
  }
.md\:-bottom-4 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * -4);
    }
  }
.md\:bottom-12 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 12);
    }
  }
.md\:-left-4 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * -4);
    }
  }
.md\:-mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -10);
    }
  }
.md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
.md\:-mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -2);
    }
  }
.md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
.md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
.md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
.md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
.md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
.md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
.md\:h-7 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 7);
    }
  }
.md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
.md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
.md\:h-15 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 15);
    }
  }
.md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
.md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
.md\:h-32 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 32);
    }
  }
.md\:h-\[2px\] {
    @media (width >= 48rem) {
      height: 2px;
    }
  }
.md\:h-\[42px\] {
    @media (width >= 48rem) {
      height: 42px;
    }
  }
.md\:h-\[50px\] {
    @media (width >= 48rem) {
      height: 50px;
    }
  }
.md\:h-\[52px\] {
    @media (width >= 48rem) {
      height: 52px;
    }
  }
.md\:h-\[400px\] {
    @media (width >= 48rem) {
      height: 400px;
    }
  }
.md\:h-\[440px\] {
    @media (width >= 48rem) {
      height: 440px;
    }
  }
.md\:h-\[500px\] {
    @media (width >= 48rem) {
      height: 500px;
    }
  }
.md\:h-\[600px\] {
    @media (width >= 48rem) {
      height: 600px;
    }
  }
.md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
.md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
.md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
.md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
.md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
.md\:w-15 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 15);
    }
  }
.md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
.md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
.md\:w-\[8\%\] {
    @media (width >= 48rem) {
      width: 8%;
    }
  }
.md\:w-\[28\%\] {
    @media (width >= 48rem) {
      width: 28%;
    }
  }
.md\:w-\[42px\] {
    @media (width >= 48rem) {
      width: 42px;
    }
  }
.md\:w-\[50px\] {
    @media (width >= 48rem) {
      width: 50px;
    }
  }
.md\:w-\[52px\] {
    @media (width >= 48rem) {
      width: 52px;
    }
  }
.md\:w-\[500px\] {
    @media (width >= 48rem) {
      width: 500px;
    }
  }
.md\:w-\[600px\] {
    @media (width >= 48rem) {
      width: 600px;
    }
  }
.md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
.md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
.md\:-translate-y-2 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
.md\:animate-\[moveH_1\.5s_linear_infinite\] {
    @media (width >= 48rem) {
      animation: moveH 1.5s linear infinite;
    }
  }
.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-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
.md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
.md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
.md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
.md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
.md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
.md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
.md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
.md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
.md\:rounded-\[22px\] {
    @media (width >= 48rem) {
      border-radius: 22px;
    }
  }
.md\:rounded-\[24px\] {
    @media (width >= 48rem) {
      border-radius: 24px;
    }
  }
.md\:rounded-\[32px\] {
    @media (width >= 48rem) {
      border-radius: 32px;
    }
  }
.md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
.md\:border-\[14px\] {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 14px;
    }
  }
.md\:bg-\[linear-gradient\(to_right\,rgba\(34\,197\,94\,0\.2\)_50\%\,transparent_50\%\)\] {
    @media (width >= 48rem) {
      background-image: linear-gradient(to right,rgba(34,197,94,0.2) 50%,transparent 50%);
    }
  }
.md\:bg-\[linear-gradient\(to_right\,rgba\(239\,68\,68\,0\.2\)_50\%\,transparent_50\%\)\] {
    @media (width >= 48rem) {
      background-image: linear-gradient(to right,rgba(239,68,68,0.2) 50%,transparent 50%);
    }
  }
.md\:bg-\[length\:6px_2px\] {
    @media (width >= 48rem) {
      background-size: 6px 2px;
    }
  }
.md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
.md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
.md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
.md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
.md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
.md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
.md\:py-3\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
.md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
.md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
.md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
.md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
.md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
.md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
.md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
.md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--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-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
.md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
.md\:text-8xl {
    @media (width >= 48rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
.md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
.md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
.md\:text-\[11px\] {
    @media (width >= 48rem) {
      font-size: 11px;
    }
  }
.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-\[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-\[26px\] {
    @media (width >= 48rem) {
      font-size: 26px;
    }
  }
.md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
.md\:text-\[30px\] {
    @media (width >= 48rem) {
      font-size: 30px;
    }
  }
.md\:text-\[34px\] {
    @media (width >= 48rem) {
      font-size: 34px;
    }
  }
.md\:text-\[36px\] {
    @media (width >= 48rem) {
      font-size: 36px;
    }
  }
.md\:text-\[38px\] {
    @media (width >= 48rem) {
      font-size: 38px;
    }
  }
.md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
.md\:text-\[42px\] {
    @media (width >= 48rem) {
      font-size: 42px;
    }
  }
.md\:text-\[160px\] {
    @media (width >= 48rem) {
      font-size: 160px;
    }
  }
.md\:blur-\[150px\] {
    @media (width >= 48rem) {
      --tw-blur: blur(150px);
      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,);
    }
  }
.lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
.lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
.lg\:-right-3 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -3);
    }
  }
.lg\:-right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -8);
    }
  }
.lg\:right-1\/4 {
    @media (width >= 64rem) {
      right: calc(1/4 * 100%);
    }
  }
.lg\:right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 8);
    }
  }
.lg\:-bottom-6 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * -6);
    }
  }
.lg\:left-1\/4 {
    @media (width >= 64rem) {
      left: calc(1/4 * 100%);
    }
  }
.lg\:left-3 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 3);
    }
  }
.lg\:left-8 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 8);
    }
  }
.lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
.lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
.lg\:order-3 {
    @media (width >= 64rem) {
      order: 3;
    }
  }
.lg\:order-first {
    @media (width >= 64rem) {
      order: -9999;
    }
  }
.lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
.lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
.lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
.lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
.lg\:mr-8 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
.lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
.lg\:mb-28 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 28);
    }
  }
.lg\:ml-8 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 8);
    }
  }
.lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
.lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
.lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
.lg\:aspect-\[4\/3\] {
    @media (width >= 64rem) {
      aspect-ratio: 4/3;
    }
  }
.lg\:h-auto {
    @media (width >= 64rem) {
      height: auto;
    }
  }
.lg\:min-h-\[650px\] {
    @media (width >= 64rem) {
      min-height: 650px;
    }
  }
.lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
.lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
.lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
.lg\:w-3\/12 {
    @media (width >= 64rem) {
      width: calc(3/12 * 100%);
    }
  }
.lg\:w-4\/12 {
    @media (width >= 64rem) {
      width: calc(4/12 * 100%);
    }
  }
.lg\:w-5\/12 {
    @media (width >= 64rem) {
      width: calc(5/12 * 100%);
    }
  }
.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\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
.lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
.lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
.lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
.lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
.lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
.lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
.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-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
.lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
.lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
.lg\:gap-20 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
.lg\:border-l {
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
.lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
.lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
.lg\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
.lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
.lg\:py-0 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
.lg\:pt-48 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
.lg\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
.lg\:pr-12 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
.lg\:pb-12 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
.lg\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
.lg\:pl-8 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
.lg\:pl-10 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
.lg\:pl-12 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
.lg\:pl-14 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
.lg\:pl-16 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
.lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
.lg\:text-right {
    @media (width >= 64rem) {
      text-align: right;
    }
  }
.lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
.lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
.lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
.lg\:text-\[16px\] {
    @media (width >= 64rem) {
      font-size: 16px;
    }
  }
.lg\:text-\[40px\] {
    @media (width >= 64rem) {
      font-size: 40px;
    }
  }
.lg\:text-\[46px\] {
    @media (width >= 64rem) {
      font-size: 46px;
    }
  }
.xl\:mb-0 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
.xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
.xl\:inline {
    @media (width >= 80rem) {
      display: inline;
    }
  }
.xl\:w-3\/12 {
    @media (width >= 80rem) {
      width: calc(3/12 * 100%);
    }
  }
.xl\:w-6\/12 {
    @media (width >= 80rem) {
      width: calc(6/12 * 100%);
    }
  }
.xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
.xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
.xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
.xl\:flex-nowrap {
    @media (width >= 80rem) {
      flex-wrap: nowrap;
    }
  }
.xl\:justify-end {
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
.xl\:p-5 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
.xl\:px-5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
.xl\:pl-7 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 7);
    }
  }
.xl\:text-right {
    @media (width >= 80rem) {
      text-align: right;
    }
  }
.xl\:opacity-\[0\.45\] {
    @media (width >= 80rem) {
      opacity: 0.45;
    }
  }
.\32 xl\:h-9 {
    @media (width >= 96rem) {
      height: calc(var(--spacing) * 9);
    }
  }
.\32 xl\:h-10 {
    @media (width >= 96rem) {
      height: calc(var(--spacing) * 10);
    }
  }
.\32 xl\:h-12 {
    @media (width >= 96rem) {
      height: calc(var(--spacing) * 12);
    }
  }
.\32 xl\:h-20 {
    @media (width >= 96rem) {
      height: calc(var(--spacing) * 20);
    }
  }
.\32 xl\:w-9 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 9);
    }
  }
.\32 xl\:w-10 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 10);
    }
  }
.\32 xl\:w-12 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 12);
    }
  }
.\32 xl\:w-20 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 20);
    }
  }
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-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-divide-y-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-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-divide-y-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-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
    }
  }


/* Webriva WordPress integration fixes */
:root{--webriva-blue:#2481c4;--webriva-dark:#111827}
html{scroll-behavior:smooth}
body.webriva-blog-theme,body[class*="webriva"]{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;background:#f8fafc;color:#111827;margin:0}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;background:#f8fafc;color:#111827;margin:0}
a{text-decoration:none}
#main-nav img{height:4rem!important;width:auto!important;max-width:260px!important;object-fit:contain!important}
footer img{width:auto!important;object-fit:contain!important}
footer img.h-6{height:1.5rem!important}
footer img.h-8{height:2rem!important}
footer img.h-10{height:2.5rem!important}
footer img.h-12{height:3rem!important}
img.card-img,.article-content img,.wp-post-image{max-width:100%;height:auto}
i[class^="fa-"],i[class*=" fa-"],i[class^="fas"],i[class^="far"],i[class^="fab"]{font-style:normal;line-height:1;vertical-align:middle}
.admin-bar #main-nav{top:32px}
@media(max-width:782px){.admin-bar #main-nav{top:46px}}
@media(max-width:1023px){#main-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;border-radius:0!important}.mobile-menu-panel{max-width:100vw}}
.article-content>*:first-child{margin-top:0}
.article-content h2,.article-content h3,.article-content h4{color:#111827;font-weight:800;line-height:1.3}
.article-content h2{font-size:1.55rem;margin:2.2rem 0 1rem;border-left:4px solid var(--webriva-blue);padding-left:1rem}
.article-content h3{font-size:1.25rem;margin:1.8rem 0 .8rem}
.article-content p{font-size:1rem;color:#4b5563;line-height:1.85;margin:0 0 1.4rem}
.article-content ul,.article-content ol{color:#4b5563;line-height:1.75;margin:0 0 1.5rem 1.4rem}
.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:.55rem}
.article-content a{color:var(--webriva-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.article-content blockquote{border-left:4px solid var(--webriva-blue);background:#eff6ff;border-radius:0 1rem 1rem 0;padding:1.25rem 1.5rem;color:#1e3a8a;margin:1.75rem 0}
.article-content pre{background:#111827;color:#f8fafc;padding:1.2rem;border-radius:1rem;overflow:auto;margin:1.5rem 0}
.article-content code{background:#eff6ff;color:#1e40af;padding:.15rem .4rem;border-radius:.35rem}.article-content pre code{background:transparent;color:inherit;padding:0}
.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid #e5e7eb;padding:.85rem;text-align:left}.article-content th{background:#eff6ff}
.article-content figure{margin:1.75rem 0}.article-content figcaption{color:#6b7280;font-size:.85rem;text-align:center;margin-top:.5rem}.article-content img{border-radius:1rem}
.article-content .wp-block-button__link{color:#fff;text-decoration:none;background:var(--webriva-blue);border-radius:.75rem}
.blog-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-4px)}
.category-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;background:rgba(255,255,255,.94);color:#2481c4;border-radius:.55rem;font-size:.69rem;font-weight:800;box-shadow:0 4px 18px rgba(15,23,42,.08)}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:.7rem;color:#4b5563;font-weight:700;margin:.2rem}.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--webriva-blue);color:#fff;border-color:var(--webriva-blue)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes marquee{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}.animate-marquee{display:inline-block;animation:marquee 15s linear infinite}.animate-marquee:hover{animation-play-state:paused}

/* =========================================================
   WEBRIVA BLOG v1.2 — SINGLE POST + COMMENTS
   ========================================================= */
.webriva-single-page{background:linear-gradient(180deg,#f8fafc 0,#f8fafc 55%,#f1f5f9 100%);min-height:100vh}
.webriva-single-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.webriva-breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0}
.webriva-breadcrumb .webriva-single-container{display:flex;align-items:center;gap:10px;min-height:54px;font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden}
.webriva-breadcrumb a{color:#64748b;font-weight:700;transition:color .2s ease}
.webriva-breadcrumb a:hover{color:#2481c4}
.webriva-breadcrumb i{font-size:8px;color:#cbd5e1}
.webriva-breadcrumb span{overflow:hidden;text-overflow:ellipsis;color:#334155;font-weight:600}
.webriva-article-wrap{padding-top:52px;padding-bottom:72px}
.webriva-article-header{max-width:980px;margin:0 auto 34px;text-align:center}
.webriva-category-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1670b2;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 8px 25px rgba(36,129,196,.08)}
.webriva-article-header h1{max-width:1000px;margin:18px auto 16px;color:#0f172a;font-size:clamp(2rem,4.8vw,4rem);font-weight:900;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.webriva-article-lead{max-width:830px;margin:0 auto 24px;color:#64748b;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}
.webriva-article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;color:#64748b;font-size:13px;font-weight:650}
.webriva-article-meta span,.webriva-article-meta a{display:inline-flex;align-items:center;gap:8px;color:inherit}
.webriva-article-meta i{color:#2481c4}
.webriva-article-meta a:hover{color:#2481c4}
.webriva-hero-image{position:relative;height:clamp(280px,47vw,610px);margin:0 0 38px;overflow:hidden;border:1px solid #dbe4ef;border-radius:30px;background:#e2e8f0;box-shadow:0 28px 80px rgba(15,23,42,.14)}
.webriva-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,23,42,.12));pointer-events:none}
.webriva-hero-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important}
.webriva-article-grid{display:grid;grid-template-columns:76px minmax(0,860px);justify-content:center;gap:28px;align-items:start}
.webriva-share-rail{position:sticky;top:118px;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:5px}
.webriva-share-rail>span{margin-bottom:4px;color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}
.webriva-share-rail a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#475569;box-shadow:0 8px 25px rgba(15,23,42,.05);transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.webriva-share-rail a:hover{transform:translateY(-2px);border-color:#93c5fd;color:#2481c4;box-shadow:0 12px 30px rgba(36,129,196,.14)}
.webriva-article-main{min-width:0}
.webriva-article-content{position:relative;padding:clamp(26px,5vw,62px);overflow:hidden;border:1px solid #e2e8f0;border-radius:30px;background:#fff;box-shadow:0 18px 60px rgba(15,23,42,.07)}
.webriva-article-content:before{content:"";position:absolute;top:0;left:clamp(26px,5vw,62px);right:clamp(26px,5vw,62px);height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#2481c4,#4fb6e9)}
.article-content>*{max-width:100%}
.article-content>p:first-of-type{font-size:1.12rem;color:#334155;line-height:1.9}
.article-content p{font-size:1.04rem;color:#475569;line-height:1.92;margin:0 0 1.45rem}
.article-content h2{position:relative;margin:2.7rem 0 1.1rem;padding:0 0 0 18px;border:0;color:#0f172a;font-size:clamp(1.45rem,2.3vw,1.9rem);font-weight:900;line-height:1.3;letter-spacing:-.025em}
.article-content h2:before{content:"";position:absolute;left:0;top:.16em;width:5px;height:1.15em;border-radius:999px;background:linear-gradient(180deg,#2481c4,#60a5fa)}
.article-content h3{margin:2.15rem 0 .85rem;color:#172033;font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:850;line-height:1.35}
.article-content h4{margin:1.8rem 0 .7rem;color:#1e293b;font-size:1.1rem;font-weight:800}
.article-content ul,.article-content ol{margin:0 0 1.65rem;padding-left:1.45rem;color:#475569;line-height:1.8}
.article-content li{margin:.55rem 0;padding-left:.2rem}
.article-content li::marker{color:#2481c4;font-weight:800}
.article-content a{color:#1670b2;font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px}
.article-content a:hover{color:#0f5e98}
.article-content blockquote{position:relative;margin:2rem 0;padding:24px 26px 24px 70px;border:1px solid #bfdbfe;border-left:0;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#f8fbff);color:#1e3a8a;box-shadow:0 10px 30px rgba(36,129,196,.06)}
.article-content blockquote:before{content:"\201C";position:absolute;left:24px;top:10px;color:#2481c4;font-size:58px;font-family:Georgia,serif;line-height:1;opacity:.55}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content img{display:block;max-width:100%;height:auto;border-radius:18px;box-shadow:0 14px 38px rgba(15,23,42,.1)}
.article-content figure{margin:2rem 0}
.article-content figcaption{margin-top:10px;color:#94a3b8;font-size:.82rem;text-align:center}
.article-content table{display:table;width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dbe4ef;border-radius:16px;background:#fff}
.article-content th,.article-content td{padding:14px 16px;border:0;border-bottom:1px solid #e2e8f0;text-align:left}
.article-content tr:last-child td{border-bottom:0}
.article-content th{background:#eff6ff;color:#1e3a8a;font-weight:800}
.article-content pre{margin:2rem 0;padding:22px;overflow:auto;border:1px solid #1e293b;border-radius:18px;background:#0f172a;color:#e2e8f0;box-shadow:0 16px 42px rgba(15,23,42,.18)}
.article-content code{border-radius:6px;background:#eff6ff;color:#1d4ed8;padding:.15rem .4rem;font-size:.92em}
.article-content pre code{background:transparent;color:inherit;padding:0}
.article-content .wp-block-separator{margin:2.5rem auto;border:0;border-top:1px solid #e2e8f0}
.article-content .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;background:#2481c4;color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(36,129,196,.2)}
.webriva-page-links{margin-top:28px;padding-top:22px;border-top:1px solid #e2e8f0;color:#475569;font-weight:700}
.webriva-tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.webriva-tag-list>span{display:inline-flex;align-items:center;gap:7px;margin-right:4px;color:#334155;font-size:13px;font-weight:850}
.webriva-tag-list>span i{color:#2481c4}
.webriva-tag-list a{padding:7px 10px;border-radius:9px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:750;transition:background .2s ease,color .2s ease}
.webriva-tag-list a:hover{background:#e0f2fe;color:#1670b2}
.webriva-author-box{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:center;margin-top:18px;padding:26px;border:1px solid #dbe4ef;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 12px 35px rgba(15,23,42,.05)}
.webriva-author-avatar img{display:block;width:80px!important;height:80px!important;border:4px solid #fff;border-radius:22px;object-fit:cover;box-shadow:0 10px 25px rgba(15,23,42,.1)}
.webriva-author-box span{color:#2481c4;font-size:10px;font-weight:900;letter-spacing:.16em}
.webriva-author-box h2{margin:3px 0 6px;color:#0f172a;font-size:20px;font-weight:900}
.webriva-author-box p{margin:0;color:#64748b;font-size:14px;line-height:1.7}
.webriva-post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.webriva-post-nav-card{display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.webriva-post-nav-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 15px 38px rgba(36,129,196,.1)}
.webriva-post-nav-card span{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#2481c4;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.webriva-post-nav-card strong{color:#1e293b;font-size:15px;line-height:1.45}
.webriva-post-nav-next{text-align:right;align-items:flex-end}
.webriva-related-posts{margin-top:54px}
.webriva-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.webriva-related-heading h2{margin:10px 0 0;color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.025em}
.webriva-related-heading>a{display:inline-flex;align-items:center;gap:8px;color:#2481c4;font-size:13px;font-weight:800}
.webriva-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.webriva-section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#1670b2;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.webriva-dark-kicker{background:#0f172a;color:#fff}

/* Comments */
.webriva-comments-section{margin-top:54px;padding:clamp(24px,4vw,42px);border:1px solid #dbe4ef;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.06)}
.webriva-comments-heading{padding-bottom:24px;border-bottom:1px solid #e2e8f0}
.webriva-comments-heading h2{margin:12px 0 5px;color:#0f172a;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:900;letter-spacing:-.03em}
.webriva-comments-heading p{margin:0;color:#64748b;font-size:14px;line-height:1.65}
.webriva-comment-list,.webriva-comment-list .children{margin:0;padding:0;list-style:none!important}
.webriva-comment-list{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.webriva-comment-list .children{display:flex;flex-direction:column;gap:14px;margin:14px 0 0 52px;padding-left:18px;border-left:2px solid #e0f2fe}
.webriva-comment-item{margin:0;padding:0;list-style:none!important}
.webriva-comment-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:17px;padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:#fbfdff;transition:border-color .2s ease,box-shadow .2s ease}
.webriva-comment-card:hover{border-color:#bfdbfe;box-shadow:0 12px 35px rgba(15,23,42,.055)}
.webriva-comment-avatar img{display:block;width:56px!important;height:56px!important;max-width:56px!important;border:3px solid #fff;border-radius:16px;object-fit:cover;box-shadow:0 8px 20px rgba(15,23,42,.1)}
.webriva-comment-main{min-width:0}
.webriva-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.webriva-comment-author{margin:0 0 5px;color:#0f172a;font-size:15px;font-weight:900;line-height:1.3}
.webriva-comment-meta{display:flex;align-items:center;gap:7px;margin:0;color:#94a3b8;font-size:11px}
.webriva-comment-meta i{color:#60a5fa}
.webriva-comment-meta a{color:inherit}
.webriva-comment-actions .comment-reply-link{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#1670b2;font-size:11px;font-weight:800;white-space:nowrap}
.webriva-comment-actions .comment-reply-link:hover{background:#2481c4;color:#fff}
.webriva-comment-content{margin-top:14px;color:#475569;font-size:14px;line-height:1.75}
.webriva-comment-content p{margin:0 0 10px}
.webriva-comment-content p:last-child{margin-bottom:0}
.webriva-comment-awaiting{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12px;font-weight:700}
.webriva-comments-pagination{margin-top:24px}
.webriva-comments-pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:8px}
.webriva-comments-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:800}
.webriva-comments-pagination .page-numbers.current,.webriva-comments-pagination .page-numbers:hover{border-color:#2481c4;background:#2481c4;color:#fff}
.webriva-comment-form{margin-top:34px;padding-top:30px;border-top:1px solid #e2e8f0}
.comment-reply-title{margin:0}
.webriva-reply-title-text{display:block;margin-top:12px;color:#0f172a;font-size:clamp(1.55rem,3vw,2rem);font-weight:900;letter-spacing:-.025em}
.comment-reply-title small{display:block;margin-top:8px}
.comment-reply-title small a{color:#ef4444;font-size:12px;font-weight:750}
.webriva-comment-note{margin:10px 0 20px;color:#64748b;font-size:13px;line-height:1.6}
.webriva-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.webriva-field{margin:0 0 17px}
.webriva-field label{display:block;margin-bottom:8px;color:#334155;font-size:12px;font-weight:850}
.webriva-field .required,.webriva-comment-note .required{color:#ef4444}
.webriva-field input,.webriva-field textarea{display:block;width:100%;max-width:none!important;min-height:50px;padding:13px 15px;border:1px solid #cbd5e1!important;border-radius:12px!important;outline:0;background:#f8fafc!important;color:#0f172a!important;font:inherit;font-size:14px;line-height:1.5;box-shadow:none!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.webriva-field textarea{min-height:170px;resize:vertical}
.webriva-field input::placeholder,.webriva-field textarea::placeholder{color:#a0aec0}
.webriva-field input:focus,.webriva-field textarea:focus{border-color:#2481c4!important;background:#fff!important;box-shadow:0 0 0 4px rgba(36,129,196,.1)!important}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px;margin:2px 0 20px;color:#64748b;font-size:12px;line-height:1.55}
.comment-form-cookies-consent input{flex:0 0 17px;width:17px;height:17px;margin-top:1px;accent-color:#2481c4}
.comment-form-cookies-consent label{margin:0}
.comment-form-submit-wrap{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}
.comment-form-submit-wrap .submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:0;border-radius:13px;background:linear-gradient(135deg,#2481c4,#1670b2);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(36,129,196,.22);transition:transform .2s ease,box-shadow .2s ease}
.comment-form-submit-wrap .submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(36,129,196,.3)}
.comment-form-submit-wrap .submit:active{transform:translateY(0)}

@media(max-width:900px){
  .webriva-article-grid{grid-template-columns:1fr;gap:16px}
  .webriva-share-rail{position:static;flex-direction:row;justify-content:center;order:2;padding:0}
  .webriva-share-rail>span{writing-mode:horizontal-tb;transform:none;margin:0 4px 0 0}
  .webriva-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .webriva-single-container{width:min(100% - 22px,1180px)}
  .webriva-article-wrap{padding-top:34px;padding-bottom:50px}
  .webriva-article-header{margin-bottom:26px}
  .webriva-article-header h1{font-size:clamp(1.9rem,9vw,2.8rem)}
  .webriva-article-meta{gap:9px 15px;font-size:12px}
  .webriva-hero-image{height:260px;margin-bottom:24px;border-radius:22px}
  .webriva-article-content{padding:28px 20px;border-radius:22px}
  .webriva-article-content:before{left:20px;right:20px}
  .article-content>p:first-of-type{font-size:1.03rem}
  .article-content p{font-size:.98rem;line-height:1.82}
  .article-content blockquote{padding:22px 18px 22px 54px}
  .article-content blockquote:before{left:16px;font-size:48px}
  .article-content table{display:block;overflow-x:auto;white-space:nowrap}
  .webriva-author-box{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:20px}
  .webriva-author-avatar img{width:58px!important;height:58px!important;border-radius:16px}
  .webriva-post-navigation{grid-template-columns:1fr}
  .webriva-related-grid{grid-template-columns:1fr}
  .webriva-related-heading{align-items:flex-start;flex-direction:column}
  .webriva-comments-section{padding:22px 16px;border-radius:22px}
  .webriva-comment-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px}
  .webriva-comment-avatar img{width:42px!important;height:42px!important;max-width:42px!important;border-radius:13px}
  .webriva-comment-head{gap:8px}
  .webriva-comment-actions .comment-reply-link{padding:7px 8px;font-size:10px}
  .webriva-comment-list .children{margin-left:18px;padding-left:12px}
  .webriva-field-grid{grid-template-columns:1fr;gap:0}
}