/* [next]/internal/font/google/manrope_a64403b3.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_a64403b3-module__e2mtJa__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_a64403b3-module__e2mtJa__variable {
  --font-sans: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/cormorant_garamond_d12b29e6.module.css [app-client] (css) */
@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.p.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.p.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.p.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.p.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond Fallback;
  src: local(Times New Roman);
  ascent-override: 95.27%;
  descent-override: 29.59%;
  line-gap-override: 0.0%;
  size-adjust: 96.98%;
}

.cormorant_garamond_d12b29e6-module__jrI4bG__className {
  font-family: Cormorant Garamond, Cormorant Garamond Fallback;
  font-style: normal;
}

.cormorant_garamond_d12b29e6-module__jrI4bG__variable {
  --font-serif: "Cormorant Garamond", "Cormorant Garamond Fallback";
}

/* [project]/packages/next/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: #fef2f2;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-700: #b75000;
    --color-green-100: #dcfce7;
    --color-green-600: #00a544;
    --color-green-800: #016630;
    --color-emerald-400: #00d294;
    --color-blue-100: #dbeafe;
    --color-blue-800: #193cb8;
    --color-indigo-950: #1e1a4d;
    --color-violet-500: #8d54ff;
    --color-violet-600: #7f22fe;
    --color-violet-700: #7008e7;
    --color-violet-800: #5d0ec0;
    --color-violet-900: #4d179a;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: var(--radius);
    --radius-button: 9999px;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-800: lab(30.2514% 27.7853 -70.2699);
      --color-indigo-950: lab(12.4853% 14.9672 -31.3418);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-violet-800: lab(29.3188% 57.7986 -76.1493);
      --color-violet-900: lab(24.3783% 45.7525 -61.4902);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
    -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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html {
    max-width: 100vw;
    overflow-x: clip;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    min-height: 100dvh;
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-sans), system-ui, sans-serif;
    background-color: var(--background);
    background-image: radial-gradient(ellipse 110% 52% at 50% -16%,
      var(--lamp-wash),
      transparent 58%);
    background-attachment: fixed;
  }

  @media not (min-width: 768px) {
    body {
      min-height: var(--app-height);
      background-attachment: scroll;
    }
  }
}

@layer components {
  .card-strip {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    gap: calc(var(--spacing) * 2.5);
    scroll-behavior: smooth;
    padding-bottom: var(--spacing);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display: flex;
    overflow-x: auto;
  }

  .card-strip::-webkit-scrollbar {
    display: none;
  }

  .card-strip-item {
    scroll-snap-align: center;
  }

  .deck-card.card-strip-item {
    flex-shrink: 0;
    width: min(23vw, 88px);
    min-width: 0;
    height: 124px;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .deck-overlap {
    padding-right: calc(var(--spacing) * 3);
    padding-left: var(--spacing);
  }

  .deck-overlap.card-strip {
    gap: 0;
  }

  .deck-overlap > .card-strip-item + .card-strip-item {
    margin-left: -1.85rem;
  }

  @media not (min-width: 64rem) {
    .deck-overlap {
      padding-right: calc(var(--spacing) * 2);
      padding-left: calc(var(--spacing) * .5);
    }

    .deck-overlap > .card-strip-item + .card-strip-item {
      margin-left: -2.65rem;
    }
  }

  @media (min-width: 64rem) {
    .deck-fan.card-strip {
      scroll-snap-type: none;
      touch-action: auto;
      --deck-overlap-ratio: .88;
      --deck-card-w: calc(100% / ((1 - var(--deck-overlap-ratio)) * var(--deck-count) + var(--deck-overlap-ratio)));
      --deck-overlap: calc(var(--deck-card-w) * var(--deck-overlap-ratio));
      justify-content: flex-start;
      align-items: flex-end;
      gap: 0;
      width: 100%;
      max-width: 100%;
      min-height: 9.5rem;
      margin-top: -.75rem;
      padding-top: .75rem;
      padding-bottom: 0;
      overflow: clip visible;
    }

    .deck-fan.deck-overlap {
      padding-left: .35rem;
      padding-right: 0;
    }

    .deck-fan.deck-overlap > .card-strip-item + .card-strip-item {
      margin-left: calc(-1 * var(--deck-overlap));
    }

    .deck-fan .deck-card.card-strip-item {
      flex: 0 0 var(--deck-card-w);
      width: var(--deck-card-w);
      min-width: 0;
      max-width: var(--deck-card-w);
      scroll-snap-align: none;
      aspect-ratio: 5 / 7;
      height: auto;
      transition: translate .16s cubic-bezier(.22, 1, .36, 1);
    }

    .deck-fan .deck-card.card-strip-item:first-child {
      margin-left: 0;
    }

    .deck-fan .deck-card.card-strip-item img {
      object-fit: cover;
      object-position: left center;
      width: 100%;
      height: 100%;
    }

    .deck-fan .deck-card.card-strip-item:hover, .deck-fan .deck-card.card-strip-item:focus-visible {
      translate: 0 -18px;
    }

    .deck-fan .deck-card.card-strip-item:active {
      translate: 0 -10px;
    }
  }

  .deck-dock {
    margin-top: calc(var(--spacing) * 6);
  }

  :where(.deck-dock > :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)));
  }

  .deck-dock {
    padding-inline: 0;
    padding-block: calc(var(--spacing) * 3);
  }

  .spread-pick-mobile {
    --spread-dock-offset: 17rem;
  }

  @media not (min-width: 64rem) {
    .deck-dock {
      z-index: 30;
      bottom: calc(.75rem + env(safe-area-inset-bottom));
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      background: #08080feb;
      background: lab(2.4093% .811242 -2.87112 / .92);
      border-top: 1px solid #ffffff14;
      border-top: 1px solid lab(100% 0 0 / .08);
      margin-inline: -1rem;
      padding-inline: 1rem;
      position: sticky;
    }

    .spread-pick-mobile .deck-dock {
      z-index: 35;
      margin-inline: 0;
      padding-inline: 1rem;
      padding-bottom: max(.75rem, env(safe-area-inset-bottom));
      margin-top: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .spread-pick-mobile .deck-fan.card-strip {
      margin-top: -.75rem;
      padding-top: .75rem;
      overflow-y: visible;
    }

    .spread-pick-mobile .deck-card.card-strip-item {
      aspect-ratio: 5 / 7;
      width: min(20vw, 76px) !important;
      max-width: min(20vw, 76px) !important;
      height: auto !important;
      overflow: visible !important;
    }

    .spread-pick-mobile .deck-card img {
      object-fit: contain;
      object-position: center;
    }

    .spread-pick-mobile .deck-dock-spacer {
      height: var(--spread-dock-offset);
      flex-shrink: 0;
    }
  }

  @media (min-width: 64rem) {
    .deck-dock {
      margin-top: 2rem;
      padding-top: .5rem;
      padding-bottom: 0;
    }

    .spread-pick-mobile .deck-dock {
      margin-top: 2rem;
      position: static;
    }

    .spread-pick-mobile .deck-dock-spacer {
      display: none;
    }

    .deck-scrollable.deck-fan .deck-card.card-strip-item {
      flex: 0 0 76px;
      width: 76px;
      max-width: 76px;
      height: 106px;
    }

    .deck-scrollable.deck-fan.deck-overlap > .card-strip-item + .card-strip-item {
      margin-left: -2rem;
    }
  }

  @media not (min-width: 64rem) {
    .deck-card {
      transition: translate .12s;
    }

    .deck-card img {
      object-fit: cover;
      object-position: left center;
      width: 100%;
      height: 100%;
    }

    .deck-card:hover, .deck-card:focus-visible {
      translate: 0 -12px;
    }
  }

  @keyframes deck-fan-spread {
    from {
      opacity: 0;
      scale: .94;
      translate: calc(-1 * min(var(--deck-enter-i, 0), 32) * (var(--deck-card-w) - var(--deck-overlap))) 10px;
    }

    to {
      opacity: 1;
      translate: 0;
      scale: 1;
    }
  }

  @keyframes deck-strip-spread {
    from {
      opacity: 0;
      scale: .94;
      translate: calc(-1 * min(var(--deck-enter-i, 0), 32) * 2.65rem) 8px;
    }

    to {
      opacity: 1;
      translate: 0;
      scale: 1;
    }
  }

  .deck-card--spread-in {
    transform-origin: 0 100%;
    animation: .42s cubic-bezier(.22, 1, .36, 1) both deck-strip-spread;
    animation-delay: calc(min(var(--deck-enter-i, 0), 32) * 14ms);
  }

  @media (min-width: 64rem) {
    .deck-fan .deck-card--spread-in {
      animation-name: deck-fan-spread;
    }
  }

  @keyframes tg-picked-thumb-enter {
    from {
      opacity: 0;
      transform: translate3d(0, 10px, 0)scale(.98);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0)scale(1);
    }
  }

  @keyframes tg-spread-step-enter {
    from {
      opacity: 0;
      transform: translate3d(0, 10px, 0);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  .tg-picked-thumb-enter {
    animation: .28s cubic-bezier(.22, 1, .36, 1) both tg-picked-thumb-enter;
  }

  .tg-spread-step-enter {
    animation: .22s cubic-bezier(.22, 1, .36, 1) both tg-spread-step-enter;
  }

  .tg-picked-face-reversed {
    transform: rotate(180deg);
  }

  [data-spread-position-target][data-spread-landing] > * {
    opacity: 0;
  }

  .tg-card-reveal-backdrop {
    z-index: 99998;
    pointer-events: none;
    opacity: 0;
    background: #0102039e;
    background: lab(.448242% .144131 -.654393 / .62);
    position: fixed;
    inset: 0;
  }

  .tg-card-flight {
    z-index: 99999;
    pointer-events: none;
    transform-origin: center;
    filter: drop-shadow(0 12px 20px #00000059);
    position: fixed;
  }

  .tg-card-flight-image {
    object-fit: contain;
    border-radius: .25rem;
    width: 100%;
    height: 100%;
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .bottom-0 {
    bottom: 0;
  }

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

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

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

  .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-\[55\] {
    z-index: 55;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[65\] {
    z-index: 65;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-0 {
    margin-inline: 0;
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: #364153;
    --tw-prose-headings: #101828;
    --tw-prose-lead: #4a5565;
    --tw-prose-links: #101828;
    --tw-prose-bold: #101828;
    --tw-prose-counters: #6a7282;
    --tw-prose-bullets: #d1d5dc;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #101828;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6a7282;
    --tw-prose-kbd: #101828;
    --tw-prose-kbd-shadows: #1018281a;
    --tw-prose-code: #101828;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1e2939;
    --tw-prose-th-borders: #d1d5dc;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5dc;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #99a1af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #99a1af;
    --tw-prose-invert-bullets: #4a5565;
    --tw-prose-invert-hr: #364153;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #364153;
    --tw-prose-invert-captions: #99a1af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5dc;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4a5565;
    --tw-prose-invert-td-borders: #364153;
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-prose-body: lab(27.1134% -.956401 -12.3224);
      --tw-prose-headings: lab(8.11897% .811279 -12.254);
      --tw-prose-lead: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-links: lab(8.11897% .811279 -12.254);
      --tw-prose-bold: lab(8.11897% .811279 -12.254);
      --tw-prose-counters: lab(47.7841% -.393182 -10.0268);
      --tw-prose-bullets: lab(85.1236% -.612259 -3.7138);
      --tw-prose-hr: lab(91.6229% -.159115 -2.26791);
      --tw-prose-quotes: lab(8.11897% .811279 -12.254);
      --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-captions: lab(47.7841% -.393182 -10.0268);
      --tw-prose-kbd: lab(8.11897% .811279 -12.254);
      --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254 / .1);
      --tw-prose-code: lab(8.11897% .811279 -12.254);
      --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791);
      --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
      --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138);
      --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575);
      --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224);
    }
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

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

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    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-\[0\.45rem\] {
    margin-top: .45rem;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

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

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-5\/7 {
    aspect-ratio: 5 / 7;
  }

  .aspect-\[2\/3\] {
    aspect-ratio: 2 / 3;
  }

  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .h-1 {
    height: var(--spacing);
  }

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

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

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

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-\[3\.75rem\] {
    height: 3.75rem;
  }

  .h-\[4\.5rem\] {
    height: 4.5rem;
  }

  .h-\[5\.5rem\] {
    height: 5.5rem;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[124px\] {
    height: 124px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\[12\.5rem\] {
    max-height: 12.5rem;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[min\(92dvh\,40rem\)\] {
    max-height: min(92dvh, 40rem);
  }

  .min-h-\(--spread-board-min-h\) {
    min-height: var(--spread-board-min-h);
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }

  .min-h-\[4\.5rem\] {
    min-height: 4.5rem;
  }

  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }

  .min-h-\[8\.5rem\] {
    min-height: 8.5rem;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-\(--spread-slot-width\) {
    width: var(--spread-slot-width);
  }

  .w-1 {
    width: var(--spacing);
  }

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

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

  .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-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-\[3\.75rem\] {
    width: 3.75rem;
  }

  .w-\[4\.5rem\] {
    width: 4.5rem;
  }

  .w-\[5\.5rem\] {
    width: 5.5rem;
  }

  .w-\[9\.5rem\] {
    width: 9.5rem;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-\[min\(23vw\,88px\)\] {
    width: min(23vw, 88px);
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .max-w-\(--spread-stage-max-w\) {
    max-width: var(--spread-stage-max-w);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[4\.5rem\] {
    max-width: 4.5rem;
  }

  .max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }

  .max-w-\[8\.5rem\] {
    max-width: 8.5rem;
  }

  .max-w-\[10rem\] {
    max-width: 10rem;
  }

  .max-w-\[12rem\] {
    max-width: 12rem;
  }

  .max-w-\[15\.5rem\] {
    max-width: 15.5rem;
  }

  .max-w-\[20rem\] {
    max-width: 20rem;
  }

  .max-w-\[42rem\] {
    max-width: 42rem;
  }

  .max-w-\[88\%\] {
    max-width: 88%;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-22 {
    min-width: calc(var(--spacing) * 22);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-\[3\.25rem\] {
    min-width: 3.25rem;
  }

  .min-w-\[3rem\] {
    min-width: 3rem;
  }

  .min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }

  .min-w-\[7rem\] {
    min-width: 7rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-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 {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

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

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .\[scrollbar-width\:none\], .scrollbar-none {
    scrollbar-width: none;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .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-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

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

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

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

  :where(.\!space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.\!space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-0\.5 > :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)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :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)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :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)));
  }

  :where(.space-y-4 > :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)));
  }

  :where(.space-y-5 > :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)));
  }

  :where(.space-y-6 > :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)));
  }

  :where(.space-y-8 > :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)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {
    column-gap: var(--spacing);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

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

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

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

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

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

  :where(.divide-y > :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)));
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .self-center {
    align-self: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .\!rounded-none {
    border-radius: 0 !important;
  }

  .rounded {
    border-radius: var(--radius);
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-button {
    border-radius: 9999px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }

  .rounded-br-md {
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-bl-md {
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

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

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[color\:var\(--public-border\)\] {
    border-color: var(--public-border);
  }

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/30 {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .border-amber-500\/35 {
    border-color: #f99c0059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/35 {
      border-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-border\/20 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/20 {
      border-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .border-border\/25 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/25 {
      border-color: color-mix(in oklab, var(--border) 25%, transparent);
    }
  }

  .border-border\/35 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/35 {
      border-color: color-mix(in oklab, var(--border) 35%, transparent);
    }
  }

  .border-border\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-border\/45 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/45 {
      border-color: color-mix(in oklab, var(--border) 45%, transparent);
    }
  }

  .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-border\/80 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }

  .border-destructive\/25 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/25 {
      border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }

  .border-destructive\/30 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/30 {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .border-destructive\/70 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/70 {
      border-color: color-mix(in oklab, var(--destructive) 70%, transparent);
    }
  }

  .border-domain-engage {
    border-color: var(--domain-engage);
  }

  .border-domain-engage-border\/20 {
    border-color: var(--domain-engage-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-engage-border\/20 {
      border-color: color-mix(in oklab, var(--domain-engage-border) 20%, transparent);
    }
  }

  .border-domain-engage-border\/35 {
    border-color: var(--domain-engage-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-engage-border\/35 {
      border-color: color-mix(in oklab, var(--domain-engage-border) 35%, transparent);
    }
  }

  .border-domain-engage-border\/40 {
    border-color: var(--domain-engage-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-engage-border\/40 {
      border-color: color-mix(in oklab, var(--domain-engage-border) 40%, transparent);
    }
  }

  .border-domain-engage-border\/60 {
    border-color: var(--domain-engage-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-engage-border\/60 {
      border-color: color-mix(in oklab, var(--domain-engage-border) 60%, transparent);
    }
  }

  .border-domain-spread-border\/20 {
    border-color: var(--domain-spread-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-spread-border\/20 {
      border-color: color-mix(in oklab, var(--domain-spread-border) 20%, transparent);
    }
  }

  .border-domain-stars-border {
    border-color: var(--domain-stars-border);
  }

  .border-domain-stars-border\/20 {
    border-color: var(--domain-stars-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-stars-border\/20 {
      border-color: color-mix(in oklab, var(--domain-stars-border) 20%, transparent);
    }
  }

  .border-domain-stars-border\/35 {
    border-color: var(--domain-stars-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-stars-border\/35 {
      border-color: color-mix(in oklab, var(--domain-stars-border) 35%, transparent);
    }
  }

  .border-domain-stars-border\/40 {
    border-color: var(--domain-stars-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-stars-border\/40 {
      border-color: color-mix(in oklab, var(--domain-stars-border) 40%, transparent);
    }
  }

  .border-domain-stars-border\/50 {
    border-color: var(--domain-stars-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-stars-border\/50 {
      border-color: color-mix(in oklab, var(--domain-stars-border) 50%, transparent);
    }
  }

  .border-domain-stars-border\/60 {
    border-color: var(--domain-stars-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-domain-stars-border\/60 {
      border-color: color-mix(in oklab, var(--domain-stars-border) 60%, transparent);
    }
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

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

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

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

  .border-primary\/20 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .border-primary\/25 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/25 {
      border-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .border-primary\/28 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/28 {
      border-color: color-mix(in oklab, var(--primary) 28%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-primary\/35 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/35 {
      border-color: color-mix(in oklab, var(--primary) 35%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-primary\/45 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/45 {
      border-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }

  .border-primary\/60 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/60 {
      border-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .border-primary\/65 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/65 {
      border-color: color-mix(in oklab, var(--primary) 65%, transparent);
    }
  }

  .border-primary\/70 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/70 {
      border-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-600 {
    border-color: var(--color-violet-600);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/\[0\.1\] {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.1\] {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/\[0\.12\] {
    border-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.12\] {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .bg-\[\#FC3F1D\] {
    background-color: #fc3f1d;
  }

  .bg-\[color-mix\(in_oklch\,var\(--background\)_92\%\,transparent\)\] {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklch\,var\(--background\)_92\%\,transparent\)\] {
      background-color: color-mix(in oklch,var(--background) 92%,transparent);
    }
  }

  .bg-\[oklch\(0\.28_0\.03_285\/0\.38\)\] {
    background-color: #27273761;
    background-color: lab(16.1742% 3.521 -10.6183 / .38);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/12 {
    background-color: #f99c001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/12 {
      background-color: color-mix(in oklab, var(--color-amber-500) 12%, transparent);
    }
  }

  .bg-amber-500\/70 {
    background-color: #f99c00b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/70 {
      background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/20 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/20 {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .bg-background\/30 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/30 {
      background-color: color-mix(in oklab, var(--background) 30%, transparent);
    }
  }

  .bg-background\/40 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }

  .bg-background\/50 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }

  .bg-background\/55 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/55 {
      background-color: color-mix(in oklab, var(--background) 55%, transparent);
    }
  }

  .bg-background\/60 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/60 {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .bg-background\/70 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-border\/50 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/50 {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .bg-border\/60 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/60 {
      background-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-card\/20 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/20 {
      background-color: color-mix(in oklab, var(--card) 20%, transparent);
    }
  }

  .bg-card\/25 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/25 {
      background-color: color-mix(in oklab, var(--card) 25%, transparent);
    }
  }

  .bg-card\/30 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/30 {
      background-color: color-mix(in oklab, var(--card) 30%, transparent);
    }
  }

  .bg-card\/35 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/35 {
      background-color: color-mix(in oklab, var(--card) 35%, transparent);
    }
  }

  .bg-card\/40 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/40 {
      background-color: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .bg-card\/50 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/50 {
      background-color: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }

  .bg-card\/55 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/55 {
      background-color: color-mix(in oklab, var(--card) 55%, transparent);
    }
  }

  .bg-card\/60 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/60 {
      background-color: color-mix(in oklab, var(--card) 60%, transparent);
    }
  }

  .bg-card\/80 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/80 {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }

  .bg-card\/95 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/95 {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/8 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/8 {
      background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-destructive\/90 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/90 {
      background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  .bg-domain-engage {
    background-color: var(--domain-engage);
  }

  .bg-domain-engage-soft {
    background-color: var(--domain-engage-soft);
  }

  .bg-domain-engage-soft\/25 {
    background-color: var(--domain-engage-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-engage-soft\/25 {
      background-color: color-mix(in oklab, var(--domain-engage-soft) 25%, transparent);
    }
  }

  .bg-domain-engage-soft\/50 {
    background-color: var(--domain-engage-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-engage-soft\/50 {
      background-color: color-mix(in oklab, var(--domain-engage-soft) 50%, transparent);
    }
  }

  .bg-domain-spread-soft\/25 {
    background-color: var(--domain-spread-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-spread-soft\/25 {
      background-color: color-mix(in oklab, var(--domain-spread-soft) 25%, transparent);
    }
  }

  .bg-domain-spread\/80 {
    background-color: var(--domain-spread);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-spread\/80 {
      background-color: color-mix(in oklab, var(--domain-spread) 80%, transparent);
    }
  }

  .bg-domain-stars {
    background-color: var(--domain-stars);
  }

  .bg-domain-stars-soft {
    background-color: var(--domain-stars-soft);
  }

  .bg-domain-stars-soft\/25 {
    background-color: var(--domain-stars-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-stars-soft\/25 {
      background-color: color-mix(in oklab, var(--domain-stars-soft) 25%, transparent);
    }
  }

  .bg-domain-stars-soft\/30 {
    background-color: var(--domain-stars-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-stars-soft\/30 {
      background-color: color-mix(in oklab, var(--domain-stars-soft) 30%, transparent);
    }
  }

  .bg-domain-stars-soft\/40 {
    background-color: var(--domain-stars-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-stars-soft\/40 {
      background-color: color-mix(in oklab, var(--domain-stars-soft) 40%, transparent);
    }
  }

  .bg-domain-stars-soft\/80 {
    background-color: var(--domain-stars-soft);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-domain-stars-soft\/80 {
      background-color: color-mix(in oklab, var(--domain-stars-soft) 80%, transparent);
    }
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }

  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground\/25 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/25 {
      background-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }

  .bg-muted-foreground\/40 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/40 {
      background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/25 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/25 {
      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/8 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/8 {
      background-color: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/12 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/12 {
      background-color: color-mix(in oklab, var(--primary) 12%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .bg-primary\/60 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/60 {
      background-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .bg-primary\/65 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/65 {
      background-color: color-mix(in oklab, var(--primary) 65%, transparent);
    }
  }

  .bg-primary\/70 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/70 {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-secondary\/20 {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/20 {
      background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

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

  .from-amber-500\/10 {
    --tw-gradient-from: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-amber-500\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .from-amber-500\/10 {
    --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-card\/50 {
    --tw-gradient-from: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-card\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }

  .from-card\/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));
  }

  .from-indigo-950 {
    --tw-gradient-from: var(--color-indigo-950);
    --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-primary\/5 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .from-primary\/5 {
    --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-primary\/8 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/8 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }

  .from-primary\/8 {
    --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-primary\/10 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .from-primary\/10 {
    --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-primary\/12 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/12 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 12%, transparent);
    }
  }

  .from-primary\/12 {
    --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-primary\/15 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/15 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .from-primary\/15 {
    --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-card\/30 {
    --tw-gradient-via: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-card\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--card) 30%, transparent);
    }
  }

  .via-card\/30 {
    --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-card\/40 {
    --tw-gradient-via: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-card\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .via-card\/40 {
    --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-card\/50 {
    --tw-gradient-via: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-card\/50 {
      --tw-gradient-via: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }

  .via-card\/50 {
    --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-background\/20 {
    --tw-gradient-to: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-background\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .to-background\/20 {
    --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-card\/20 {
    --tw-gradient-to: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-card\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent);
    }
  }

  .to-card\/20 {
    --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-card\/30 {
    --tw-gradient-to: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-card\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--card) 30%, transparent);
    }
  }

  .to-card\/30 {
    --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-card\/40 {
    --tw-gradient-to: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-card\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .to-card\/40 {
    --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-primary\/5 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .to-primary\/5 {
    --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-violet-900 {
    --tw-gradient-to: var(--color-violet-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: 0 !important;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

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

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

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

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

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

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

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .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-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

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

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

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .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-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\] {
    padding-top: max(.75rem, env(safe-area-inset-top));
  }

  .pt-\[max\(0\.875rem\,env\(safe-area-inset-top\)\)\] {
    padding-top: max(.875rem, env(safe-area-inset-top));
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

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

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

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

  .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-\[max\(0\.5rem\,var\(--mobile-safe-bottom\)\)\] {
    padding-bottom: max(.5rem, var(--mobile-safe-bottom));
  }

  .pb-\[max\(0\.25rem\,var\(--mobile-safe-bottom\)\)\] {
    padding-bottom: max(.25rem, var(--mobile-safe-bottom));
  }

  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  }

  .pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

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

  .pl-\[2\.625rem\] {
    padding-left: 2.625rem;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .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-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-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[0\.95em\] {
    font-size: .95em;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[1\.55rem\] {
    font-size: 1.55rem;
  }

  .text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .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-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.35em\] {
    --tw-tracking: .35em;
    letter-spacing: .35em;
  }

  .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-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#1f1f1f\] {
    color: #1f1f1f;
  }

  .text-\[var\(--gradient-gold\)\] {
    color: var(--gradient-gold);
  }

  .text-\[var\(--public-text\)\] {
    color: var(--public-text);
  }

  .text-\[var\(--public-text-muted\)\] {
    color: var(--public-text-muted);
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-destructive\/80 {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-destructive\/80 {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }

  .text-domain-engage {
    color: var(--domain-engage);
  }

  .text-domain-engage-fg {
    color: var(--domain-engage-fg);
  }

  .text-domain-stars-fg {
    color: var(--domain-stars-fg);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/85 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-foreground\/95 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/95 {
      color: color-mix(in oklab, var(--foreground) 95%, transparent);
    }
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-inherit {
    color: inherit;
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-muted-foreground\/35 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/35 {
      color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .text-muted-foreground\/85 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/85 {
      color: color-mix(in oklab, var(--muted-foreground) 85%, transparent);
    }
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-primary-foreground\/80 {
    color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-foreground\/80 {
      color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
    }
  }

  .text-primary\/60 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/60 {
      color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .text-primary\/70 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/70 {
      color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .text-primary\/75 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/75 {
      color: color-mix(in oklab, var(--primary) 75%, transparent);
    }
  }

  .text-primary\/80 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/80 {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .text-primary\/85 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/85 {
      color: color-mix(in oklab, var(--primary) 85%, transparent);
    }
  }

  .text-primary\/90 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/90 {
      color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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_24px_oklch\(0_0_0\/0\.12\)\] {
    --tw-shadow: 0 -4px 24px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[0_-4px_24px_oklch\(0_0_0\/0\.12\)\] {
      --tw-shadow: 0 -4px 24px var(--tw-shadow-color, lab(0% 0 0 / .12));
    }
  }

  .shadow-\[0_-8px_32px_oklch\(0_0_0\/0\.35\)\] {
    --tw-shadow: 0 -8px 32px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[0_-8px_32px_oklch\(0_0_0\/0\.35\)\] {
      --tw-shadow: 0 -8px 32px var(--tw-shadow-color, lab(0% 0 0 / .35));
    }
  }

  .shadow-\[0_0_16px_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
    --tw-shadow: 0 0 16px var(--tw-shadow-color, var(--domain-stars));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_16px_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
      --tw-shadow: 0 0 16px var(--tw-shadow-color, color-mix(in oklch,var(--domain-stars) 8%,transparent));
    }
  }

  .shadow-\[0_0_16px_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
    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_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, var(--domain-stars));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
      --tw-shadow: 0 0 20px var(--tw-shadow-color, color-mix(in oklch,var(--domain-stars) 8%,transparent));
    }
  }

  .shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--domain-stars\)_8\%\,transparent\)\] {
    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_var\(--glow\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, var(--glow));
    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_28px_var\(--glow\)\] {
    --tw-shadow: 0 0 28px var(--tw-shadow-color, var(--glow));
    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_24px_oklch\(0_83_0\.15_86\/0\.06\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, oklch(0 83 .15 86/.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_8px_28px_oklch\(0_0_0\/0\.18\)\] {
    --tw-shadow: 0 8px 28px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[0_8px_28px_oklch\(0_0_0\/0\.18\)\] {
      --tw-shadow: 0 8px 28px var(--tw-shadow-color, lab(0% 0 0 / .18));
    }
  }

  .shadow-\[0_8px_32px_oklch\(0_0_0\/0\.1\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-\[0_8px_32px_oklch\(0_0_0\/0\.1\)\] {
      --tw-shadow: 0 8px 32px var(--tw-shadow-color, lab(0% 0 0 / .1));
    }
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    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, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .ring-2 {
    --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);
  }

  .shadow-black\/5 {
    --tw-shadow-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/5 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }

  .ring-primary {
    --tw-ring-color: var(--primary);
  }

  .ring-primary\/70 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/70 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .ring-ring {
    --tw-ring-color: var(--ring);
  }

  .ring-white\/10 {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .ring-offset-2 {
    --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);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

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

  .drop-shadow-\[0_8px_24px_oklch\(0_0_0\/0\.35\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 24px var(--tw-drop-shadow-color, #00000059));
    --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, );
  }

  @supports (color: lab(0% 0 0)) {
    .drop-shadow-\[0_8px_24px_oklch\(0_0_0\/0\.35\)\] {
      --tw-drop-shadow-size: drop-shadow(0 8px 24px var(--tw-drop-shadow-color, lab(0% 0 0 / .35)));
    }
  }

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

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

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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-none {
    --tw-backdrop-blur:  ;
    -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, );
  }

  .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, 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-\[background-color\,box-shadow\,border-color\,transform\] {
    transition-property: background-color, box-shadow, border-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\,transform\] {
    transition-property: border-color, background-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\] {
    transition-property: border-color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .prose-invert {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:underline:is(:where(.group):is([open], :popover-open, :open) *) {
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .marker\:content-none ::marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none::marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none ::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }

  .marker\:content-none::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .open\:border-border\/70:is([open], :popover-open, :open) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .open\:border-border\/70:is([open], :popover-open, :open) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:border-amber-500\/50:hover {
      border-color: #f99c0080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-500\/50:hover {
        border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
      }
    }

    .hover\:border-border:hover, .hover\:border-border\/80:hover {
      border-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border\/80:hover {
        border-color: color-mix(in oklab, var(--border) 80%, transparent);
      }
    }

    .hover\:border-domain-engage-border\/40:hover {
      border-color: var(--domain-engage-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-engage-border\/40:hover {
        border-color: color-mix(in oklab, var(--domain-engage-border) 40%, transparent);
      }
    }

    .hover\:border-domain-spread-border\/40:hover {
      border-color: var(--domain-spread-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-spread-border\/40:hover {
        border-color: color-mix(in oklab, var(--domain-spread-border) 40%, transparent);
      }
    }

    .hover\:border-domain-stars-border:hover, .hover\:border-domain-stars-border\/40:hover {
      border-color: var(--domain-stars-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-stars-border\/40:hover {
        border-color: color-mix(in oklab, var(--domain-stars-border) 40%, transparent);
      }
    }

    .hover\:border-domain-stars-border\/45:hover {
      border-color: var(--domain-stars-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-stars-border\/45:hover {
        border-color: color-mix(in oklab, var(--domain-stars-border) 45%, transparent);
      }
    }

    .hover\:border-domain-stars-border\/60:hover {
      border-color: var(--domain-stars-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-stars-border\/60:hover {
        border-color: color-mix(in oklab, var(--domain-stars-border) 60%, transparent);
      }
    }

    .hover\:border-domain-stars-border\/70:hover {
      border-color: var(--domain-stars-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-domain-stars-border\/70:hover {
        border-color: color-mix(in oklab, var(--domain-stars-border) 70%, transparent);
      }
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:border-primary\/25:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/25:hover {
        border-color: color-mix(in oklab, var(--primary) 25%, transparent);
      }
    }

    .hover\:border-primary\/30:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/30:hover {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:border-primary\/35:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/35:hover {
        border-color: color-mix(in oklab, var(--primary) 35%, transparent);
      }
    }

    .hover\:border-primary\/45:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/45:hover {
        border-color: color-mix(in oklab, var(--primary) 45%, transparent);
      }
    }

    .hover\:border-primary\/55:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/55:hover {
        border-color: color-mix(in oklab, var(--primary) 55%, transparent);
      }
    }

    .hover\:bg-accent\/30:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/30:hover {
        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }

    .hover\:bg-accent\/40:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/40:hover {
        background-color: color-mix(in oklab, var(--accent) 40%, transparent);
      }
    }

    .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:bg-background\/60:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/60:hover {
        background-color: color-mix(in oklab, var(--background) 60%, transparent);
      }
    }

    .hover\:bg-card:hover, .hover\:bg-card\/40:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/40:hover {
        background-color: color-mix(in oklab, var(--card) 40%, transparent);
      }
    }

    .hover\:bg-card\/70:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/70:hover {
        background-color: color-mix(in oklab, var(--card) 70%, transparent);
      }
    }

    .hover\:bg-card\/80:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/80:hover {
        background-color: color-mix(in oklab, var(--card) 80%, transparent);
      }
    }

    .hover\:bg-card\/90:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/90:hover {
        background-color: color-mix(in oklab, var(--card) 90%, transparent);
      }
    }

    .hover\:bg-destructive\/15:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/15:hover {
        background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
      }
    }

    .hover\:bg-domain-engage-soft\/80:hover {
      background-color: var(--domain-engage-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-domain-engage-soft\/80:hover {
        background-color: color-mix(in oklab, var(--domain-engage-soft) 80%, transparent);
      }
    }

    .hover\:bg-domain-stars-soft\/40:hover {
      background-color: var(--domain-stars-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-domain-stars-soft\/40:hover {
        background-color: color-mix(in oklab, var(--domain-stars-soft) 40%, transparent);
      }
    }

    .hover\:bg-domain-stars-soft\/55:hover {
      background-color: var(--domain-stars-soft);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-domain-stars-soft\/55:hover {
        background-color: color-mix(in oklab, var(--domain-stars-soft) 55%, transparent);
      }
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-primary\/5:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .hover\:bg-violet-700:hover {
      background-color: var(--color-violet-700);
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-domain-stars-fg:hover {
      color: var(--domain-stars-fg);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:text-red-800:hover {
      color: var(--color-red-800);
    }

    .hover\:text-violet-800:hover {
      color: var(--color-violet-800);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-95:hover {
      opacity: .95;
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      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 {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-\[1\.02\]:hover {
      --tw-brightness: brightness(1.02);
      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, );
    }
  }

  .focus\:border-violet-500:focus {
    border-color: var(--color-violet-500);
  }

  .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-violet-500:focus {
    --tw-ring-color: var(--color-violet-500);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-destructive\/50:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/50:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .focus-visible\:border-primary\/40:focus-visible {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-primary\/40:focus-visible {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .focus-visible\:ring-2:focus-visible {
    --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-visible\:ring-destructive\/30:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .focus-visible\:ring-primary\/40:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-ring\/60:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 60%, transparent);
    }
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  @media not (min-width: 64rem) {
    .max-lg\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .max-lg\:mb-1 {
      margin-bottom: var(--spacing);
    }

    .max-lg\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .max-lg\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:min-h-0 {
      min-height: 0;
    }

    :where(.max-lg\:space-y-2 > :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)));
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pointer-events-none {
      pointer-events: none;
    }

    .max-md\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-md\:fixed {
      position: fixed;
    }

    .max-md\:inset-x-0 {
      inset-inline: 0;
    }

    .max-md\:top-0 {
      top: 0;
    }

    .max-md\:top-\[env\(safe-area-inset-top\,0px\)\] {
      top: env(safe-area-inset-top, 0px);
    }

    .max-md\:mb-0 {
      margin-bottom: 0;
    }

    .max-md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:w-\[7\.75rem\] {
      width: 7.75rem;
    }

    .max-md\:-translate-y-\[calc\(100\%\+var\(--mobile-safe-top\)\)\] {
      --tw-translate-y: calc(calc(100% + var(--mobile-safe-top)) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    :where(.max-md\:space-y-0\.5 > :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)));
    }

    :where(.max-md\:space-y-3\.5 > :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)));
    }

    :where(.max-md\:space-y-4 > :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)));
    }

    .max-md\:bg-background\/80 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .max-md\:bg-background\/80 {
        background-color: color-mix(in oklab, var(--background) 80%, transparent);
      }
    }

    .max-md\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }

    .max-md\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .max-md\:pt-\[max\(0\.75rem\,var\(--mobile-safe-top\)\)\] {
      padding-top: max(.75rem, var(--mobile-safe-top));
    }

    .max-md\:pt-\[var\(--mobile-safe-top\)\] {
      padding-top: var(--mobile-safe-top);
    }

    .max-md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .max-md\:pb-\[max\(1\.5rem\,var\(--mobile-safe-bottom\)\)\] {
      padding-bottom: max(1.5rem, var(--mobile-safe-bottom));
    }

    .max-md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .max-md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .max-md\: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, );
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:h-dvh {
      height: 100dvh;
    }

    .max-sm\:max-h-dvh {
      max-height: 100dvh;
    }

    .max-sm\:flex-col {
      flex-direction: column;
    }

    .max-sm\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .sm\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }

    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .sm\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .sm\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

    .sm\:h-\[88px\] {
      height: 88px;
    }

    .sm\:h-auto {
      height: auto;
    }

    .sm\:max-h-\[min\(92dvh\,40rem\)\] {
      max-height: min(92dvh, 40rem);
    }

    .sm\:min-h-20 {
      min-height: calc(var(--spacing) * 20);
    }

    .sm\:min-h-\[7\.5rem\] {
      min-height: 7.5rem;
    }

    .sm\:w-\[62px\] {
      width: 62px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:max-w-\[15rem\] {
      max-width: 15rem;
    }

    .sm\:max-w-\[92\%\] {
      max-width: 92%;
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }

    .sm\:min-w-56 {
      min-width: calc(var(--spacing) * 56);
    }

    .sm\:min-w-\[8rem\] {
      min-width: 8rem;
    }

    .sm\:min-w-\[10rem\] {
      min-width: 10rem;
    }

    .sm\:min-w-\[11rem\] {
      min-width: 11rem;
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:gap-1 {
      gap: var(--spacing);
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    :where(.sm\:space-y-3 > :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)));
    }

    :where(.sm\:space-y-4 > :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)));
    }

    :where(.sm\:space-y-6 > :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)));
    }

    :where(.sm\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }

    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .sm\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .sm\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .sm\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }

    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .sm\:text-\[0\.9375rem\] {
      font-size: .9375rem;
    }

    .sm\:text-\[1\.65rem\] {
      font-size: 1.65rem;
    }

    .sm\:text-\[1\.75rem\] {
      font-size: 1.75rem;
    }

    .sm\:text-\[2\.75rem\] {
      font-size: 2.75rem;
    }

    .sm\:text-\[10px\] {
      font-size: 10px;
    }

    .sm\:text-\[15px\] {
      font-size: 15px;
    }

    .sm\:leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }

    .sm\:leading-snug {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }

    .sm\:tracking-\[0\.22em\] {
      --tw-tracking: .22em;
      letter-spacing: .22em;
    }
  }

  @media (min-width: 48rem) {
    .md\:static {
      position: static;
    }

    .md\:sticky {
      position: sticky;
    }

    .md\:top-0 {
      top: 0;
    }

    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .md\:mt-0 {
      margin-top: 0;
    }

    .md\:mt-2\.5 {
      margin-top: calc(var(--spacing) * 2.5);
    }

    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .md\:block {
      display: block;
    }

    .md\:contents {
      display: contents;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .md\:h-\[4\.5rem\] {
      height: 4.5rem;
    }

    .md\:h-\[7\.75rem\] {
      height: 7.75rem;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:min-h-\[9\.5rem\] {
      min-height: 9.5rem;
    }

    .md\:w-\[5\.5rem\] {
      width: 5.5rem;
    }

    .md\:max-w-\[17rem\] {
      max-width: 17rem;
    }

    .md\:max-w-none {
      max-width: none;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-\[minmax\(0\,17rem\)_1fr\] {
      grid-template-columns: minmax(0, 17rem) 1fr;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:items-stretch {
      align-items: stretch;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    :where(.md\:space-y-3 > :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)));
    }

    :where(.md\:space-y-4 > :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)));
    }

    :where(.md\:space-y-5 > :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)));
    }

    :where(.md\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    .md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .md\:border-border {
      border-color: var(--border);
    }

    .md\:bg-card\/60 {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:bg-card\/60 {
        background-color: color-mix(in oklab, var(--card) 60%, transparent);
      }
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .md\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }

    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pb-0 {
      padding-bottom: 0;
    }

    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }

    .md\:leading-tight {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }

    .md\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:will-change-transform {
      will-change: transform;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-7 {
      top: calc(var(--spacing) * 7);
    }

    .lg\:top-\[4\.75rem\] {
      top: 4.75rem;
    }

    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:mx-0 {
      margin-inline: 0;
    }

    .lg\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .lg\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:h-\[168px\] {
      height: 168px;
    }

    .lg\:min-h-\(--spread-board-min-h-lg\) {
      min-height: var(--spread-board-min-h-lg);
    }

    .lg\:w-\(--spread-slot-width-lg\) {
      width: var(--spread-slot-width-lg);
    }

    .lg\:w-\[6\.25rem\] {
      width: 6.25rem;
    }

    .lg\:w-\[112px\] {
      width: 112px;
    }

    .lg\:max-w-\[12\.5rem\] {
      max-width: 12.5rem;
    }

    .lg\:max-w-\[20rem\] {
      max-width: 20rem;
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[0\.92fr_1\.08fr\] {
      grid-template-columns: .92fr 1.08fr;
    }

    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(17rem\,22rem\)\] {
      grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 22rem);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .lg\:grid-cols-\[minmax\(0\,20rem\)_1fr\] {
      grid-template-columns: minmax(0, 20rem) 1fr;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:items-stretch {
      align-items: stretch;
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    :where(.lg\:space-y-4 > :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)));
    }

    :where(.lg\:space-y-5 > :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)));
    }

    :where(.lg\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    .lg\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .lg\:text-\[0\.9375rem\] {
      font-size: .9375rem;
    }

    .lg\:text-\[1\.35rem\] {
      font-size: 1.35rem;
    }

    .lg\:text-\[2\.5rem\] {
      font-size: 2.5rem;
    }

    .lg\:text-\[2\.65rem\] {
      font-size: 2.65rem;
    }

    .lg\:leading-\[1\.12\] {
      --tw-leading: 1.12;
      line-height: 1.12;
    }

    .lg\:leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }

    .lg\:leading-tight {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  .\[\&_h1\]\:mt-0 h1 {
    margin-top: 0;
  }

  .\[\&_h1\]\:mb-2 h1 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_h1\]\:mb-2\.5 h1 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .\[\&_h1\]\:text-base h1 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_h1\]\:text-lg h1 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .\[\&_h1\]\:font-semibold h1 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h1\]\:tracking-normal h1 {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_h1\]\:text-foreground h1 {
    color: var(--foreground);
  }

  .\[\&_h1\]\:normal-case h1 {
    text-transform: none;
  }

  @media (min-width: 48rem) {
    .md\:\[\&_h1\]\:text-xl h1 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:\[\&_h1\+p\]\:hidden h1 + p {
      display: none;
    }
  }

  .\[\&_h2\]\:mt-0 h2 {
    margin-top: 0;
  }

  .\[\&_h2\]\:mt-2 h2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .\[\&_h2\]\:mt-4 h2 {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_h2\]\:mb-1 h2 {
    margin-bottom: var(--spacing);
  }

  .\[\&_h2\]\:mb-2 h2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_h2\]\:text-base h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_h2\]\:text-sm h2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h2\]\:tracking-normal h2 {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_h2\]\:text-foreground h2 {
    color: var(--foreground);
  }

  .\[\&_h2\]\:normal-case h2 {
    text-transform: none;
  }

  .\[\&_h2\]\:first\:mt-0 h2:first-child {
    margin-top: 0;
  }

  @media (min-width: 48rem) {
    .md\:\[\&_h2\]\:text-lg h2 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  .\[\&_h3\]\:mt-3 h3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .\[\&_h3\]\:mb-1\.5 h3 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .\[\&_h3\]\:text-sm h3 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h3\]\:text-foreground h3 {
    color: var(--foreground);
  }

  .\[\&_li\]\:pl-0\.5 li {
    padding-left: calc(var(--spacing) * .5);
  }

  .\[\&_li\]\:pl-1 li {
    padding-left: var(--spacing);
  }

  .\[\&_ol\]\:my-2\.5 ol {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .\[\&_ol\]\:my-3 ol {
    margin-block: calc(var(--spacing) * 3);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  :where(.\[\&_ol\]\:space-y-1\.5 ol > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.\[\&_ol\]\:space-y-2 ol > :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)));
  }

  .\[\&_ol\]\:pl-5 ol {
    padding-left: calc(var(--spacing) * 5);
  }

  @media (min-width: 48rem) {
    :where(.md\:\[\&_ol\]\:space-y-2\.5 ol > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .\[\&_p\]\:mb-2 p {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_p\]\:mb-3 p {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .\[\&_p\]\:mb-4 p {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: 0;
  }

  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_strong\]\:text-foreground strong {
    color: var(--foreground);
  }

  .\[\&_summary\:\:-webkit-details-marker\]\:hidden summary::-webkit-details-marker {
    display: none;
  }

  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\]\:opacity-80 svg {
    opacity: .8;
  }

  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ul\]\:my-2\.5 ul {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .\[\&_ul\]\:my-3 ul {
    margin-block: calc(var(--spacing) * 3);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  :where(.\[\&_ul\]\:space-y-1 ul > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.\[\&_ul\]\:space-y-1\.5 ul > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.\[\&_ul\]\:space-y-2 ul > :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)));
  }

  .\[\&_ul\]\:pl-4 ul {
    padding-left: calc(var(--spacing) * 4);
  }

  .\[\&_ul\]\:pl-5 ul {
    padding-left: calc(var(--spacing) * 5);
  }

  @media (min-width: 48rem) {
    :where(.md\:\[\&_ul\]\:space-y-2\.5 ul > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  @media not (min-width: 768px) {
    .mobile-chrome-main-top {
      padding-top: calc(var(--mobile-header-h) + var(--mobile-safe-top) + .5rem);
    }

    .mobile-chrome-main-tab {
      padding-bottom: calc(var(--mobile-tab-bar-h) + max(.25rem, var(--mobile-safe-bottom)) + .5rem);
    }

    .mobile-chrome-main-sticky-action {
      padding-bottom: calc(var(--mobile-sticky-footer-h) + max(.5rem, var(--mobile-safe-bottom)));
    }

    .spread-marketing.mobile-chrome-main-sticky-action {
      padding-bottom: calc(var(--mobile-sticky-footer-h) + 1.25rem + max(.5rem, var(--mobile-safe-bottom)));
    }

    .mobile-chrome-scroll-mt {
      scroll-margin-top: calc(var(--mobile-header-h) + var(--mobile-safe-top) + .5rem);
    }

    .daily-mobile-sticky-stack {
      padding-bottom: calc(5.75rem + max(.5rem, var(--mobile-safe-bottom)));
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --radius: 1rem;
  --radius-button: 9999px;
  --background: #252532;
  --foreground: #f6f4fb;
  --card: #343344;
  --card-foreground: #f3f0f9;
  --primary: #f2bf3f;
  --primary-foreground: #1b1b2b;
  --secondary: #3e3d52;
  --secondary-foreground: #ece9f4;
  --muted: #3e3e4f;
  --muted-foreground: #a19ab1;
  --accent: #6a5118;
  --accent-foreground: #f3f0f9;
  --destructive: #de3a46;
  --border: #5b5a766b;
  --input: #4d4d6594;
  --ring: #ecbd4a;
  --glow: #ce9c003d;
  --lamp-wash: var(--glow);
  --domain-spread: #eac266;
  --domain-spread-soft: #eac26624;
  --domain-spread-border: #eac2663d;
  --domain-spread-fg: #eac266;
  --domain-spread-wash: #eac2661c;
  --domain-spread-surface: #343344ad;
  --domain-stars: #0098ab;
  --domain-stars-soft: #0098ab24;
  --domain-stars-border: #0098ab4d;
  --domain-stars-fg: #1db8ce;
  --domain-stars-wash: #0098ab21;
  --domain-stars-surface: #293042ad;
  --domain-engage: #ee8361;
  --domain-engage-soft: #ee836124;
  --domain-engage-border: #ee836152;
  --domain-engage-fg: #f89d79;
  --domain-engage-wash: #ee83611f;
  --domain-engage-surface: #452c24a3;
  --gradient-gold: #f2bf3f;
  --gradient-sage: #1d9999;
  --public-text: #f6f4fb;
  --public-text-soft: #d9d5e3;
  --public-text-muted: #a8a0b8;
  --public-surface: #343344b8;
  --public-surface-strong: #38384be0;
  --public-surface-soft: #2f2e3e94;
  --public-border: #5b5a766b;
  --public-border-strong: #6e6e8e8c;
  --public-cta-bg: linear-gradient(135deg, #f2bf3f, #ce9a43);
  --public-cta-text: #1b1b2b;
  --public-highlight-bg: radial-gradient(ellipse 80% 60% at 50% 0%, #ce9c001f, transparent 70%);
  --public-primary-shadow: 0 4px 24px #ce9c0047;
  --public-primary-shadow-strong: 0 8px 32px #ce9c0061;
  --public-shadow: 0 16px 40px #00000038;
  --public-shadow-soft: 0 10px 28px #00000024;
  --mobile-header-h: 3.5rem;
  --mobile-tab-bar-h: 3.25rem;
  --mobile-sticky-footer-h: 4rem;
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-height: 100dvh;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(15.0717% 2.8438 -8.88142);
    --foreground: lab(96.41% 1.74147 -3.26709);
    --card: lab(21.9829% 3.40009 -10.6625);
    --card-foreground: lab(95.2276% 2.09388 -3.91747);
    --primary: lab(80.521% 10.1561 67.9889);
    --primary-foreground: lab(10.3614% 3.6959 -10.5616);
    --secondary: lab(26.5711% 3.99868 -12.4274);
    --secondary-foreground: lab(92.8739% 2.6252 -4.8909);
    --muted: lab(26.6281% 3.32732 -10.6913);
    --muted-foreground: lab(64.7963% 6.30876 -11.2888);
    --accent: lab(36.2969% 6.3109 35.9567);
    --accent-foreground: lab(95.2276% 2.09388 -3.91747);
    --destructive: lab(51.5165% 63.8369 33.8382);
    --border: lab(39.2321% 5.13177 -15.9817 / .42);
    --input: lab(33.4824% 4.55438 -14.2087 / .58);
    --ring: lab(79.3647% 9.14717 62.2558);
    --glow: lab(67.6646% 13.641 93.6712 / .24);
    --domain-spread: lab(80.535% 7.07686 51.2291);
    --domain-spread-soft: lab(80.535% 7.07686 51.2291 / .14);
    --domain-spread-border: lab(80.535% 7.07686 51.2291 / .24);
    --domain-spread-fg: lab(80.535% 7.07686 51.2291);
    --domain-spread-wash: lab(80.535% 7.07686 51.2291 / .11);
    --domain-spread-surface: lab(21.9829% 3.40009 -10.6625 / .68);
    --domain-stars: lab(56.8078% -32.7553 -22.1131);
    --domain-stars-soft: lab(56.8078% -32.7553 -22.1131 / .14);
    --domain-stars-border: lab(56.8078% -32.7553 -22.1131 / .3);
    --domain-stars-fg: lab(68.422% -33.1133 -22.2254);
    --domain-stars-wash: lab(56.8078% -32.7553 -22.1131 / .13);
    --domain-stars-surface: lab(19.7028% 1.3271 -12.804 / .68);
    --domain-engage: lab(66.4258% 39.8986 37.0067);
    --domain-engage-soft: lab(66.4258% 39.8986 37.0067 / .14);
    --domain-engage-border: lab(66.4258% 39.8986 37.0067 / .32);
    --domain-engage-fg: lab(73.6521% 32.3185 33.5751);
    --domain-engage-wash: lab(66.4258% 39.8986 37.0067 / .12);
    --domain-engage-surface: lab(20.8237% 11.1399 10.0491 / .64);
    --gradient-gold: lab(80.521% 10.1561 67.9889);
    --gradient-sage: lab(56.9781% -32.7114 -9.83882);
    --public-text: lab(96.41% 1.74147 -3.26709);
    --public-text-soft: lab(85.8567% 3.52106 -6.50619);
    --public-text-muted: lab(67.1169% 6.30128 -11.2934);
    --public-surface: lab(21.9829% 3.40009 -10.6625 / .72);
    --public-surface-strong: lab(24.2828% 3.63085 -11.3717 / .88);
    --public-surface-soft: lab(19.683% 3.16934 -9.95321 / .58);
    --public-border: lab(39.2321% 5.13177 -15.9817 / .42);
    --public-border-strong: lab(47.3049% 5.66676 -17.7708 / .55);
    --public-cta-bg: linear-gradient(135deg, lab(80.521% 10.1561 67.9889), lab(67.5279% 13.298 51.9538));
    --public-cta-text: lab(10.3614% 3.6959 -10.5616);
    --public-highlight-bg: radial-gradient(ellipse 80% 60% at 50% 0%, lab(67.6646% 13.641 93.6712 / .12), transparent 70%);
    --public-primary-shadow: 0 4px 24px lab(67.6646% 13.641 93.6712 / .28);
    --public-primary-shadow-strong: 0 8px 32px lab(67.6646% 13.641 93.6712 / .38);
    --public-shadow: 0 16px 40px lab(0% 0 0 / .22);
    --public-shadow-soft: 0 10px 28px lab(0% 0 0 / .14);
  }
}

html[data-product-domain="spread"] {
  --lamp-wash: #f2bf3f38;
}

@supports (color: lab(0% 0 0)) {
  html[data-product-domain="spread"] {
    --lamp-wash: lab(80.521% 10.1561 67.9889 / .22);
  }
}

html[data-product-domain="stars"] {
  --lamp-wash: #0098ab33;
}

@supports (color: lab(0% 0 0)) {
  html[data-product-domain="stars"] {
    --lamp-wash: lab(56.8078% -32.7553 -22.1131 / .2);
  }
}

html[data-product-domain="engage"] {
  --lamp-wash: #ee83612e;
}

@supports (color: lab(0% 0 0)) {
  html[data-product-domain="engage"] {
    --lamp-wash: lab(66.4258% 39.8986 37.0067 / .18);
  }
}

html[data-tma] {
  --app-height: var(--tg-viewport-stable-height, var(--tg-viewport-height, 100dvh));
  --mobile-header-h: 0px;
  --mobile-safe-top: var(--tg-content-safe-area-inset-top, var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)));
  --mobile-safe-bottom: var(--tg-content-safe-area-inset-bottom, var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));
}

:has([data-mobile-tab-bar]) .cookie-consent {
  padding-bottom: calc(var(--mobile-tab-bar-h) + max(.5rem, env(safe-area-inset-bottom)));
}

[data-mobile-sticky-action] {
  bottom: 0;
}

:has([data-mobile-tab-bar]) [data-mobile-sticky-action] {
  bottom: calc(var(--mobile-tab-bar-h) + max(.25rem, var(--mobile-safe-bottom)));
  padding-bottom: .5rem;
}

.font-display {
  font-family: var(--font-serif), Georgia, "Times New Roman", serif;
}

.prose-invert {
  --tw-prose-body: var(--foreground);
  --tw-prose-headings: var(--foreground);
  --tw-prose-bold: var(--foreground);
  --tw-prose-links: var(--primary);
  --tw-prose-bullets: var(--muted-foreground);
  --tw-prose-counters: var(--muted-foreground);
  --tw-prose-quotes: var(--muted-foreground);
  --tw-prose-hr: var(--border);
}

.landing-section-title {
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--public-text);
}

.landing-below-hero {
  border-top: 1px solid var(--public-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-below-hero {
    border-top: 1px solid color-mix(in oklab, var(--public-border) 85%, transparent);
  }
}

.landing-below-hero {
  padding-top: 2.5rem;
}

@media (min-width: 768px) {
  .landing-below-hero {
    padding-top: 3.25rem;
  }
}

.landing-module-link {
  border: 1px solid var(--public-border);
  background: linear-gradient(165deg, #36364773, #2c2c3bb8);
  background: linear-gradient(165deg, lab(23.1444% 3.38025 -10.6702 / .45), lab(18.5445% 2.9195 -9.25143 / .72));
  border-radius: 1.25rem;
  min-width: 0;
  padding: 1.25rem 1.15rem 1.15rem;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
  display: block;
}

.landing-module-link:hover {
  border-color: #f2bf3f47;
  border-color: lab(80.521% 10.1561 67.9889 / .28);
  box-shadow: 0 14px 36px #0003;
  box-shadow: 0 14px 36px lab(0% 0 0 / .2);
}

.landing-module-link--spread {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-module-link--spread {
    border-color: color-mix(in oklch, var(--domain-spread) 22%, transparent);
  }
}

.landing-module-link--spread {
  background: radial-gradient(ellipse 80% 70% at 0% 0%, var(--domain-spread-wash), transparent 62%),
    linear-gradient(165deg, #36364773, #2c2c3bb8);
}

.landing-module-link--spread:hover {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-module-link--spread:hover {
    border-color: color-mix(in oklch, var(--domain-spread) 40%, transparent);
  }
}

.landing-module-link--stars {
  border-color: var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-module-link--stars {
    border-color: color-mix(in oklch, var(--domain-stars) 28%, transparent);
  }
}

.landing-module-link--stars {
  background: radial-gradient(ellipse 80% 70% at 100% 0%, var(--domain-stars-wash), transparent 62%),
    linear-gradient(165deg, #2e354880, #2c2c3bb8);
}

.landing-module-link--stars:hover {
  border-color: var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-module-link--stars:hover {
    border-color: color-mix(in oklch, var(--domain-stars) 46%, transparent);
  }
}

.landing-module-link__cta {
  color: var(--public-text);
  align-items: center;
  gap: .45rem;
  margin-top: 1.1rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-flex;
}

.landing-final-cta {
  text-align: center;
  border: 1px solid var(--public-border);
  border-radius: 1.25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-final-cta {
    border: 1px solid color-mix(in oklab, var(--public-border) 90%, transparent);
  }
}

.landing-final-cta {
  background: radial-gradient(80% 70% at 50% 0, #eac2661a, #0000 70%), linear-gradient(#34334480, #2a2a38b8);
  background: radial-gradient(80% 70% at 50% 0, lab(80.535% 7.07686 51.2291 / .1), #0000 70%), linear-gradient(lab(21.9829% 3.40009 -10.6625 / .5), lab(17.3831% 2.93867 -9.24393 / .72));
  padding: 1.75rem 1.25rem 1.5rem;
}

@media (min-width: 640px) {
  .landing-final-cta {
    padding: 2.25rem 2rem 1.75rem;
  }
}

@media not (min-width: 768px) {
  .landing-hero {
    align-content: center;
    justify-items: center;
    row-gap: clamp(.5rem, 2vh, 1rem);
  }

  [data-guest-landing] .landing-hero {
    min-height: calc(var(--app-height) - var(--mobile-header-h) - var(--mobile-safe-top) - var(--mobile-safe-bottom) -
        .35rem);
  }

  [data-guest-landing] .landing-hero-copy, [data-guest-landing] #home-daily-teaser {
    width: 100%;
  }

  [data-guest-landing] .landing-card-entrance {
    width: min(15.5rem, 50vw, calc((var(--app-height) - 15.25rem) * 2 / 3));
    max-width: 100%;
  }

  [data-guest-landing] .landing-daily-card--hero {
    width: 100%;
  }

  [data-guest-landing] #home-daily-teaser .hero-btn-primary {
    white-space: nowrap;
    width: min(20rem, 88vw);
    max-width: 100%;
    min-height: 3.1rem;
    margin-top: .55rem;
    padding: .85rem 1.5rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .landing-card-entrance {
    animation: .4s ease-out both landing-card-enter;
  }
}

@keyframes landing-card-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-btn-primary {
  background: var(--public-cta-bg);
  max-width: 100%;
  min-height: 3.5rem;
  color: var(--public-cta-text);
  border-radius: var(--radius-button);
  cursor: pointer;
  box-shadow: var(--public-primary-shadow);
  text-align: center;
  white-space: normal;
  border: 1px solid #fbedd129;
  border: 1px solid lab(94.3483% 1.27482 15.547 / .16);
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, filter .2s;
  display: inline-flex;
}

.hero-btn-primary:hover {
  box-shadow: var(--public-primary-shadow-strong);
  filter: saturate(1.04);
  transform: translateY(-2px);
}

.hero-btn-secondary {
  background: var(--secondary);
  min-height: 3.5rem;
  color: var(--secondary-foreground);
  border: 1px solid var(--public-border-strong);
  border-radius: var(--radius-button);
  box-shadow: var(--public-shadow-soft);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, background .2s, border-color .2s;
  display: inline-flex;
}

.hero-btn-secondary:hover {
  border-color: var(--gradient-gold);
  background: #45455d;
  background: lab(29.9974% 4.62359 -14.183);
  transform: translateY(-2px);
}

.depth-cta {
  border-radius: var(--radius-button);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  padding: .75rem 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.35;
  transition: transform .2s, box-shadow .2s, border-color .2s, background .2s;
  display: flex;
}

.depth-cta:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.depth-cta:not(:disabled):active {
  transform: scale(.99);
}

.depth-cta--included {
  background: var(--primary);
  color: var(--primary-foreground);
  border: 1px solid #f6dba138;
  border: 1px solid lab(88.6371% 3.57342 32.1696 / .22);
  box-shadow: 0 2px 14px #f2bf3f29;
  box-shadow: 0 2px 14px lab(80.521% 10.1561 67.9889 / .16);
}

.depth-cta--included:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 18px #f2bf3f38;
  box-shadow: 0 4px 18px lab(80.521% 10.1561 67.9889 / .22);
}

.depth-cta--paywall {
  color: #f6e3b8;
  color: lab(90.9201% 2.29678 23.6836);
  background: linear-gradient(165deg, #eac26624 0%, #d4b36a14 100%);
  background: linear-gradient(165deg, lab(80.535% 7.07686 51.2291 / .14) 0%, lab(74.7167% 5.48747 41.8199 / .08) 100%);
  border: 1px solid #f2bf3f5c;
  border: 1px solid lab(80.521% 10.1561 67.9889 / .36);
  box-shadow: 0 2px 12px #f2bf3f1a, inset 0 1px #ffffff0f;
  box-shadow: 0 2px 12px lab(80.521% 10.1561 67.9889 / .1), inset 0 1px lab(100% 0 0 / .06);
}

.depth-cta--paywall:not(:disabled):hover {
  border-color: #f2bf3f80;
  border-color: lab(80.521% 10.1561 67.9889 / .5);
  transform: translateY(-1px);
  box-shadow: 0 4px 20px #f2bf3f24;
  box-shadow: 0 4px 20px lab(80.521% 10.1561 67.9889 / .14);
}

.public-meta-link {
  color: var(--public-text-muted);
  text-underline-offset: 4px;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, text-decoration-color .2s;
}

.public-meta-link:hover {
  color: var(--public-text-soft);
  text-decoration: underline;
}

.public-surface {
  background: linear-gradient(180deg, var(--public-surface-strong), var(--public-surface));
  border: 1px solid var(--public-border);
  box-shadow: var(--public-shadow);
}

.public-surface-soft {
  background: linear-gradient(180deg, #39384a94, var(--public-surface-soft));
  border: 1px solid var(--public-border);
  box-shadow: var(--public-shadow-soft);
}

@supports (color: lab(0% 0 0)) {
  .public-surface-soft {
    background: linear-gradient(180deg, lab(24.3057% 3.36157 -10.6775 / .58), var(--public-surface-soft));
  }
}

.public-section-shell {
  border: 1px solid var(--public-border);
  background: linear-gradient(180deg, #39384a9e, #2f2e3ed6),
    var(--public-highlight-bg);
  box-shadow: var(--public-shadow-soft);
  border-radius: 1.25rem;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .public-section-shell {
    background: linear-gradient(180deg, lab(24.3057% 3.36157 -10.6775 / .62), lab(19.683% 3.16934 -9.95321 / .84)),
    var(--public-highlight-bg);
  }
}

.public-card-highlight {
  background: linear-gradient(180deg, #3b3b4e6b, #2f2e3e8c),
    var(--public-highlight-bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

@supports (color: lab(0% 0 0)) {
  .public-card-highlight {
    background: linear-gradient(180deg, lab(25.4443% 3.61073 -11.3795 / .42), lab(19.683% 3.16934 -9.95321 / .55)),
    var(--public-highlight-bg);
  }
}

.public-card-interactive {
  transition: box-shadow .2s, border-color .2s;
}

.public-card-interactive:hover {
  border-color: #f2bf3f4d;
  border-color: lab(80.521% 10.1561 67.9889 / .3);
  box-shadow: 0 18px 42px #00000042;
  box-shadow: 0 18px 42px lab(0% 0 0 / .26);
}

.landing-daily-card {
  aspect-ratio: 2 / 3;
  perspective: 900px;
  touch-action: manipulation;
  background: none;
  border: 0;
  flex-shrink: 0;
  width: 8.75rem;
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.landing-daily-card--hero {
  width: 11.25rem;
  max-width: 100%;
}

.landing-daily-card--ritual {
  width: 5.5rem;
  max-width: 100%;
}

@media (min-width: 640px) {
  .landing-daily-card--hero {
    width: 12.5rem;
  }
}

.landing-daily-card--ritual-panel {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-inline: 0;
}

.landing-daily-card:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
}

.landing-daily-card:disabled {
  cursor: wait;
}

.landing-daily-card.is-revealed {
  cursor: default;
  pointer-events: none;
}

.landing-daily-card-inner {
  transform-style: preserve-3d;
  transition: transform .52s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  inset: 0;
}

.landing-daily-card-face {
  backface-visibility: hidden;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.landing-daily-card-face > span {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

.landing-daily-card-back {
  transform: rotateY(0)translateZ(1px);
}

.landing-daily-card-front, .landing-daily-card-inner.is-flipped {
  transform: rotateY(180deg)translateZ(1px);
}

.landing-daily-card-face img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.landing-daily-card.is-display-flat .landing-daily-card-inner {
  transition: none;
  transform: none;
}

.landing-daily-card.is-display-flat .landing-daily-card-back {
  display: none;
}

.landing-daily-card.is-display-flat .landing-daily-card-front {
  backface-visibility: visible;
  transform: none;
}

.landing-daily-card-front.is-reversed img {
  transform: rotate(180deg);
}

.landing-daily-card.is-display-flat .landing-daily-card-front img {
  transform: translateZ(0);
}

.landing-daily-card.is-display-flat .landing-daily-card-front.is-reversed img {
  transform: translateZ(0)rotate(180deg);
}

.landing-daily-card:not(.is-revealed):hover .landing-daily-card-inner, .landing-daily-card:focus-visible .landing-daily-card-inner {
  filter: saturate(1.04);
}

.auth-modal-backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  view-transition-name: none;
  background: #0c0c166b;
  background: lab(3.57552% 1.4687 -5.10729 / .42);
}

.auth-modal-backdrop:not(.invisible) {
  animation: .22s ease-out auth-modal-fade-in;
}

.auth-modal-panel {
  background: linear-gradient(165deg, #404055f2, #2c2c3cfa),
    var(--public-highlight-bg);
  box-shadow: 0 24px 64px #00000073, inset 0 0 0 1px #f2bf3f14;
  box-shadow: 0 24px 64px lab(0% 0 0 / .45), inset 0 0 0 1px lab(80.521% 10.1561 67.9889 / .08);
}

@supports (color: lab(0% 0 0)) {
  .auth-modal-panel {
    background: linear-gradient(165deg, lab(27.7327% 3.97712 -12.4356 / .95), lab(18.5215% 3.1902 -9.94526 / .98)),
    var(--public-highlight-bg);
  }
}

.auth-modal-backdrop:not(.invisible) .auth-modal-panel {
  animation: .28s cubic-bezier(.22, .9, .28, 1) auth-modal-slide-up;
}

.auth-modal-glow:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(80% 90% at 50% -30%, #f2bf3f38, #0000 72%);
  background: radial-gradient(80% 90% at 50% -30%, lab(80.521% 10.1561 67.9889 / .22), #0000 72%);
  height: 6rem;
  position: absolute;
  inset: 0 0 auto;
}

.auth-modal-hero {
  text-align: center;
}

.auth-modal-hero-title {
  text-wrap: balance;
}

.auth-modal-hero-subtitle {
  text-wrap: pretty;
  max-width: 20rem;
  margin-inline: auto;
}

.auth-modal-value {
  background: #1919258c;
  background: lab(9.2986% 2.54295 -7.80065 / .55);
  border: 1px solid #f2bf3f1f;
  border: 1px solid lab(80.521% 10.1561 67.9889 / .12);
  border-radius: 1rem;
  padding: .875rem 1rem;
}

@media (max-width: 639px) {
  .auth-modal-value {
    padding: .625rem .875rem;
  }
}

.auth-modal-divider {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  align-items: center;
  gap: .75rem;
  font-size: .6875rem;
  font-weight: 500;
  display: flex;
}

.auth-modal-divider:before, .auth-modal-divider:after {
  content: "";
  background: linear-gradient(90deg, #0000, #f2bf3f2e 50%, #0000);
  background: linear-gradient(90deg, #0000, lab(80.521% 10.1561 67.9889 / .18) 50%, #0000);
  flex: 1;
  height: 1px;
}

.auth-modal-input {
  border: 1px solid var(--border);
  background: #2525328c;
  background: lab(15.0717% 2.8438 -8.88142 / .55);
  border-radius: .875rem;
  outline: none;
  width: 100%;
  padding: .75rem 1rem;
  font-size: .875rem;
  transition: border-color .15s, box-shadow .15s;
}

.auth-modal-input::placeholder {
  color: var(--muted-foreground);
}

.auth-modal-input:focus-visible {
  border-color: #f2bf3f73;
  border-color: lab(80.521% 10.1561 67.9889 / .45);
  box-shadow: 0 0 0 3px #f2bf3f1f;
  box-shadow: 0 0 0 3px lab(80.521% 10.1561 67.9889 / .12);
}

@keyframes auth-modal-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes auth-modal-slide-up {
  from {
    opacity: 0;
    transform: translateY(1.25rem)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (min-width: 640px) {
  .auth-modal-backdrop:not(.invisible) .auth-modal-panel {
    animation-name: auth-modal-scale-in;
  }
}

@keyframes auth-modal-scale-in {
  from {
    opacity: 0;
    transform: scale(.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.product-sheet-backdrop {
  animation: .2s ease-out product-sheet-fade-in;
}

.product-sheet-panel {
  animation: .26s cubic-bezier(.22, .9, .28, 1) product-sheet-slide-up;
}

@media (min-width: 640px) {
  .product-sheet-panel {
    animation-name: product-sheet-scale-in;
  }
}

@keyframes product-sheet-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes product-sheet-slide-up {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes product-sheet-scale-in {
  from {
    opacity: 0;
    transform: scale(.97);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.paywall-backdrop {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #030308d1;
  background: lab(.848564% .668563 -2.17707 / .82);
}

.paywall-panel {
  background: linear-gradient(180deg, #3b3b4ffa 0%, #272735 100%),
    var(--public-highlight-bg);
  box-shadow: 0 -8px 48px #00000059, inset 0 0 0 1px #f2bf3f12;
  box-shadow: 0 -8px 48px lab(0% 0 0 / .35), inset 0 0 0 1px lab(80.521% 10.1561 67.9889 / .07);
}

@supports (color: lab(0% 0 0)) {
  .paywall-panel {
    background: linear-gradient(180deg, lab(25.4212% 3.88317 -12.0728 / .98) 0%, lab(16.2217% 2.95928 -9.23604) 100%),
    var(--public-highlight-bg);
  }
}

@media (min-width: 640px) {
  .paywall-panel {
    box-shadow: 0 24px 64px #00000073, inset 0 0 0 1px #f2bf3f1a;
    box-shadow: 0 24px 64px lab(0% 0 0 / .45), inset 0 0 0 1px lab(80.521% 10.1561 67.9889 / .1);
  }
}

.paywall-panel-enter {
  animation: .3s cubic-bezier(.22, .9, .28, 1) paywall-slide-up;
}

@media (min-width: 640px) {
  .paywall-panel-enter {
    animation: .28s cubic-bezier(.22, .9, .28, 1) paywall-scale-in;
  }
}

@keyframes paywall-slide-up {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes paywall-scale-in {
  from {
    opacity: 0;
    transform: scale(.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.paywall-header-glow:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(90% 100% at 50% -20%, #f2bf3f33, #0000 70%);
  background: radial-gradient(90% 100% at 50% -20%, lab(80.521% 10.1561 67.9889 / .2), #0000 70%);
  height: 7rem;
  position: absolute;
  inset: 0 0 auto;
}

.paywall-status {
  color: var(--muted-foreground);
  background: #191925a6;
  background: lab(9.2986% 2.54295 -7.80065 / .65);
  border: 1px solid #f2bf3f38;
  border: 1px solid lab(80.521% 10.1561 67.9889 / .22);
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .3125rem .75rem;
  font-size: .8125rem;
  display: inline-flex;
}

.paywall-status strong {
  color: var(--foreground);
  font-weight: 600;
}

.paywall-tier {
  border: 1px solid var(--border);
  background: #2f2e3e8c;
  background: lab(19.683% 3.16934 -9.95321 / .55);
  border-radius: 1.125rem;
  padding: 1rem 1.125rem;
  transition: border-color .2s, box-shadow .2s;
  position: relative;
}

.paywall-tier--instant {
  background: linear-gradient(135deg, #f2bf3f1a 0%, #2f2e3e99 55%);
  background: linear-gradient(135deg, lab(80.521% 10.1561 67.9889 / .1) 0%, lab(19.683% 3.16934 -9.95321 / .6) 55%);
  border-color: #f2bf3f47;
  border-color: lab(80.521% 10.1561 67.9889 / .28);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.paywall-tier--hero {
  background: linear-gradient(165deg, #f2bf3f1f 0%, #2c2c3bb8 45%, #272735d9 100%);
  background: linear-gradient(165deg, lab(80.521% 10.1561 67.9889 / .12) 0%, lab(18.5331% 3.05396 -9.59857 / .72) 45%, lab(16.2332% 2.82334 -8.88927 / .85) 100%);
  border-color: #f2bf3f52;
  border-color: lab(80.521% 10.1561 67.9889 / .32);
  box-shadow: inset 0 0 0 1px #f2bf3f0f, 0 8px 32px #f2bf3f14;
  box-shadow: inset 0 0 0 1px lab(80.521% 10.1561 67.9889 / .06), 0 8px 32px lab(80.521% 10.1561 67.9889 / .08);
}

.paywall-tier-ribbon {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f5d389;
  color: lab(86.3385% 5.11521 41.1563);
  background: #f2bf3f2e;
  background: lab(80.521% 10.1561 67.9889 / .18);
  border-radius: 9999px;
  padding: .2rem .55rem;
  font-size: .625rem;
  font-weight: 700;
  position: absolute;
  top: .875rem;
  right: .875rem;
}

.paywall-tier-eyebrow {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #f2bf3fd9;
  color: lab(80.521% 10.1561 67.9889 / .85);
  font-size: .6875rem;
  font-weight: 600;
}

.paywall-tier-free-label {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #8ebc8f;
  color: lab(72.0181% -22.3659 17.7475);
  margin-top: .875rem;
  font-size: .6875rem;
  font-weight: 600;
}

.paywall-tier-free-list {
  flex-direction: column;
  gap: .25rem;
  margin-top: .375rem;
  display: flex;
}

.paywall-tier-free-list li {
  color: var(--muted-foreground);
  align-items: flex-start;
  gap: .5rem;
  font-size: .8125rem;
  line-height: 1.4;
  display: flex;
}

.paywall-tier-free-list li:before {
  content: "✓";
  color: #72b875;
  color: lab(69.0092% -33.5937 27.2);
  flex-shrink: 0;
  margin-top: .15rem;
  font-size: .6875rem;
  font-weight: 700;
}

.paywall-tier-mark {
  color: var(--foreground);
  margin-top: .75rem;
  font-size: .875rem;
  font-weight: 500;
}

.paywall-btn {
  border-radius: var(--radius-button);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  padding: .625rem 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
  transition: transform .18s, box-shadow .18s, border-color .18s, background .18s;
  display: inline-flex;
}

.paywall-btn:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.paywall-btn:not(:disabled):active {
  transform: scale(.98);
}

.paywall-btn--gold {
  background: var(--public-cta-bg);
  color: var(--public-cta-text);
  box-shadow: var(--public-primary-shadow);
  border: 1px solid #f6dba140;
  border: 1px solid lab(88.6371% 3.57342 32.1696 / .25);
}

.paywall-btn--gold:not(:disabled):hover {
  box-shadow: var(--public-primary-shadow-strong);
  transform: translateY(-1px);
}

.paywall-btn--outline {
  width: 100%;
  color: var(--foreground);
  background: #23222f80;
  background: lab(13.9218% 2.72836 -8.52681 / .5);
  border: 1px solid #f2bf3f47;
  border: 1px solid lab(80.521% 10.1561 67.9889 / .28);
}

.paywall-btn--outline:not(:disabled):hover {
  background: #2c2c3ca6;
  background: lab(18.5215% 3.1902 -9.94526 / .65);
  border-color: #f2bf3f73;
  border-color: lab(80.521% 10.1561 67.9889 / .45);
}

.paywall-btn--ghost {
  width: 100%;
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  background: none;
  min-height: 2.5rem;
  font-size: .8125rem;
  font-weight: 500;
}

.paywall-btn--ghost:not(:disabled):hover {
  color: var(--foreground);
  border-color: #f2bf3f40;
  border-color: lab(80.521% 10.1561 67.9889 / .25);
}

.paywall-more {
  border: 1px solid var(--border);
  background: #2a2a3873;
  background: lab(17.3831% 2.93867 -9.24393 / .45);
  border-radius: 1rem;
  overflow: hidden;
}

.paywall-referral {
  text-align: center;
  background: #1e1e2966;
  background: lab(11.6219% 2.4975 -7.81757 / .4);
  border: 1px dashed #f2bf3f33;
  border: 1px dashed lab(80.521% 10.1561 67.9889 / .2);
  border-radius: 1rem;
  padding: .875rem 1rem;
}

.paywall-divider {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  align-items: center;
  gap: .75rem;
  font-size: .6875rem;
  font-weight: 500;
  display: flex;
}

.paywall-divider:before, .paywall-divider:after {
  content: "";
  background: linear-gradient(90deg, #0000, #f2bf3f26 50%, #0000);
  background: linear-gradient(90deg, #0000, lab(80.521% 10.1561 67.9889 / .15) 50%, #0000);
  flex: 1;
  height: 1px;
}

.product-btn-primary {
  border-radius: var(--radius-button);
  background: var(--primary);
  width: 100%;
  min-height: 2.75rem;
  color: var(--primary-foreground);
  border: 1px solid #f6dba138;
  border: 1px solid lab(88.6371% 3.57342 32.1696 / .22);
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .625rem 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: 0 2px 14px #f2bf3f29;
  box-shadow: 0 2px 14px lab(80.521% 10.1561 67.9889 / .16);
}

.product-btn-primary:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 18px #f2bf3f38;
  box-shadow: 0 4px 18px lab(80.521% 10.1561 67.9889 / .22);
}

.product-btn-primary:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.product-btn-secondary {
  border-radius: var(--radius-button);
  width: 100%;
  min-height: 2.75rem;
  color: var(--foreground);
  border: 1px solid var(--border);
  background: #2a2a3873;
  background: lab(17.3831% 2.93867 -9.24393 / .45);
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .625rem 1.25rem;
  font-size: .9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s, background .2s;
  display: inline-flex;
}

.product-btn-secondary:not(:disabled):hover {
  background: #313141a6;
  background: lab(20.8444% 3.14982 -9.96081 / .65);
  border-color: #f2bf3f59;
  border-color: lab(80.521% 10.1561 67.9889 / .35);
}

.product-btn-ghost {
  border-radius: var(--radius-button);
  color: var(--muted-foreground);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .5rem .75rem;
  font-size: .875rem;
  font-weight: 500;
  transition: color .15s;
  display: inline-flex;
}

.product-btn-ghost:hover {
  color: var(--foreground);
}

.product-btn-paywall {
  border-radius: var(--radius-button);
  text-align: center;
  color: #f6e3b8;
  color: lab(90.9201% 2.29678 23.6836);
  background: linear-gradient(165deg, #eac26624 0%, #d4b36a14 100%);
  background: linear-gradient(165deg, lab(80.535% 7.07686 51.2291 / .14) 0%, lab(74.7167% 5.48747 41.8199 / .08) 100%);
  border: 1px solid #f2bf3f5c;
  border: 1px solid lab(80.521% 10.1561 67.9889 / .36);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  padding: .75rem 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.35;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  display: flex;
  box-shadow: 0 2px 12px #f2bf3f1a, inset 0 1px #ffffff0f;
  box-shadow: 0 2px 12px lab(80.521% 10.1561 67.9889 / .1), inset 0 1px lab(100% 0 0 / .06);
}

.product-btn-paywall:not(:disabled):hover {
  border-color: #f2bf3f80;
  border-color: lab(80.521% 10.1561 67.9889 / .5);
  transform: translateY(-1px);
  box-shadow: 0 4px 20px #f2bf3f24;
  box-shadow: 0 4px 20px lab(80.521% 10.1561 67.9889 / .14);
}

.product-btn-paywall:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.product-detail-article {
  border: 1px solid var(--border);
  background: #2f2e3e8c;
  background: lab(19.683% 3.16934 -9.95321 / .55);
  border-radius: 1rem;
  padding: 1.25rem;
}

@keyframes nav-enter-forward {
  from {
    transform: translateX(18%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes nav-exit-forward {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-14%);
  }
}

@keyframes nav-enter-back {
  from {
    transform: translateX(-18%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes nav-exit-back {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(14%);
  }
}

@keyframes nav-crossfade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes nav-crossfade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

::view-transition-group(root) {
  display: none;
}

@media not (min-width: 768px) {
  [data-product-shell] > header {
    view-transition-name: product-header;
  }

  [data-product-shell] > nav[aria-label="Основная навигация"] {
    view-transition-name: product-tabbar;
  }
}

::view-transition-old(product-header) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(product-header) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-old(product-tabbar) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(product-tabbar) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-group(product-header) {
  z-index: 100;
}

::view-transition-group(product-tabbar) {
  z-index: 100;
}

@media not (min-width: 768px) {
  .landing-daily-card--shared-vt {
    view-transition-name: daily-hero-card;
  }
}

::view-transition-group(daily-hero-card) {
  z-index: 80;
}

@media (prefers-reduced-motion: reduce) {
  .landing-daily-card--shared-vt {
    view-transition-name: none;
  }
}

::view-transition-old(.nav-exit-forward) {
  z-index: 1;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-exit-forward;
}

::view-transition-new(.nav-enter-forward) {
  z-index: 2;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-enter-forward;
}

::view-transition-old(.nav-exit-back) {
  z-index: 2;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-exit-back;
}

::view-transition-new(.nav-enter-back) {
  z-index: 1;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-enter-back;
}

::view-transition-old(.nav-crossfade) {
  z-index: 1;
  animation: .16s both nav-crossfade-out;
}

::view-transition-new(.nav-crossfade) {
  z-index: 2;
  animation: .16s both nav-crossfade-in;
}

html[data-nav-transition="nav-forward"]::view-transition-old(product-main) {
  z-index: 1;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-exit-forward;
}

html[data-nav-transition="nav-forward"]::view-transition-new(product-main) {
  z-index: 2;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-enter-forward;
}

html[data-nav-transition="nav-back"]::view-transition-old(product-main) {
  z-index: 2;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-exit-back;
}

html[data-nav-transition="nav-back"]::view-transition-new(product-main) {
  z-index: 1;
  animation: .24s cubic-bezier(.32, .72, 0, 1) both nav-enter-back;
}

html[data-nav-transition="nav-tab"]::view-transition-old(product-main) {
  z-index: 1;
  animation: .16s both nav-crossfade-out;
}

html[data-nav-transition="nav-tab"]::view-transition-new(product-main) {
  z-index: 2;
  animation: .16s both nav-crossfade-in;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(.nav-exit-forward) {
    animation: none !important;
  }

  ::view-transition-new(.nav-enter-forward) {
    animation: none !important;
  }

  ::view-transition-old(.nav-exit-back) {
    animation: none !important;
  }

  ::view-transition-new(.nav-enter-back) {
    animation: none !important;
  }

  ::view-transition-old(.nav-crossfade) {
    animation: none !important;
  }

  ::view-transition-new(.nav-crossfade) {
    animation: none !important;
  }

  html[data-nav-transition]::view-transition-old(product-main) {
    animation: none !important;
  }

  html[data-nav-transition]::view-transition-new(product-main) {
    animation: none !important;
  }

  .card-strip {
    scroll-behavior: auto;
  }

  .deck-card {
    transition: none;
    translate: none;
    animation: none !important;
  }

  .deck-card--spread-in, .tg-picked-thumb-enter, .tg-spread-step-enter {
    animation: none !important;
  }

  .tg-card-flight, .tg-card-reveal-backdrop {
    display: none;
  }
}

.dashboard-section-eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #a19ab1e6;
  color: lab(64.7963% 6.30876 -11.2888 / .9);
  font-size: .6875rem;
  font-weight: 600;
}

.dashboard-today-card {
  color: inherit;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  text-decoration: none;
  transition: transform .2s, border-color .2s, box-shadow .25s;
  display: block;
}

.dashboard-today-card:active {
  transform: scale(.99);
}

.dashboard-today-card--card, .today-ritual-panel--card {
  border: 1px solid var(--domain-spread-border);
  background: radial-gradient(ellipse 85% 65% at 100% 0%, var(--domain-spread-wash), transparent 62%),
    var(--domain-spread-surface);
  box-shadow: 0 8px 28px #00000024;
  box-shadow: 0 8px 28px lab(0% 0 0 / .14);
}

.dashboard-today-card--card:hover {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-today-card--card:hover {
    border-color: color-mix(in oklch, var(--domain-spread) 40%, transparent);
  }
}

.dashboard-today-card--card:hover {
  box-shadow: 0 12px 36px #0000002e,
    0 0 28px var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-today-card--card:hover {
    box-shadow: 0 12px 36px lab(0% 0 0 / .18),
    0 0 28px color-mix(in oklch, var(--domain-spread) 7%, transparent);
  }
}

.dashboard-today-card--horoscope {
  border: 1px solid var(--domain-stars-border);
  background: radial-gradient(ellipse 85% 65% at 0% 0%, var(--domain-stars-wash), transparent 62%),
    var(--domain-stars-surface);
  box-shadow: 0 8px 28px #00000024;
  box-shadow: 0 8px 28px lab(0% 0 0 / .14);
}

.dashboard-today-card--horoscope:hover {
  border-color: var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-today-card--horoscope:hover {
    border-color: color-mix(in oklch, var(--domain-stars) 45%, transparent);
  }
}

.dashboard-today-card--horoscope:hover {
  box-shadow: 0 12px 36px #0000002e,
    0 0 28px var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-today-card--horoscope:hover {
    box-shadow: 0 12px 36px lab(0% 0 0 / .18),
    0 0 28px color-mix(in oklch, var(--domain-stars) 9%, transparent);
  }
}

.dashboard-today-card--evening {
  border: 1px solid var(--domain-engage-border);
  background: radial-gradient(ellipse 80% 60% at 50% 0%, var(--domain-engage-wash), transparent 62%),
    var(--domain-engage-surface);
  box-shadow: 0 8px 28px #00000024;
  box-shadow: 0 8px 28px lab(0% 0 0 / .14);
}

.dashboard-today-card--evening:hover {
  border-color: var(--domain-engage);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-today-card--evening:hover {
    border-color: color-mix(in oklch, var(--domain-engage) 44%, transparent);
  }
}

.product-domain-icon--spread {
  background: var(--domain-spread-soft);
  color: var(--domain-spread-fg);
}

.product-domain-icon--stars {
  background: var(--domain-stars-soft);
  color: var(--domain-stars-fg);
}

.product-domain-icon--engage {
  background: var(--domain-engage-soft);
  color: var(--domain-engage-fg);
}

.product-domain-label--spread {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--domain-spread);
  font-size: .65rem;
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-label--spread {
    color: color-mix(in oklch, var(--domain-spread) 75%, transparent);
  }
}

.product-domain-label--stars {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--domain-stars-fg);
  font-size: .65rem;
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-label--stars {
    color: color-mix(in oklch, var(--domain-stars-fg) 80%, transparent);
  }
}

.product-domain-label--engage {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--domain-engage-fg);
  font-size: .65rem;
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-label--engage {
    color: color-mix(in oklch, var(--domain-engage-fg) 80%, transparent);
  }
}

.product-domain-card--spread, .dashboard-action-card--spread {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--spread, .dashboard-action-card--spread {
    border-color: color-mix(in oklch, var(--domain-spread) 16%, transparent);
  }
}

.product-domain-card--spread, .dashboard-action-card--spread {
  background: radial-gradient(ellipse 75% 55% at 100% 0%, var(--domain-spread), transparent 58%),
    #3433448c;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--spread, .dashboard-action-card--spread {
    background: radial-gradient(ellipse 75% 55% at 100% 0%, color-mix(in oklch, var(--domain-spread) 6%, transparent), transparent 58%),
    lab(21.9829% 3.40009 -10.6625 / .55);
  }
}

.product-domain-card--spread:hover, .dashboard-action-card--spread:hover {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--spread:hover, .dashboard-action-card--spread:hover {
    border-color: color-mix(in oklch, var(--domain-spread) 30%, transparent);
  }
}

.product-domain-card--stars, .dashboard-action-card--stars {
  border-color: var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--stars, .dashboard-action-card--stars {
    border-color: color-mix(in oklch, var(--domain-stars) 22%, transparent);
  }
}

.product-domain-card--stars, .dashboard-action-card--stars {
  background: radial-gradient(ellipse 75% 55% at 0% 0%, var(--domain-stars), transparent 58%),
    #2930428c;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--stars, .dashboard-action-card--stars {
    background: radial-gradient(ellipse 75% 55% at 0% 0%, color-mix(in oklch, var(--domain-stars) 8%, transparent), transparent 58%),
    lab(19.7028% 1.3271 -12.804 / .55);
  }
}

.product-domain-card--stars:hover, .dashboard-action-card--stars:hover {
  border-color: var(--domain-stars);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--stars:hover, .dashboard-action-card--stars:hover {
    border-color: color-mix(in oklch, var(--domain-stars) 38%, transparent);
  }
}

.product-domain-card--engage {
  border-color: var(--domain-engage);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--engage {
    border-color: color-mix(in oklch, var(--domain-engage) 25%, transparent);
  }
}

.product-domain-card--engage {
  background: radial-gradient(ellipse 75% 55% at 50% 0%, var(--domain-engage), transparent 58%),
    #452c248c;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--engage {
    background: radial-gradient(ellipse 75% 55% at 50% 0%, color-mix(in oklch, var(--domain-engage) 10%, transparent), transparent 58%),
    lab(20.8237% 11.1399 10.0491 / .55);
  }
}

.product-domain-card--engage:hover {
  border-color: var(--domain-engage);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-card--engage:hover {
    border-color: color-mix(in oklch, var(--domain-engage) 40%, transparent);
  }
}

.product-domain-teaser--engage {
  border-color: var(--domain-engage);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-teaser--engage {
    border-color: color-mix(in oklch, var(--domain-engage) 25%, transparent);
  }
}

.product-domain-teaser--engage {
  background: linear-gradient(to bottom right,
    var(--domain-engage),
    #34334466,
    #34334433);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-domain-teaser--engage {
    background: linear-gradient(to bottom right,
    color-mix(in oklch, var(--domain-engage) 12%, transparent),
    lab(21.9829% 3.40009 -10.6625 / .4),
    lab(21.9829% 3.40009 -10.6625 / .2));
  }
}

.dashboard-today-card--muted {
  opacity: .82;
}

.dashboard-horoscope-symbol {
  aspect-ratio: 1;
  border: 1px solid var(--domain-stars-border);
  background: radial-gradient(ellipse 90% 70% at 50% 20%, var(--domain-stars-soft), transparent 68%),
    #20293ab8;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 5.5rem;
  display: flex;
  box-shadow: inset 0 1px #ffffff0a;
  box-shadow: inset 0 1px lab(100% 0 0 / .04);
}

@supports (color: lab(0% 0 0)) {
  .dashboard-horoscope-symbol {
    background: radial-gradient(ellipse 90% 70% at 50% 20%, var(--domain-stars-soft), transparent 68%),
    lab(16.2545% .470445 -12.7213 / .72);
  }
}

.dashboard-action-card {
  color: inherit;
  background: #3433448c;
  background: lab(21.9829% 3.40009 -10.6625 / .55);
  border: 1px solid #ffffff12;
  border: 1px solid lab(100% 0 0 / .07);
  border-radius: 1rem;
  text-decoration: none;
  transition: transform .2s, border-color .2s, background .2s;
  display: block;
  box-shadow: 0 6px 22px #0000001f;
  box-shadow: 0 6px 22px lab(0% 0 0 / .12);
}

.dashboard-action-card:hover {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-action-card:hover {
    border-color: color-mix(in oklch, var(--domain-spread) 28%, transparent);
  }
}

.dashboard-action-card:hover {
  background: #363648b8;
  background: lab(23.1213% 3.65214 -11.3637 / .72);
}

.dashboard-action-card:active {
  transform: scale(.99);
}

.dashboard-action-card--prominent {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-action-card--prominent {
    border-color: color-mix(in oklch, var(--domain-spread) 22%, transparent);
  }
}

.dashboard-action-card--prominent {
  background: radial-gradient(ellipse 70% 55% at 0% 0%, var(--domain-spread), transparent 58%),
    #3433449e;
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-action-card--prominent {
    background: radial-gradient(ellipse 70% 55% at 0% 0%, color-mix(in oklch, var(--domain-spread) 8%, transparent), transparent 58%),
    lab(21.9829% 3.40009 -10.6625 / .62);
  }
}

.dashboard-action-card--prominent:hover {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-action-card--prominent:hover {
    border-color: color-mix(in oklch, var(--domain-spread) 36%, transparent);
  }
}

.ritual-reading-panel {
  background: #2727376b;
  background: lab(16.1742% 3.521 -10.6183 / .42);
  border: 1px solid #ffffff0f;
  border: 1px solid lab(100% 0 0 / .06);
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  box-shadow: inset 0 1px #ffffff08;
  box-shadow: inset 0 1px lab(100% 0 0 / .03);
}

.ritual-prose em, .ritual-prose i, .ritual-prose strong {
  color: #fff4d0;
  color: lab(96.7945% 4.84142 40.729);
  font-style: normal;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ritual-reading-panel {
    padding: 1.125rem 1.375rem;
  }
}

.ritual-depth-divider {
  border-top: 1px solid #ffffff14;
  border-top: 1px solid lab(100% 0 0 / .08);
  padding-top: 1rem;
}

.ritual-depth-eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #a19ab1e0;
  color: lab(64.7963% 6.30876 -11.2888 / .88);
  font-size: .6875rem;
  font-weight: 600;
}

.ritual-lexicon {
  min-height: 0;
}

.ritual-lexicon-phrases, .ritual-lexicon-plain {
  letter-spacing: .01em;
  color: #f5f1e9;
  color: lab(95.4076% .351816 4.58115);
  margin-top: .5rem;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.45;
}

.ritual-lexicon-phrases {
  flex-wrap: wrap;
  gap: .45rem .7rem;
  display: flex;
}

.ritual-lexicon-phrases li {
  border-left: 1.5px solid var(--primary);
  padding-left: .5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .ritual-lexicon-phrases li {
    border-left: 1.5px solid color-mix(in oklch, var(--primary) 62%, transparent);
  }
}

.product-text-link {
  color: var(--primary);
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .15s;
}

.product-text-link:hover {
  text-underline-offset: 4px;
  text-decoration: underline;
}

@keyframes ritual-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ritual-enter {
  animation: .5s cubic-bezier(.22, 1, .36, 1) both ritual-fade-up;
}

.ritual-enter-delay-1 {
  animation-delay: 70ms;
}

.ritual-enter-delay-2 {
  animation-delay: .14s;
}

.ritual-enter-delay-3 {
  animation-delay: .21s;
}

@media (prefers-reduced-motion: reduce) {
  .ritual-enter, .ritual-enter-delay-1, .ritual-enter-delay-2, .ritual-enter-delay-3 {
    animation: none;
  }
}

.today-ritual-panel {
  box-shadow: 0 12px 40px #0000001f;
  box-shadow: 0 12px 40px lab(0% 0 0 / .12);
}

.today-ritual-panel--card {
  background: radial-gradient(ellipse 90% 55% at 100% 0%, var(--domain-spread), transparent 65%),
    radial-gradient(ellipse 70% 50% at 0% 100%, var(--domain-spread), transparent 60%),
    #3433448c;
}

@supports (color: lab(0% 0 0)) {
  .today-ritual-panel--card {
    background: radial-gradient(ellipse 90% 55% at 100% 0%, var(--domain-spread), transparent 65%),
    radial-gradient(ellipse 70% 50% at 0% 100%, var(--domain-spread), transparent 60%),
    lab(21.9829% 3.40009 -10.6625 / .55);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .today-ritual-panel--card {
    background: radial-gradient(ellipse 90% 55% at 100% 0%, color-mix(in oklch, var(--domain-spread) 14%, transparent), transparent 65%),
    radial-gradient(ellipse 70% 50% at 0% 100%, color-mix(in oklch, var(--domain-spread) 6%, transparent), transparent 60%),
    lab(21.9829% 3.40009 -10.6625 / .55);
  }
}

@media not (min-width: 768px) {
  .today-ritual-panel--mobile-flush {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .today-ritual-panel--mobile-flush .today-ritual-panel-visual {
    width: min(15.5rem, 58vw, calc((var(--app-height) - 11rem) * 2 / 3));
    max-width: 100%;
    margin-inline: auto;
    transition: width .28s;
  }

  .today-ritual-panel--mobile-flush:has(.today-ritual-reading) .today-ritual-panel-visual {
    width: min(9.75rem, 38vw);
  }

  .today-ritual-panel--mobile-flush .today-ritual-reading {
    background: #34334480;
    background: lab(21.9829% 3.40009 -10.6625 / .5);
    border-radius: 1.25rem;
    padding: .875rem 1rem 1rem;
  }

  .today-ritual-panel--mobile-flush .today-ritual-reading .ritual-reading-panel {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .today-ritual-panel--mobile-flush .ritual-depth-divider {
    padding-top: .75rem;
  }
}

.spread-catalog-card {
  --spread-accent: var(--domain-spread);
  --spread-accent-soft: var(--domain-spread-soft);
  --spread-accent-border: var(--domain-spread-border);
  --spread-preview-bg: #252534c7;
  --spread-card-bg: #34334494;
  --spread-card-wash: var(--domain-spread);
}

@supports (color: lab(0% 0 0)) {
  .spread-catalog-card {
    --spread-preview-bg: lab(15.0363% 3.2623 -9.91885 / .78);
    --spread-card-bg: lab(21.9829% 3.40009 -10.6625 / .58);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card {
    --spread-card-wash: color-mix(in oklch, var(--domain-spread) 8%, transparent);
  }
}

.spread-catalog-card {
  background: radial-gradient(ellipse 55% 120% at 0% 50%, var(--spread-card-wash), transparent 62%),
    var(--spread-card-bg);
  height: 100%;
  min-height: 8.5rem;
  color: inherit;
  border: 1px solid #ffffff14;
  border: 1px solid lab(100% 0 0 / .08);
  border-radius: 1.125rem;
  flex-direction: row;
  align-items: stretch;
  text-decoration: none;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), border-color .2s, box-shadow .22s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000024, inset 0 1px #ffffff0a;
  box-shadow: 0 10px 30px lab(0% 0 0 / .14), inset 0 1px lab(100% 0 0 / .04);
}

.spread-catalog-card:before {
  content: "";
  z-index: 1;
  background: linear-gradient(180deg, var(--spread-accent) 0%, var(--spread-accent-soft) 100%);
  pointer-events: none;
  border-radius: 1.125rem 0 0 1.125rem;
  width: 3px;
  position: absolute;
  inset: 0 auto 0 0;
}

.spread-catalog-card:hover {
  border-color: var(--spread-accent-border);
  box-shadow: 0 16px 40px #0003,
    0 0 0 1px var(--spread-accent-soft),
    inset 0 1px 0 #ffffff0d;
  transform: translateY(-3px);
}

@supports (color: lab(0% 0 0)) {
  .spread-catalog-card:hover {
    box-shadow: 0 16px 40px lab(0% 0 0 / .2),
    0 0 0 1px var(--spread-accent-soft),
    inset 0 1px 0 lab(100% 0 0 / .05);
  }
}

.spread-catalog-card:active {
  transform: translateY(-1px)scale(.995);
}

.spread-catalog-card--quick {
  --spread-card-wash: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--quick {
    --spread-card-wash: color-mix(in oklch, var(--domain-spread) 6%, transparent);
  }
}

.spread-catalog-card--quick {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--quick {
    border-color: color-mix(in oklch, var(--domain-spread) 12%, transparent);
  }
}

.spread-catalog-card--themed {
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--themed {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 16%, transparent);
  }
}

.spread-catalog-card--themed {
  --spread-accent-border: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--themed {
    --spread-accent-border: color-mix(in oklch, var(--domain-spread) 38%, transparent);
  }
}

.spread-catalog-card--themed {
  --spread-card-wash: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--themed {
    --spread-card-wash: color-mix(in oklch, var(--domain-spread) 10%, transparent);
  }
}

.spread-catalog-card--themed {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--themed {
    border-color: color-mix(in oklch, var(--domain-spread) 14%, transparent);
  }
}

.spread-catalog-card--deep {
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--deep {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 20%, transparent);
  }
}

.spread-catalog-card--deep {
  --spread-accent-border: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--deep {
    --spread-accent-border: color-mix(in oklch, var(--domain-spread) 44%, transparent);
  }
}

.spread-catalog-card--deep {
  --spread-preview-bg: #3d250ff0;
  --spread-card-bg: #493622ad;
  --spread-card-wash: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--deep {
    --spread-card-wash: color-mix(in oklch, var(--domain-spread) 12%, transparent);
  }
}

.spread-catalog-card--deep {
  border-color: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--deep {
    border-color: color-mix(in oklch, var(--domain-spread) 22%, transparent);
  }
}

.spread-catalog-card--deep {
  background: radial-gradient(ellipse 80% 90% at 100% 0%, var(--domain-spread), transparent 58%),
    radial-gradient(ellipse 55% 120% at 0% 50%, var(--spread-card-wash), transparent 62%),
    var(--spread-card-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-catalog-card--deep {
    background: radial-gradient(ellipse 80% 90% at 100% 0%, color-mix(in oklch, var(--domain-spread) 14%, transparent), transparent 58%),
    radial-gradient(ellipse 55% 120% at 0% 50%, var(--spread-card-wash), transparent 62%),
    var(--spread-card-bg);
  }
}

.spread-catalog-card--quick .spread-catalog-card__preview-glow {
  opacity: .75;
}

.spread-catalog-card--deep .spread-catalog-card__preview-glow {
  opacity: 1;
  background: radial-gradient(ellipse 95% 110% at 0% 50%, var(--spread-accent-soft), transparent 70%);
}

.spread-catalog-card--deep:before {
  width: 4px;
}

.spread-catalog-card--cost-plus {
  box-shadow: 0 10px 30px #00000024, inset 0 1px #ffffff0a, inset 0 0 0 1px #eac26614;
  box-shadow: 0 10px 30px lab(0% 0 0 / .14), inset 0 1px lab(100% 0 0 / .04), inset 0 0 0 1px lab(80.535% 7.07686 51.2291 / .08);
}

.spread-catalog-card--cost-premium:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 100% 0, #f0c04e38, #0000 68%);
  background: radial-gradient(circle at 100% 0, lab(80.5288% 9.07829 62.029 / .22), #0000 68%);
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 0;
  right: 0;
}

.spread-catalog-card--cost-premium {
  border-color: #eac26638;
  border-color: lab(80.535% 7.07686 51.2291 / .22);
  box-shadow: 0 12px 34px #00000029, 0 0 28px #eac26614, inset 0 1px #ffffff0d;
  box-shadow: 0 12px 34px lab(0% 0 0 / .16), 0 0 28px lab(80.535% 7.07686 51.2291 / .08), inset 0 1px lab(100% 0 0 / .05);
}

.spread-catalog-card--cost-premium .spread-catalog-card__icon {
  border-color: #f0c04e80;
  border-color: lab(80.5288% 9.07829 62.029 / .5);
  box-shadow: 0 4px 14px #0000002e, 0 0 16px #eac26633;
  box-shadow: 0 4px 14px lab(0% 0 0 / .18), 0 0 16px lab(80.535% 7.07686 51.2291 / .2);
}

.spread-catalog-card__preview {
  background: radial-gradient(ellipse 130% 90% at 0% 50%, var(--spread-accent-soft), transparent 68%),
    var(--spread-preview-bg);
  border-right: 1px solid #ffffff0f;
  border-right: 1px solid lab(100% 0 0 / .06);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 7.5rem;
  padding: .75rem .5rem;
  display: flex;
  position: relative;
}

@media (min-width: 40rem) {
  .spread-catalog-card__preview {
    width: 8.75rem;
    padding: .875rem .625rem;
  }
}

.spread-catalog-card__preview--hero {
  width: 7.5rem;
  padding: .875rem .625rem;
}

@media (min-width: 40rem) {
  .spread-catalog-card__preview--hero {
    width: 9.25rem;
  }
}

.spread-catalog-card__preview-glow {
  pointer-events: none;
  background: radial-gradient(ellipse 90% 100% at 0% 50%, var(--spread-accent-soft), transparent 72%);
  opacity: .95;
  position: absolute;
  inset: 0;
}

.spread-catalog-card__preview-layout {
  z-index: 1;
  flex: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.75rem;
  padding: .15rem .2rem 1.2rem;
  display: flex;
  position: relative;
}

@media (min-width: 40rem) {
  .spread-catalog-card__preview-layout {
    min-height: 5.5rem;
    padding: .2rem .25rem 1.7rem;
  }
}

.spread-catalog-card__spread-preview, .spread-catalog-card__spread-preview--hero {
  width: 100%;
  height: 100%;
}

.spread-position-label {
  pointer-events: none;
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding: 10%;
  display: flex;
  position: absolute;
  inset: 0;
}

.spread-position-label__text {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-align: center;
  font-size: max(.5rem, calc(var(--spread-slot-width) * .16));
  letter-spacing: -.01em;
  color: var(--primary);
  -webkit-box-orient: vertical;
  font-weight: 600;
  line-height: 1.15;
  display: -webkit-box;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-position-label__text {
    color: color-mix(in oklch, var(--primary) 88%, white 6%);
  }
}

.spread-position-label__text {
  text-shadow: 0 1px 8px #1514238c;
  text-shadow: 0 1px 8px lab(6.92278% 3.62861 -10.4293 / .55);
}

@media (min-width: 64rem) {
  .spread-position-label__text {
    font-size: max(.5625rem, calc(var(--spread-slot-width-lg, var(--spread-slot-width)) * .15));
  }
}

.spread-preview--detail .spread-position-label {
  align-items: flex-start;
  padding: 0 .1rem;
  inset: calc(100% + .35rem) 0 auto;
}

.spread-preview--detail .spread-position-label__text {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  font-size: max(.625rem, calc(var(--spread-slot-width) * .155));
  letter-spacing: .01em;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  overflow: visible;
}

.spread-detail-intro-preview {
  padding: .25rem 0 1.75rem;
}

.spread-detail-intro-preview__stage {
  width: 100%;
  max-width: 28rem;
  height: 14.25rem;
  margin-inline: auto;
  overflow: visible;
}

@media (min-width: 40rem) {
  .spread-detail-intro-preview__stage {
    max-width: 34rem;
    height: 16.5rem;
  }
}

@media (min-width: 64rem) {
  .spread-detail-intro-preview__stage {
    max-width: 38rem;
    height: 17.5rem;
  }
}

.spread-preview--marketing {
  max-height: 15rem;
}

@media (min-width: 64rem) {
  .spread-preview--marketing {
    max-height: 20rem;
  }
}

.spread-marketing {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.spread-marketing__header {
  order: 0;
}

.spread-marketing__copy {
  order: 1;
}

.spread-marketing__preview {
  width: 100%;
  min-width: 0;
  max-width: min(100%, calc(var(--spread-card-count, 5) * 10.5rem));
  order: 2;
  margin-inline: auto;
}

@media not (min-width: 64rem) {
  .spread-marketing__preview--planar {
    max-width: 18rem;
  }
}

.spread-marketing__positions {
  order: 3;
}

@media (min-width: 64rem) {
  .spread-marketing {
    grid-template-columns: minmax(20rem, 1fr) minmax(18rem, 24rem);
    grid-template-areas: "crumb crumb"
                         "header header"
                         "preview preview"
                         "copy positions";
    align-items: start;
    gap: 1.25rem;
    display: grid;
  }

  .spread-marketing__crumb {
    grid-area: crumb;
    margin-bottom: 0;
  }

  .spread-marketing__header {
    grid-area: header;
    margin-bottom: .25rem;
  }

  .spread-marketing__preview {
    order: unset;
    max-width: min(100%, calc(var(--spread-card-count, 5) * 10.5rem));
    grid-area: preview;
    padding: .5rem 0 .25rem;
  }

  .spread-marketing__preview--planar {
    max-width: 22rem;
  }

  .spread-marketing__copy {
    order: unset;
    grid-area: copy;
    padding-top: .5rem;
  }

  .spread-marketing__positions {
    order: unset;
    grid-area: positions;
    padding-top: .25rem;
  }
}

.spread-catalog-card__icon {
  z-index: 2;
  border: 1px solid var(--spread-accent-border);
  width: 2rem;
  height: 2rem;
  color: var(--spread-accent);
  background: #343344eb;
  background: lab(21.9829% 3.40009 -10.6625 / .92);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: .625rem;
  left: .625rem;
  box-shadow: 0 4px 14px #0000002e;
  box-shadow: 0 4px 14px lab(0% 0 0 / .18);
}

.spread-catalog-card__body {
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  min-width: 0;
  padding: .875rem .9375rem .9375rem;
  display: flex;
}

.spread-catalog-card__lead {
  flex-direction: column;
  flex-shrink: 0;
  gap: .25rem;
  min-width: 0;
  display: flex;
}

@media (min-width: 40rem) {
  .spread-catalog-card__body {
    gap: .75rem;
    padding: 1rem 1.125rem;
  }

  .spread-catalog-card__lead {
    gap: .375rem;
  }
}

.spread-catalog-card__title {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  color: var(--foreground);
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.2;
}

@media (min-width: 40rem) {
  .spread-catalog-card__title {
    font-size: 1.25rem;
  }
}

.spread-catalog-card__description {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  min-height: 3.53438rem;
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.spread-catalog-card__footer {
  border-top: 1px solid #ffffff0f;
  border-top: 1px solid lab(100% 0 0 / .06);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-end;
  gap: .5rem .75rem;
  margin-top: auto;
  padding-top: .625rem;
  display: flex;
}

.spread-catalog-card__footer--hero {
  padding-top: .75rem;
}

.spread-catalog-card__meta-line {
  color: #a8a0b8;
  color: lab(67.1169% 6.30128 -11.2934);
  flex: 1;
  align-items: center;
  gap: .25rem;
  min-width: 0;
  font-size: .6875rem;
  line-height: 1.2;
  display: none;
}

.spread-catalog-card__meta-sep {
  color: #616174b3;
  color: lab(41.7191% 3.17231 -10.7587 / .7);
}

.spread-catalog-card__meta-cost {
  color: var(--primary);
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.spread-catalog-card__meta-cost.is-plus, .spread-catalog-card__meta-cost.is-premium {
  color: var(--primary);
}

.spread-catalog-card__chips {
  flex-wrap: wrap;
  flex: 1;
  gap: .3125rem;
  min-width: 0;
  display: flex;
}

.spread-catalog-card__cta {
  color: var(--primary);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: .25rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.spread-catalog-meta-chip {
  color: #b4adc2;
  color: lab(71.8183% 5.35879 -9.70682);
  background: #2727379e;
  background: lab(16.1742% 3.521 -10.6183 / .62);
  border: 1px solid #ffffff14;
  border: 1px solid lab(100% 0 0 / .08);
  border-radius: 9999px;
  align-items: center;
  gap: .25rem;
  padding: .1875rem .5rem;
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.spread-catalog-meta-chip--cost {
  border-color: var(--spread-accent-border);
  background: var(--spread-accent-soft);
  color: var(--spread-accent);
  font-weight: 600;
}

.spread-catalog-meta-chip--cost.is-plus {
  color: var(--primary);
  background: #eac26624;
  background: lab(80.535% 7.07686 51.2291 / .14);
  border-color: #eac2666b;
  border-color: lab(80.535% 7.07686 51.2291 / .42);
}

.spread-catalog-meta-chip--cost.is-premium {
  color: var(--primary);
  background: #f0c04e2e;
  background: lab(80.5288% 9.07829 62.029 / .18);
  border-color: #f0c04e8c;
  border-color: lab(80.5288% 9.07829 62.029 / .55);
  box-shadow: 0 0 18px #eac26624;
  box-shadow: 0 0 18px lab(80.535% 7.07686 51.2291 / .14);
}

.spread-catalog-card__cta--hero {
  font-size: .875rem;
}

.spread-catalog-hero {
  color: inherit;
  background: radial-gradient(55% 130% at 0%, #eac26629, #0000 62%), radial-gradient(70% 60% at 100% 100%, #6d6b9f14, #0000 55%), #343344ad;
  background: radial-gradient(55% 130% at 0%, lab(80.535% 7.07686 51.2291 / .16), #0000 62%), radial-gradient(70% 60% at 100% 100%, lab(46.9281% 10.1588 -28.077 / .08), #0000 55%), lab(21.9829% 3.40009 -10.6625 / .68);
  border: 1px solid #eac26652;
  border: 1px solid lab(80.535% 7.07686 51.2291 / .32);
  border-radius: 1.25rem;
  flex-direction: row;
  align-items: stretch;
  text-decoration: none;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), border-color .2s, box-shadow .22s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 14px 42px #0000002e, 0 0 48px #eac26612, inset 0 1px #ffffff0d;
  box-shadow: 0 14px 42px lab(0% 0 0 / .18), 0 0 48px lab(80.535% 7.07686 51.2291 / .07), inset 0 1px lab(100% 0 0 / .05);
}

.spread-catalog-hero:hover {
  border-color: #eac2667a;
  border-color: lab(80.535% 7.07686 51.2291 / .48);
  transform: translateY(-2px);
  box-shadow: 0 18px 48px #00000038, 0 0 56px #eac2661a, inset 0 1px #ffffff0f;
  box-shadow: 0 18px 48px lab(0% 0 0 / .22), 0 0 56px lab(80.535% 7.07686 51.2291 / .1), inset 0 1px lab(100% 0 0 / .06);
}

.spread-catalog-hero__body {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: .625rem;
  min-width: 0;
  padding: 1rem 1.125rem;
  display: flex;
}

@media (min-width: 40rem) {
  .spread-catalog-hero__body {
    gap: .75rem;
    padding: 1.25rem 1.5rem;
  }
}

.spread-catalog-hero__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  font-size: .6875rem;
  font-weight: 600;
}

.spread-catalog-hero__title {
  font-family: var(--font-serif);
  letter-spacing: -.015em;
  color: var(--foreground);
  font-size: clamp(1.375rem, 2.4vw, 1.625rem);
  font-weight: 600;
  line-height: 1.15;
}

.spread-catalog-hero__description {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  max-width: 38rem;
  min-height: 4.06875rem;
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  flex-shrink: 0;
  font-size: .875rem;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}

.spread-depth-section {
  --spread-accent: var(--domain-spread);
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 12%, transparent);
  }
}

.spread-depth-section--quick {
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--quick {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 10%, transparent);
  }
}

.spread-depth-section--quick {
  --spread-accent-border: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--quick {
    --spread-accent-border: color-mix(in oklch, var(--domain-spread) 28%, transparent);
  }
}

.spread-depth-section--themed {
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--themed {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 12%, transparent);
  }
}

.spread-depth-section--themed {
  --spread-accent-border: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--themed {
    --spread-accent-border: color-mix(in oklch, var(--domain-spread) 34%, transparent);
  }
}

.spread-depth-section--deep {
  --spread-accent-soft: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--deep {
    --spread-accent-soft: color-mix(in oklch, var(--domain-spread) 14%, transparent);
  }
}

.spread-depth-section--deep {
  --spread-accent-border: var(--domain-spread);
}

@supports (color: color-mix(in lab, red, red)) {
  .spread-depth-section--deep {
    --spread-accent-border: color-mix(in oklch, var(--domain-spread) 38%, transparent);
  }
}

.spread-depth-section__header {
  border-left: 3px solid var(--spread-accent);
  background: linear-gradient(90deg, var(--spread-accent-soft), transparent 72%);
  border-radius: 0 .625rem .625rem 0;
  padding: .5rem 0 .5rem .875rem;
}

.spread-depth-section__title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.spread-depth-section__badge {
  border: 1px solid var(--spread-accent-border, var(--spread-accent-soft));
  background: var(--spread-accent-soft);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--spread-accent);
  border-radius: 9999px;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  display: inline-flex;
}

.spread-depth-section__title {
  color: var(--foreground);
  font-size: 1rem;
  font-weight: 600;
}

.spread-depth-section__description {
  color: var(--muted-foreground);
  margin-top: .125rem;
  font-size: .875rem;
}

@media not (min-width: 40rem) {
  .spread-catalog-card {
    border-radius: 1rem;
    min-height: 0;
  }

  .spread-catalog-card:before {
    width: 2px;
  }

  .spread-catalog-card__preview {
    width: 6.75rem;
    padding: .5rem .5rem .5rem .4375rem;
  }

  .spread-catalog-card__preview--hero {
    width: 6.5rem;
    padding: .5625rem .5rem;
  }

  .spread-catalog-card__preview-layout {
    min-height: 4.25rem;
    padding: .15rem .2rem 1.4rem;
  }

  .spread-catalog-card__spread-preview--hero {
    height: 100%;
  }

  .spread-catalog-card__icon {
    border-radius: .4375rem;
    width: 1.625rem;
    height: 1.625rem;
    bottom: .375rem;
    left: .375rem;
  }

  .spread-catalog-card__icon svg {
    width: .8125rem;
    height: .8125rem;
  }

  .spread-catalog-card__body {
    gap: .375rem;
    padding: .5625rem .6875rem .625rem;
  }

  .spread-catalog-card__title {
    font-size: 1.0625rem;
    line-height: 1.15;
  }

  .spread-catalog-card__description {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2.1rem;
    font-size: .75rem;
    line-height: 1.4;
  }

  .spread-catalog-card__footer {
    border-top: 0;
    align-items: center;
    gap: .5rem;
    margin-top: 0;
    padding-top: 0;
  }

  .spread-catalog-card__footer--hero {
    padding-top: .125rem;
  }

  .spread-catalog-card__meta-line {
    display: flex;
  }

  .spread-catalog-card__chips {
    display: none;
  }

  .spread-catalog-card__cta {
    font-size: .75rem;
  }

  .spread-catalog-card__cta svg {
    width: .875rem;
    height: .875rem;
  }

  .spread-catalog-hero {
    border-radius: 1.0625rem;
  }

  .spread-catalog-hero__body {
    gap: .375rem;
    padding: .6875rem .75rem .75rem;
  }

  .spread-catalog-hero__title {
    font-size: 1.1875rem;
  }

  .spread-catalog-hero__description {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    min-height: 3.53438rem;
    font-size: .8125rem;
    line-height: 1.45;
  }

  .spread-depth-section__header {
    padding-left: .6875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spread-catalog-card, .spread-catalog-hero {
    transition: none;
  }

  .spread-catalog-card:hover, .spread-catalog-hero:hover, .spread-catalog-card:active {
    transform: none;
  }
}

.compat-personal {
  background: radial-gradient(90% 55% at 50% 0, #f2bf3f12, #0000 62%), #2f2e3e6b;
  background: radial-gradient(90% 55% at 50% 0, lab(80.521% 10.1561 67.9889 / .07), #0000 62%), lab(19.683% 3.16934 -9.95321 / .42);
  border-color: #5b5a7661;
  border-color: lab(39.2321% 5.13177 -15.9817 / .38);
}

.compat-pair-hero {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: .25rem 0 .5rem;
  display: flex;
  position: relative;
}

.compat-pair-orbit {
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: .5rem;
  width: 100%;
  max-width: 22rem;
  display: grid;
  position: relative;
}

.compat-pair-orbit__arc {
  pointer-events: none;
  color: #f2bf3f47;
  color: lab(80.521% 10.1561 67.9889 / .28);
  width: min(72%, 14rem);
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -58%);
}

.compat-pair-orb {
  text-align: center;
  background: #343344b8;
  background: lab(21.9829% 3.40009 -10.6625 / .72);
  border: 1px solid #5b5a7673;
  border: 1px solid lab(39.2321% 5.13177 -15.9817 / .45);
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  padding: .875rem .5rem;
  transition: border-color .2s, background .2s, box-shadow .2s;
  display: flex;
}

.compat-pair-orb--yours {
  background: linear-gradient(165deg, #f2bf3f1f, #3433448c);
  background: linear-gradient(165deg, lab(80.521% 10.1561 67.9889 / .12), lab(21.9829% 3.40009 -10.6625 / .55));
  border-color: #f2bf3f61;
  border-color: lab(80.521% 10.1561 67.9889 / .38);
  box-shadow: 0 0 24px #f2bf3f14;
  box-shadow: 0 0 24px lab(80.521% 10.1561 67.9889 / .08);
}

.compat-pair-orb--partner {
  background: linear-gradient(165deg, #0098ab1a, #3433448c);
  background: linear-gradient(165deg, lab(56.8078% -32.7553 -22.1131 / .1), lab(21.9829% 3.40009 -10.6625 / .55));
  border-color: #0098ab61;
  border-color: lab(56.8078% -32.7553 -22.1131 / .38);
}

button.compat-pair-orb--partner:not(:disabled):hover {
  border-color: #0098ab8c;
  border-color: lab(56.8078% -32.7553 -22.1131 / .55);
  box-shadow: 0 0 20px #0098ab1f;
  box-shadow: 0 0 20px lab(56.8078% -32.7553 -22.1131 / .12);
}

.compat-pair-orb__symbol {
  font-size: 2.25rem;
  line-height: 1;
}

@media (min-width: 640px) {
  .compat-pair-orb {
    padding: 1rem .75rem;
  }

  .compat-pair-orb__symbol {
    font-size: 2.75rem;
  }
}

.compat-result-focus {
  border-top: 1px solid #5b5a7647;
  border-top: 1px solid lab(39.2321% 5.13177 -15.9817 / .28);
  padding-top: 1.25rem;
}

.compat-result-grid {
  gap: 1.25rem;
  display: grid;
}

@media (min-width: 640px) {
  .compat-result-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

.compat-result-focus {
  border-left: 2px solid #f2bf3f8c;
  border-left: 2px solid lab(80.521% 10.1561 67.9889 / .55);
  padding-left: 1rem;
}

.compat-actions {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

@media (min-width: 640px) {
  .compat-actions {
    flex-direction: row;
    align-items: stretch;
  }

  .compat-actions > * {
    flex: 1;
  }
}

html[data-tma], html[data-tma] body {
  min-height: var(--app-height);
  overscroll-behavior: none;
}

html[data-tma] body {
  background-attachment: scroll;
}

html[data-tma] [data-product-shell] {
  min-height: var(--app-height);
}

html[data-tma] [data-product-shell] > header, html[data-tma] .product-page-back {
  display: none;
}

html[data-tma] [data-product-shell] main {
  padding-top: max(.25rem, var(--mobile-safe-top));
}

@media (min-width: 768px) {
  html[data-tma] [data-product-shell] main {
    padding-top: 1.25rem;
  }
}

html[data-tma] [data-mobile-tab-bar] ul {
  padding-top: .2rem;
}

html[data-tma] .cookie-consent {
  display: none;
}

html[data-tma] .dashboard-today-card--card {
  box-shadow: 0 4px 18px #0000001f;
  box-shadow: 0 4px 18px lab(0% 0 0 / .12);
}

html[data-tma] .today-ritual-panel--mobile-flush .today-ritual-panel-visual {
  width: min(15.5rem, 56vw, calc((var(--app-height) - 7.25rem) * 2 / 3));
}

html[data-tma] .today-ritual-panel--mobile-flush:has(.today-ritual-reading) .today-ritual-panel-visual {
  width: min(8.75rem, 34vw);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-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-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__07w31vq._.css.map*/