/* GENERATED by scripts/rg-grid-theme-chrome-build.mjs — do not edit. The grid-theme header and footer, for the site's other templates: see that file. */
@layer rg-chrome-first, rg-chrome, utilities, components, base, theme, properties;
@layer theme {
.rg-chrome {
	all: initial !important;
}
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  .rg-chrome {
    --spacing: 4px !important;
    --default-font-family: var(--font-sans) !important;
    --default-mono-font-family: var(--font-mono) !important;
    --color-slate-50: oklch(98.4% 0.003 247.858) !important;
    --color-slate-100: oklch(96.8% 0.007 247.896) !important;
    --color-slate-200: oklch(92.9% 0.013 255.508) !important;
    --color-slate-300: oklch(86.9% 0.022 252.894) !important;
    --color-slate-400: oklch(70.4% 0.04 256.788) !important;
    --color-slate-500: oklch(55.4% 0.046 257.417) !important;
    --color-slate-600: oklch(44.6% 0.043 257.281) !important;
    --color-slate-700: oklch(37.2% 0.044 257.287) !important;
    --color-slate-800: oklch(27.9% 0.041 260.031) !important;
    --color-slate-900: oklch(20.8% 0.042 265.755) !important;
    --color-slate-950: oklch(12.9% 0.042 264.695) !important;
    --color-gray-50: oklch(98.5% 0.002 247.839) !important;
    --color-gray-100: oklch(96.7% 0.003 264.542) !important;
    --color-gray-200: oklch(92.8% 0.006 264.531) !important;
    --color-gray-300: oklch(87.2% 0.01 258.338) !important;
    --color-gray-400: oklch(70.7% 0.022 261.325) !important;
    --color-gray-500: oklch(55.1% 0.027 264.364) !important;
    --color-gray-600: oklch(44.6% 0.03 256.802) !important;
    --color-gray-700: oklch(37.3% 0.034 259.733) !important;
    --color-gray-800: oklch(27.8% 0.033 256.848) !important;
    --color-gray-900: oklch(21% 0.034 264.665) !important;
    --color-gray-950: oklch(13% 0.028 261.692) !important;
    --color-emerald-50: oklch(97.9% 0.021 166.113) !important;
    --color-emerald-100: oklch(95% 0.052 163.051) !important;
    --color-emerald-200: oklch(90.5% 0.093 164.15) !important;
    --color-emerald-300: oklch(84.5% 0.143 164.978) !important;
    --color-emerald-400: oklch(76.5% 0.177 163.223) !important;
    --color-emerald-500: oklch(69.6% 0.17 162.48) !important;
    --color-emerald-600: oklch(59.6% 0.145 163.225) !important;
    --color-emerald-700: oklch(50.8% 0.118 165.612) !important;
    --color-emerald-800: oklch(43.2% 0.095 166.913) !important;
    --color-emerald-900: oklch(37.8% 0.077 168.94) !important;
    --color-emerald-950: oklch(26.2% 0.051 172.552) !important;
    --color-blue-50: oklch(97% 0.014 254.604) !important;
    --color-blue-100: oklch(93.2% 0.032 255.585) !important;
    --color-blue-200: oklch(88.2% 0.059 254.128) !important;
    --color-blue-300: oklch(80.9% 0.105 251.813) !important;
    --color-blue-400: oklch(70.7% 0.165 254.624) !important;
    --color-blue-500: oklch(62.3% 0.214 259.815) !important;
    --color-blue-600: oklch(54.6% 0.245 262.881) !important;
    --color-blue-700: oklch(48.8% 0.243 264.376) !important;
    --color-blue-800: oklch(42.4% 0.199 265.638) !important;
    --color-blue-900: oklch(37.9% 0.146 265.522) !important;
    --color-blue-950: oklch(28.2% 0.091 267.935) !important;
    --color-orange-50: oklch(98% 0.016 73.684) !important;
    --color-orange-100: oklch(95.4% 0.038 75.164) !important;
    --color-orange-200: oklch(90.1% 0.076 70.697) !important;
    --color-orange-300: oklch(83.7% 0.128 66.29) !important;
    --color-orange-400: oklch(75% 0.183 55.934) !important;
    --color-orange-500: oklch(70.5% 0.213 47.604) !important;
    --color-orange-600: oklch(64.6% 0.222 41.116) !important;
    --color-orange-700: oklch(55.3% 0.195 38.402) !important;
    --color-orange-800: oklch(47% 0.157 37.304) !important;
    --color-orange-900: oklch(40.8% 0.123 38.172) !important;
    --color-orange-950: oklch(26.6% 0.079 36.259) !important;
    --color-purple-50: oklch(97.7% 0.014 308.299) !important;
    --color-purple-100: oklch(94.6% 0.033 307.174) !important;
    --color-purple-200: oklch(90.2% 0.063 306.703) !important;
    --color-purple-300: oklch(82.7% 0.119 306.383) !important;
    --color-purple-400: oklch(71.4% 0.203 305.504) !important;
    --color-purple-500: oklch(62.7% 0.265 303.9) !important;
    --color-purple-600: oklch(55.8% 0.288 302.321) !important;
    --color-purple-700: oklch(49.6% 0.265 301.924) !important;
    --color-purple-800: oklch(43.8% 0.218 303.724) !important;
    --color-purple-900: oklch(38.1% 0.176 304.987) !important;
    --color-purple-950: oklch(29.1% 0.149 302.717) !important;
    --color-green-50: oklch(98.2% 0.018 155.826) !important;
    --color-green-100: oklch(96.2% 0.044 156.743) !important;
    --color-green-200: oklch(92.5% 0.084 155.995) !important;
    --color-green-300: oklch(87.1% 0.15 154.449) !important;
    --color-green-400: oklch(79.2% 0.209 151.711) !important;
    --color-green-500: oklch(72.3% 0.219 149.579) !important;
    --color-green-600: oklch(62.7% 0.194 149.214) !important;
    --color-green-700: oklch(52.7% 0.154 150.069) !important;
    --color-green-800: oklch(44.8% 0.119 151.328) !important;
    --color-green-900: oklch(39.3% 0.095 152.535) !important;
    --color-green-950: oklch(26.6% 0.065 152.934) !important;
    --color-amber-50: oklch(98.7% 0.022 95.277) !important;
    --color-amber-100: oklch(96.2% 0.059 95.617) !important;
    --color-amber-200: oklch(92.4% 0.12 95.746) !important;
    --color-amber-300: oklch(87.9% 0.169 91.605) !important;
    --color-amber-400: oklch(82.8% 0.189 84.429) !important;
    --color-amber-500: oklch(76.9% 0.188 70.08) !important;
    --color-amber-600: oklch(66.6% 0.179 58.318) !important;
    --color-amber-700: oklch(55.5% 0.163 48.998) !important;
    --color-amber-800: oklch(47.3% 0.137 46.201) !important;
    --color-amber-900: oklch(41.4% 0.112 45.904) !important;
    --color-amber-950: oklch(27.9% 0.077 45.635) !important;
    --color-rose-50: oklch(96.9% 0.015 12.422) !important;
    --color-rose-100: oklch(94.1% 0.03 12.58) !important;
    --color-rose-200: oklch(89.2% 0.058 10.001) !important;
    --color-rose-300: oklch(81% 0.117 11.638) !important;
    --color-rose-400: oklch(71.2% 0.194 13.428) !important;
    --color-rose-500: oklch(64.5% 0.246 16.439) !important;
    --color-rose-600: oklch(58.6% 0.253 17.585) !important;
    --color-rose-700: oklch(51.4% 0.222 16.935) !important;
    --color-rose-800: oklch(45.5% 0.188 13.697) !important;
    --color-rose-900: oklch(41% 0.159 10.272) !important;
    --color-rose-950: oklch(27.1% 0.105 12.094) !important;
    --color-sky-50: oklch(97.7% 0.013 236.62) !important;
    --color-sky-100: oklch(95.1% 0.026 236.824) !important;
    --color-sky-200: oklch(90.1% 0.058 230.902) !important;
    --color-sky-300: oklch(82.8% 0.111 230.318) !important;
    --color-sky-400: oklch(74.6% 0.16 232.661) !important;
    --color-sky-500: oklch(68.5% 0.169 237.323) !important;
    --color-sky-600: oklch(58.8% 0.158 241.966) !important;
    --color-sky-700: oklch(50% 0.134 242.749) !important;
    --color-sky-800: oklch(44.3% 0.11 240.79) !important;
    --color-sky-900: oklch(39.1% 0.09 240.876) !important;
    --color-sky-950: oklch(29.3% 0.066 243.157) !important;
    --color-white: #ffffff !important;
    --color-black: #000000 !important;
    --color-kora-blend: #e07ba1 !important;
    --spacing-0: 0px !important;
    --spacing-1: 4px !important;
    --spacing-2: 8px !important;
    --spacing-3: 12px !important;
    --spacing-4: 16px !important;
    --spacing-5: 20px !important;
    --spacing-6: 24px !important;
    --spacing-8: 32px !important;
    --spacing-10: 40px !important;
    --spacing-12: 48px !important;
    --spacing-16: 64px !important;
    --spacing-20: 80px !important;
    --spacing-24: 96px !important;
    --spacing-32: 128px !important;
    --spacing-40: 160px !important;
    --spacing-48: 192px !important;
    --radius-none: 0px !important;
    --radius-xs: 2px !important;
    --radius-sm: 4px !important;
    --radius-md: 6px !important;
    --radius-lg: 8px !important;
    --radius-xl: 12px !important;
    --radius-2xl: 16px !important;
    --radius-3xl: 24px !important;
    --radius-4xl: 32px !important;
    --radius-full: 9999px !important;
    --container-md: 448px !important;
    --container-lg: 512px !important;
    --container-xl: 576px !important;
    --container-2xl: 672px !important;
    --container-3xl: 768px !important;
    --container-4xl: 896px !important;
    --container-5xl: 1024px !important;
    --container-6xl: 1152px !important;
    --container-7xl: 1280px !important;
    --breakpoint-sm: 640px !important;
    --breakpoint-md: 768px !important;
    --breakpoint-lg: 1024px !important;
    --breakpoint-xl: 1280px !important;
    --breakpoint-2xl: 1536px !important;
    --font-display: "Zalando Sans", Inter, ui-sans-serif, "system-ui", "sans-serif" !important;
    --font-sans: Inter, ui-sans-serif, "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji" !important;
    --font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace !important;
    --font-icon: "Material Symbols Rounded" !important;
    --font-weight-regular: 400 !important;
    --font-weight-medium: 500 !important;
    --font-weight-semibold: 600 !important;
    --font-weight-bold: 700 !important;
    --text-12: 12px !important;
    --text-14: 14px !important;
    --text-16: 16px !important;
    --text-18: 18px !important;
    --text-20: 20px !important;
    --text-24: 24px !important;
    --text-28: 28px !important;
    --text-32: 32px !important;
    --text-40: 40px !important;
    --text-48: 48px !important;
    --text-64: 64px !important;
    --leading-100: 1 !important;
    --leading-104: 1.04 !important;
    --leading-120: 1.2 !important;
    --tracking-0: 0px !important;
    --tracking--0_5: -0.5px !important;
    --tracking--1: -1px !important;
    --tracking--1_5: -1.5px !important;
    --tracking--2: -2px !important;
    --tracking--2_5: -2.5px !important;
    --tracking--4: -4px !important;
    --shadow-2xs: 0px 1px 0px 0px rgb(0 0 0 / 0.05) !important;
    --shadow-xs: 0px 1px 2px 0px rgb(0 0 0 / 0.05) !important;
    --shadow-sm: 0px 1px 3px 0px rgb(0 0 0 / 0.1), 0px 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --shadow-md: 0px 4px 6px -1px rgb(0 0 0 / 0.1), 0px 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    --shadow-lg: 0px 10px 15px -3px rgb(0 0 0 / 0.1), 0px 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --shadow-xl: 0px 20px 25px -5px rgb(0 0 0 / 0.1), 0px 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --shadow-2xl: 0px 25px 50px -12px rgb(0 0 0 / 0.25) !important;
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1) !important;
    --ease-enter: cubic-bezier(0, 0, 0.2, 1) !important;
    --ease-exit: cubic-bezier(0.4, 0, 1, 1) !important;
    --ease-expressive: cubic-bezier(0.22, 1, 0.36, 1) !important;
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    --blur-xs: 4px !important;
    --blur-sm: 8px !important;
    --blur-md: 12px !important;
    --blur-lg: 16px !important;
    --blur-xl: 24px !important;
    --blur-2xl: 40px !important;
    --blur-3xl: 64px !important;
    --container-page: var(--rg-layout-container) !important;
  }
}
@layer base {
  :where(.rg-chrome) *,
:where(.rg-chrome) ::after,
:where(.rg-chrome) ::before,
:where(.rg-chrome) ::backdrop,
:where(.rg-chrome) ::file-selector-button {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 solid !important;
  }
  .rg-chrome {
    line-height: 1.5 !important;
    -webkit-text-size-adjust: 100% !important;
    tab-size: 4 !important;
    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") !important;
    font-feature-settings: var(--default-font-feature-settings, normal) !important;
    font-variation-settings: var(--default-font-variation-settings, normal) !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  :where(.rg-chrome) hr {
    height: 0 !important;
    color: inherit !important;
    border-top-width: 1px !important;
  }
  :where(.rg-chrome) abbr:where([title]) {
    -webkit-text-decoration: underline dotted !important;
    text-decoration: underline dotted !important;
  }
  :where(.rg-chrome) h1,
:where(.rg-chrome) h2,
:where(.rg-chrome) h3,
:where(.rg-chrome) h4,
:where(.rg-chrome) h5,
:where(.rg-chrome) h6 {
    font-size: inherit !important;
    font-weight: inherit !important;
  }
  :where(.rg-chrome) a {
    color: inherit !important;
    -webkit-text-decoration: inherit !important;
    text-decoration: inherit !important;
  }
  :where(.rg-chrome) b,
:where(.rg-chrome) strong {
    font-weight: bolder !important;
  }
  :where(.rg-chrome) code,
:where(.rg-chrome) kbd,
:where(.rg-chrome) samp,
:where(.rg-chrome) pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) !important;
    font-feature-settings: var(--default-mono-font-feature-settings, normal) !important;
    font-variation-settings: var(--default-mono-font-variation-settings, normal) !important;
    font-size: 1em !important;
  }
  :where(.rg-chrome) small {
    font-size: 80% !important;
  }
  :where(.rg-chrome) sub,
:where(.rg-chrome) sup {
    font-size: 75% !important;
    line-height: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
  }
  :where(.rg-chrome) sub {
    bottom: -0.25em !important;
  }
  :where(.rg-chrome) sup {
    top: -0.5em !important;
  }
  :where(.rg-chrome) table {
    text-indent: 0 !important;
    border-color: inherit !important;
    border-collapse: collapse !important;
  }
  :where(.rg-chrome) :-moz-focusring:where(:not(iframe)) {
    outline: auto !important;
  }
  :where(.rg-chrome) progress {
    vertical-align: baseline !important;
  }
  :where(.rg-chrome) summary {
    display: list-item !important;
  }
  :where(.rg-chrome) ol,
:where(.rg-chrome) ul,
:where(.rg-chrome) menu {
    list-style: none !important;
  }
  :where(.rg-chrome) img,
:where(.rg-chrome) svg,
:where(.rg-chrome) video,
:where(.rg-chrome) canvas,
:where(.rg-chrome) audio,
:where(.rg-chrome) iframe,
:where(.rg-chrome) embed,
:where(.rg-chrome) object {
    display: block !important;
    vertical-align: middle !important;
  }
  :where(.rg-chrome) img,
:where(.rg-chrome) video {
    max-width: 100% !important;
    height: auto !important;
  }
  :where(.rg-chrome) button,
:where(.rg-chrome) input,
:where(.rg-chrome) select,
:where(.rg-chrome) optgroup,
:where(.rg-chrome) textarea,
:where(.rg-chrome) ::file-selector-button {
    font: inherit !important;
    font-feature-settings: inherit !important;
    font-variation-settings: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }
  :where(select:is([multiple], [size])) optgroup:where(.rg-chrome *) {
    font-weight: bolder !important;
  }
  :where(select:is([multiple], [size])) optgroup option:where(.rg-chrome *) {
    padding-inline-start: 20px !important;
  }
  :where(.rg-chrome) ::file-selector-button {
    margin-inline-end: 4px !important;
  }
  :where(.rg-chrome) ::placeholder {
    opacity: 1 !important;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    :where(.rg-chrome) ::placeholder {
      color: currentcolor !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent) !important;
      }
    }
  }
  :where(.rg-chrome) textarea {
    resize: vertical !important;
  }
  :where(.rg-chrome) ::-webkit-search-decoration {
    -webkit-appearance: none !important;
  }
  :where(.rg-chrome) ::-webkit-date-and-time-value {
    min-height: 1lh !important;
    text-align: inherit !important;
  }
  :where(.rg-chrome) ::-webkit-datetime-edit {
    display: inline-flex !important;
  }
  :where(.rg-chrome) ::-webkit-datetime-edit-fields-wrapper {
    padding: 0 !important;
  }
  :where(.rg-chrome) ::-webkit-datetime-edit,
:where(.rg-chrome) ::-webkit-datetime-edit-year-field,
:where(.rg-chrome) ::-webkit-datetime-edit-month-field,
:where(.rg-chrome) ::-webkit-datetime-edit-day-field,
:where(.rg-chrome) ::-webkit-datetime-edit-hour-field,
:where(.rg-chrome) ::-webkit-datetime-edit-minute-field,
:where(.rg-chrome) ::-webkit-datetime-edit-second-field,
:where(.rg-chrome) ::-webkit-datetime-edit-millisecond-field,
:where(.rg-chrome) ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0 !important;
  }
  :where(.rg-chrome) ::-webkit-calendar-picker-indicator {
    line-height: 1 !important;
  }
  :where(.rg-chrome) :-moz-ui-invalid {
    box-shadow: none !important;
  }
  :where(.rg-chrome) button,
:where(.rg-chrome) input:where([type="button"], [type="reset"], [type="submit"]),
:where(.rg-chrome) ::file-selector-button {
    appearance: button !important;
  }
  :where(.rg-chrome) ::-webkit-inner-spin-button,
:where(.rg-chrome) ::-webkit-outer-spin-button {
    height: auto !important;
  }
  :where(.rg-chrome) [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  :where(.rg-chrome) .pointer-events-none {
    pointer-events: none !important;
  }
  :where(.rg-chrome) .invisible {
    visibility: hidden !important;
  }
  :where(.rg-chrome) .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  :where(.rg-chrome) .absolute {
    position: absolute !important;
  }
  :where(.rg-chrome) .fixed {
    position: fixed !important;
  }
  :where(.rg-chrome) .relative {
    position: relative !important;
  }
  :where(.rg-chrome) .static {
    position: static !important;
  }
  :where(.rg-chrome) .sticky {
    position: sticky !important;
  }
  :where(.rg-chrome) .inset-0 {
    inset: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .inset-x-0 {
    inset-inline: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .-top-px {
    top: -1px !important;
  }
  :where(.rg-chrome) .top-0 {
    top: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .top-14 {
    top: calc(var(--spacing) * 14) !important;
  }
  :where(.rg-chrome) .top-\[calc\(var\(--rg-layout-section\)\+8rem\)\] {
    top: calc(var(--rg-layout-section) + 128px) !important;
  }
  :where(.rg-chrome) .top-full {
    top: 100% !important;
  }
  :where(.rg-chrome) .-right-px {
    right: -1px !important;
  }
  :where(.rg-chrome) .right-0 {
    right: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .right-1\/2 {
    right: calc(1 / 2 * 100%) !important;
  }
  :where(.rg-chrome) .-bottom-px {
    bottom: -1px !important;
  }
  :where(.rg-chrome) .bottom-0 {
    bottom: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .bottom-\[var\(--rg-layout-section\)\] {
    bottom: var(--rg-layout-section) !important;
  }
  :where(.rg-chrome) .-left-px {
    left: -1px !important;
  }
  :where(.rg-chrome) .left-0 {
    left: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .left-\[max\(0px\,calc\(\(100\%-var\(--container-page\)\)\/2-6rem\)\)\] {
    left: max(0px, calc((100% - var(--container-page)) / 2 - 96px)) !important;
  }
  :where(.rg-chrome) .isolate {
    isolation: isolate !important;
  }
  :where(.rg-chrome) .-z-10 {
    z-index: calc(10 * -1) !important;
  }
  :where(.rg-chrome) .z-40 {
    z-index: 40 !important;
  }
  :where(.rg-chrome) .col-start-1 {
    grid-column-start: 1 !important;
  }
  :where(.rg-chrome) .col-start-2 {
    grid-column-start: 2 !important;
  }
  :where(.rg-chrome) .col-start-3 {
    grid-column-start: 3 !important;
  }
  :where(.rg-chrome) .-m-1 {
    margin: calc(var(--spacing-1) * -1) !important;
  }
  :where(.rg-chrome) .mx-auto {
    margin-inline: auto !important;
  }
  :where(.rg-chrome) .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  :where(.rg-chrome) .mt-2 {
    margin-top: var(--spacing-2) !important;
  }
  :where(.rg-chrome) .mt-3 {
    margin-top: var(--spacing-3) !important;
  }
  :where(.rg-chrome) .mt-4 {
    margin-top: var(--spacing-4) !important;
  }
  :where(.rg-chrome) .mt-6 {
    margin-top: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .mt-px {
    margin-top: 1px !important;
  }
  :where(.rg-chrome) .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5) !important;
  }
  :where(.rg-chrome) .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5) !important;
  }
  :where(.rg-chrome) .ml-18 {
    margin-left: calc(var(--spacing) * 18) !important;
  }
  :where(.rg-chrome) .block {
    display: block !important;
  }
  :where(.rg-chrome) .flex {
    display: flex !important;
  }
  :where(.rg-chrome) .grid {
    display: grid !important;
  }
  :where(.rg-chrome) .hidden {
    display: none !important;
  }
  :where(.rg-chrome) .inline {
    display: inline !important;
  }
  :where(.rg-chrome) .inline-block {
    display: inline-block !important;
  }
  :where(.rg-chrome) .inline-flex {
    display: inline-flex !important;
  }
  :where(.rg-chrome) .size-1\.5 {
    width: calc(var(--spacing) * 1.5) !important;
    height: calc(var(--spacing) * 1.5) !important;
  }
  :where(.rg-chrome) .size-3 {
    width: var(--spacing-3) !important;
    height: var(--spacing-3) !important;
  }
  :where(.rg-chrome) .size-6 {
    width: var(--spacing-6) !important;
    height: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .size-7 {
    width: calc(var(--spacing) * 7) !important;
    height: calc(var(--spacing) * 7) !important;
  }
  :where(.rg-chrome) .size-9 {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }
  :where(.rg-chrome) .size-10 {
    width: var(--spacing-10) !important;
    height: var(--spacing-10) !important;
  }
  :where(.rg-chrome) .size-11 {
    width: calc(var(--spacing) * 11) !important;
    height: calc(var(--spacing) * 11) !important;
  }
  :where(.rg-chrome) .size-12 {
    width: var(--spacing-12) !important;
    height: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .size-14 {
    width: calc(var(--spacing) * 14) !important;
    height: calc(var(--spacing) * 14) !important;
  }
  :where(.rg-chrome) .size-20 {
    width: var(--spacing-20) !important;
    height: var(--spacing-20) !important;
  }
  :where(.rg-chrome) .size-24 {
    width: var(--spacing-24) !important;
    height: var(--spacing-24) !important;
  }
  :where(.rg-chrome) .size-full {
    width: 100% !important;
    height: 100% !important;
  }
  :where(.rg-chrome) .h-0\.5 {
    height: calc(var(--spacing) * 0.5) !important;
  }
  :where(.rg-chrome) .h-6 {
    height: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .h-8 {
    height: var(--spacing-8) !important;
  }
  :where(.rg-chrome) .h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  :where(.rg-chrome) .h-10 {
    height: var(--spacing-10) !important;
  }
  :where(.rg-chrome) .h-12 {
    height: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .h-14 {
    height: calc(var(--spacing) * 14) !important;
  }
  :where(.rg-chrome) .h-16 {
    height: var(--spacing-16) !important;
  }
  :where(.rg-chrome) .h-auto {
    height: auto !important;
  }
  :where(.rg-chrome) .h-full {
    height: 100% !important;
  }
  :where(.rg-chrome) .max-h-\[calc\(100svh-3\.5rem\)\] {
    max-height: calc(100svh - 56px) !important;
  }
  :where(.rg-chrome) .w-auto {
    width: auto !important;
  }
  :where(.rg-chrome) .w-full {
    width: 100% !important;
  }
  :where(.rg-chrome) .max-w-page {
    max-width: var(--rg-layout-container) !important;
  }
  :where(.rg-chrome) .min-w-0 {
    min-width: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .shrink-0 {
    flex-shrink: 0 !important;
  }
  :where(.rg-chrome) .scale-x-0 {
    --tw-scale-x: 0% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  :where(.rg-chrome) .press:active:not(:disabled, [aria-disabled="true"]) {
    scale: var(--rg-motion-press-scale) !important;
    transition-duration: var(--rg-motion-press-duration) !important;
  }
  :where(.rg-chrome) .cursor-pointer {
    cursor: pointer !important;
  }
  :where(.rg-chrome) .resize {
    resize: both !important;
  }
  :where(.rg-chrome) .list-none {
    list-style-type: none !important;
  }
  :where(.rg-chrome) .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  :where(.rg-chrome) .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr !important;
  }
  :where(.rg-chrome) .grid-cols-\[minmax\(0\,1fr\)_18rem\] {
    grid-template-columns: minmax(0,1fr) 288px !important;
  }
  :where(.rg-chrome) .flex-col {
    flex-direction: column !important;
  }
  :where(.rg-chrome) .items-center {
    align-items: center !important;
  }
  :where(.rg-chrome) .items-stretch {
    align-items: stretch !important;
  }
  :where(.rg-chrome) .justify-between {
    justify-content: space-between !important;
  }
  :where(.rg-chrome) .justify-center {
    justify-content: center !important;
  }
  :where(.rg-chrome) .gap-1 {
    gap: var(--spacing-1) !important;
  }
  :where(.rg-chrome) .gap-2 {
    gap: var(--spacing-2) !important;
  }
  :where(.rg-chrome) .gap-3 {
    gap: var(--spacing-3) !important;
  }
  :where(.rg-chrome) .gap-4 {
    gap: var(--spacing-4) !important;
  }
  :where(.rg-chrome) .gap-6 {
    gap: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .gap-8 {
    gap: var(--spacing-8) !important;
  }
  :where(.rg-chrome) .gap-12 {
    gap: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .gap-x-12 {
    column-gap: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .gap-x-16 {
    column-gap: var(--spacing-16) !important;
  }
  :where(.rg-chrome) .gap-y-12 {
    row-gap: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .gap-y-16 {
    row-gap: var(--spacing-16) !important;
  }
  :where(.rg-chrome) :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  }
  :where(.rg-chrome) :where(.divide-\[var\(--rg-color-border\)\] > :not(:last-child)) {
    border-color: var(--rg-color-border) !important;
  }
  :where(.rg-chrome) .justify-self-end {
    justify-self: flex-end !important;
  }
  :where(.rg-chrome) .overflow-hidden {
    overflow: hidden !important;
  }
  :where(.rg-chrome) .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  :where(.rg-chrome) .overflow-y-auto {
    overflow-y: auto !important;
  }
  :where(.rg-chrome) .rounded-button {
    border-radius: var(--rg-button-radius) !important;
  }
  :where(.rg-chrome) .rounded-full {
    border-radius: var(--radius-full) !important;
  }
  :where(.rg-chrome) .rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
  :where(.rg-chrome) .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  :where(.rg-chrome) .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  :where(.rg-chrome) .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  :where(.rg-chrome) .border-default {
    border-color: var(--rg-color-border) !important;
  }
  :where(.rg-chrome) .border-strong {
    border-color: var(--rg-color-border-strong) !important;
  }
  :where(.rg-chrome) .bg-\[var\(--rg-color-text-muted\)\] {
    background-color: var(--rg-color-text-muted) !important;
  }
  :where(.rg-chrome) .bg-canvas {
    background-color: var(--rg-color-bg-canvas) !important;
  }
  :where(.rg-chrome) .bg-canvas\/70 {
    background-color: var(--rg-color-bg-canvas) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--rg-color-bg-canvas) 70%, transparent) !important;
    }
  }
  :where(.rg-chrome) .bg-inverse {
    background-color: var(--rg-color-bg-inverse) !important;
  }
  :where(.rg-chrome) .bg-neutral-strong {
    background-color: var(--rg-color-bg-neutral-strong) !important;
  }
  :where(.rg-chrome) .bg-primary {
    background-color: var(--rg-color-bg-primary) !important;
  }
  :where(.rg-chrome) .bg-primary-subtle {
    background-color: var(--rg-color-bg-primary-subtle) !important;
  }
  :where(.rg-chrome) .bg-scrim {
    background-color: var(--rg-color-bg-scrim) !important;
  }
  :where(.rg-chrome) .bg-scrim\/10 {
    background-color: var(--rg-color-bg-scrim) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--rg-color-bg-scrim) 10%, transparent) !important;
    }
  }
  :where(.rg-chrome) .bg-subtle {
    background-color: var(--rg-color-bg-subtle) !important;
  }
  :where(.rg-chrome) .bg-surface {
    background-color: var(--rg-color-bg-surface) !important;
  }
  :where(.rg-chrome) .text-brand-gradient {
    background-image: var(--rg-brand-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
  }
  :where(.rg-chrome) .text-kora-gradient {
    background-image: var(--rg-kora-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
  }
  :where(.rg-chrome) .bg-brand-gradient {
    background-image: var(--rg-brand-gradient) !important;
  }
  :where(.rg-chrome) .bg-kora-gradient {
    background-image: var(--rg-kora-gradient) !important;
  }
  :where(.rg-chrome) .mask-y-from-80\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position)) !important;
    --tw-mask-top-from-position: 80% !important;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)) !important;
    --tw-mask-bottom-from-position: 80% !important;
  }
  :where(.rg-chrome) .mask-y-to-100\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position)) !important;
    --tw-mask-top-to-position: 100% !important;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)) !important;
    --tw-mask-bottom-to-position: 100% !important;
  }
  :where(.rg-chrome) .mask-r-from-70\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
    --tw-mask-right-from-position: 70% !important;
  }
  :where(.rg-chrome) .mask-r-to-100\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
    --tw-mask-right-to-position: 100% !important;
  }
  :where(.rg-chrome) .mask-l-from-\[calc\(100\%-10rem\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
    --tw-mask-left-from-position: calc(100% - 160px) !important;
  }
  :where(.rg-chrome) .mask-l-to-100\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-composite: intersect !important;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top) !important;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
    --tw-mask-left-to-position: 100% !important;
  }
  :where(.rg-chrome) .px-2 {
    padding-inline: var(--spacing-2) !important;
  }
  :where(.rg-chrome) .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  :where(.rg-chrome) .px-4 {
    padding-inline: var(--spacing-4) !important;
  }
  :where(.rg-chrome) .px-5 {
    padding-inline: var(--spacing-5) !important;
  }
  :where(.rg-chrome) .px-6 {
    padding-inline: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .px-gutter {
    padding-inline: var(--rg-layout-gutter) !important;
  }
  :where(.rg-chrome) .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  :where(.rg-chrome) .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  :where(.rg-chrome) .py-3 {
    padding-block: var(--spacing-3) !important;
  }
  :where(.rg-chrome) .py-4 {
    padding-block: var(--spacing-4) !important;
  }
  :where(.rg-chrome) .py-16 {
    padding-block: var(--spacing-16) !important;
  }
  :where(.rg-chrome) .py-section {
    padding-block: var(--rg-layout-section) !important;
  }
  :where(.rg-chrome) .pr-16 {
    padding-right: var(--spacing-16) !important;
  }
  :where(.rg-chrome) .pb-6 {
    padding-bottom: var(--spacing-6) !important;
  }
  :where(.rg-chrome) .pb-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  :where(.rg-chrome) .pl-5 {
    padding-left: var(--spacing-5) !important;
  }
  :where(.rg-chrome) .pl-12 {
    padding-left: var(--spacing-12) !important;
  }
  :where(.rg-chrome) .align-\[-0\.125em\] {
    vertical-align: -0.125em !important;
  }
  :where(.rg-chrome) .align-middle {
    vertical-align: middle !important;
  }
  :where(.rg-chrome) .icon {
    font-family: var(--font-icon) !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    white-space: nowrap !important;
    direction: ltr !important;
    font-feature-settings: "liga" !important;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
    -webkit-font-smoothing: antialiased !important;
  }
  :where(.rg-chrome) .text-h1 {
    font-family: var(--rg-type-h1-font-family) !important;
    font-weight: var(--rg-type-h1-font-weight) !important;
    font-size: var(--rg-type-h1-font-size) !important;
    line-height: var(--rg-type-h1-line-height) !important;
    letter-spacing: var(--rg-type-h1-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-h3 {
    font-family: var(--rg-type-h3-font-family) !important;
    font-weight: var(--rg-type-h3-font-weight) !important;
    font-size: var(--rg-type-h3-font-size) !important;
    line-height: var(--rg-type-h3-line-height) !important;
    letter-spacing: var(--rg-type-h3-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-h6 {
    font-family: var(--rg-type-h6-font-family) !important;
    font-weight: var(--rg-type-h6-font-weight) !important;
    font-size: var(--rg-type-h6-font-size) !important;
    line-height: var(--rg-type-h6-line-height) !important;
    letter-spacing: var(--rg-type-h6-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-b1 {
    font-size: var(--rg-type-b1-font-size) !important;
    line-height: var(--rg-type-b1-line-height) !important;
    letter-spacing: var(--rg-type-b1-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-b2 {
    font-size: var(--rg-type-b2-font-size) !important;
    line-height: var(--rg-type-b2-line-height) !important;
    letter-spacing: var(--rg-type-b2-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-b3 {
    font-size: var(--rg-type-b3-font-size) !important;
    line-height: var(--rg-type-b3-line-height) !important;
    letter-spacing: var(--rg-type-b3-letter-spacing) !important;
  }
  :where(.rg-chrome) .text-16 {
    font-size: var(--text-16) !important;
  }
  :where(.rg-chrome) .text-20 {
    font-size: var(--text-20) !important;
  }
  :where(.rg-chrome) .text-24 {
    font-size: var(--text-24) !important;
  }
  :where(.rg-chrome) .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  :where(.rg-chrome) .whitespace-nowrap {
    white-space: nowrap !important;
  }
  :where(.rg-chrome) .text-default {
    color: var(--rg-color-text) !important;
  }
  :where(.rg-chrome) .text-inverse {
    color: var(--rg-color-text-inverse) !important;
  }
  :where(.rg-chrome) .text-link {
    color: var(--rg-color-text-link) !important;
  }
  :where(.rg-chrome) .text-muted {
    color: var(--rg-color-text-muted) !important;
  }
  :where(.rg-chrome) .text-on-neutral-strong {
    color: var(--rg-color-text-on-neutral-strong) !important;
  }
  :where(.rg-chrome) .text-on-primary {
    color: var(--rg-color-text-on-primary) !important;
  }
  :where(.rg-chrome) .text-primary {
    color: var(--rg-color-text-primary) !important;
  }
  :where(.rg-chrome) .text-subtle {
    color: var(--rg-color-text-subtle) !important;
  }
  :where(.rg-chrome) .uppercase {
    text-transform: uppercase !important;
  }
  :where(.rg-chrome) .underline {
    text-decoration-line: underline !important;
  }
  :where(.rg-chrome) .decoration-\[var\(--rg-color-border-strong\)\] {
    text-decoration-color: var(--rg-color-border-strong) !important;
  }
  :where(.rg-chrome) .decoration-1 {
    text-decoration-thickness: 1px !important;
  }
  :where(.rg-chrome) .underline-offset-2 {
    text-underline-offset: 2px !important;
  }
  :where(.rg-chrome) .opacity-0 {
    opacity: 0% !important;
  }
  :where(.rg-chrome) .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  :where(.rg-chrome) .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg)) !important;
    -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,) !important;
    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,) !important;
  }
  :where(.rg-chrome) .backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(150%) !important;
    -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,) !important;
    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,) !important;
  }
  :where(.rg-chrome) .glass {
    background: var(--rg-color-bg-surface) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--rg-color-bg-surface) 60%, transparent) !important;
    }
    -webkit-backdrop-filter: blur(var(--blur-2xl)) !important;
    backdrop-filter: blur(var(--blur-2xl)) !important;
    border: 1px solid var(--rg-color-bg-inverse) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--rg-color-bg-inverse) 20%, transparent) !important;
    }
  }
  :where(.rg-chrome) .transition-hover {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform !important;
    transition-duration: var(--rg-motion-hover-duration) !important;
    transition-timing-function: var(--rg-motion-hover-easing) !important;
  }
  :where(.rg-chrome) .transition-state {
    transition-property: color, background-color, border-color, opacity, box-shadow, transform, rotate, scale, translate !important;
    transition-duration: var(--rg-motion-state-duration) !important;
    transition-timing-function: var(--rg-motion-state-easing) !important;
  }
  :where(.rg-chrome) .select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  :where(.rg-chrome) .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg !important;
  }
  @media (hover: hover) {
    :where(.rg-chrome) .group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    :where(.rg-chrome) .group-hover\/link\:text-primary:is(:where(.group\/link):hover *) {
      color: var(--rg-color-text-primary) !important;
    }
    :where(.rg-chrome) .group-hover\/sub\:text-primary:is(:where(.group\/sub):hover *) {
      color: var(--rg-color-text-primary) !important;
    }
  }
  :where(.rg-chrome) .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) {
    rotate: 180deg !important;
  }
  :where(.rg-chrome) .peer-aria-expanded\:scale-x-100:is(:where(.peer)[aria-expanded="true"] ~ *) {
    --tw-scale-x: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  :where(.rg-chrome) .before\:absolute::before {
    content: var(--tw-content) !important;
    position: absolute !important;
  }
  :where(.rg-chrome) .before\:inset-y-0::before {
    content: var(--tw-content) !important;
    inset-block: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .before\:left-0::before {
    content: var(--tw-content) !important;
    left: var(--spacing-0) !important;
  }
  :where(.rg-chrome) .before\:-z-10::before {
    content: var(--tw-content) !important;
    z-index: calc(10 * -1) !important;
  }
  :where(.rg-chrome) .before\:w-screen::before {
    content: var(--tw-content) !important;
    width: 100vw !important;
  }
  :where(.rg-chrome) .before\:bg-subtle::before {
    content: var(--tw-content) !important;
    background-color: var(--rg-color-bg-subtle) !important;
  }
  @media (hover: hover) {
    :where(.rg-chrome) .hover\:bg-inverse\/90:hover {
      background-color: var(--rg-color-bg-inverse) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where(.rg-chrome) .hover\:bg-inverse\/90:hover {
        background-color: color-mix(in oklab, var(--rg-color-bg-inverse) 90%, transparent) !important;
      }
    }
    :where(.rg-chrome) .hover\:bg-neutral-hover:hover {
      background-color: var(--rg-color-bg-neutral-hover) !important;
    }
    :where(.rg-chrome) .hover\:bg-neutral-strong-hover:hover {
      background-color: var(--rg-color-bg-neutral-strong-hover) !important;
    }
    :where(.rg-chrome) .hover\:bg-primary-hover:hover {
      background-color: var(--rg-color-bg-primary-hover) !important;
    }
    :where(.rg-chrome) .hover\:text-default:hover {
      color: var(--rg-color-text) !important;
    }
    :where(.rg-chrome) .hover\:text-link-hover:hover {
      color: var(--rg-color-text-link-hover) !important;
    }
    :where(.rg-chrome) .hover\:text-primary:hover {
      color: var(--rg-color-text-primary) !important;
    }
    :where(.rg-chrome) .hover\:decoration-current:hover {
      text-decoration-color: currentcolor !important;
    }
    :where(.rg-chrome) .hover\:opacity-70:hover {
      opacity: 70% !important;
    }
  }
  :where(.rg-chrome) .active\:bg-inverse\/80:active {
    background-color: var(--rg-color-bg-inverse) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--rg-color-bg-inverse) 80%, transparent) !important;
    }
  }
  :where(.rg-chrome) .active\:bg-neutral-active:active {
    background-color: var(--rg-color-bg-neutral-active) !important;
  }
  :where(.rg-chrome) .active\:bg-neutral-strong-active:active {
    background-color: var(--rg-color-bg-neutral-strong-active) !important;
  }
  :where(.rg-chrome) .active\:bg-primary-active:active {
    background-color: var(--rg-color-bg-primary-active) !important;
  }
  :where(.rg-chrome) .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important;
  }
  :where(.rg-chrome) .disabled\:border-transparent:disabled {
    border-color: transparent !important;
  }
  :where(.rg-chrome) .disabled\:bg-muted:disabled {
    background-color: var(--rg-color-bg-muted) !important;
  }
  :where(.rg-chrome) .disabled\:text-disabled:disabled {
    color: var(--rg-color-text-disabled) !important;
  }
  :where([data-over-dark]) .in-data-over-dark\:bg-canvas\/90:where(.rg-chrome *) {
    background-color: var(--rg-color-bg-canvas) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--rg-color-bg-canvas) 90%, transparent) !important;
    }
  }
  :where(.rg-chrome) .aria-expanded\:bg-neutral-hover[aria-expanded="true"] {
    background-color: var(--rg-color-bg-neutral-hover) !important;
  }
  :where(.rg-chrome) .data-\[open\=true\]\:visible[data-open="true"] {
    visibility: visible !important;
  }
  :where(.rg-chrome) .data-\[open\=true\]\:opacity-100[data-open="true"] {
    opacity: 100% !important;
  }
  @media (width >= 640px) {
    :where(.rg-chrome) .sm\:inline-flex {
      display: inline-flex !important;
    }
    :where(.rg-chrome) .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (width >= 1024px) {
    :where(.rg-chrome) .lg\:block {
      display: block !important;
    }
    :where(.rg-chrome) .lg\:hidden {
      display: none !important;
    }
    :where(.rg-chrome) .lg\:min-h-\[500px\] {
      min-height: 500px !important;
    }
    :where(.rg-chrome) .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    :where(.rg-chrome) .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    :where(.rg-chrome) .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    :where(.rg-chrome) .lg\:grid-cols-\[minmax\(0\,1fr\)_30rem\] {
      grid-template-columns: minmax(0,1fr) 480px !important;
    }
    :where(.rg-chrome) .lg\:flex-row {
      flex-direction: row !important;
    }
    :where(.rg-chrome) .lg\:items-end {
      align-items: flex-end !important;
    }
    :where(.rg-chrome) .lg\:items-start {
      align-items: flex-start !important;
    }
    :where(.rg-chrome) .lg\:justify-between {
      justify-content: space-between !important;
    }
    :where(.rg-chrome) .lg\:gap-16 {
      gap: var(--spacing-16) !important;
    }
    :where(.rg-chrome) .lg\:gap-22 {
      gap: calc(var(--spacing) * 22) !important;
    }
  }
  @media (width >= 1280px) {
    :where(.rg-chrome) .xl\:gap-4 {
      gap: var(--spacing-4) !important;
    }
  }
}
@layer rg-chrome-first {.rg-chrome {
  --duration-stagger: 40ms !important;
  --duration-instant: 75ms !important;
  --duration-fast: 150ms !important;
  --duration-base: 200ms !important;
  --duration-slow: 300ms !important;
  --duration-slower: 500ms !important;
  --duration-slowest: 800ms !important;
  --duration-ambient: 4000ms !important;
  --rg-color-bg-canvas: var(--color-white) !important;
  --rg-color-bg-surface: var(--color-white) !important;
  --rg-color-bg-subtle: var(--color-slate-50) !important;
  --rg-color-bg-muted: var(--color-slate-100) !important;
  --rg-color-bg-inverse: var(--color-slate-950) !important;
  --rg-color-bg-primary: var(--color-emerald-700) !important;
  --rg-color-bg-primary-hover: var(--color-emerald-800) !important;
  --rg-color-bg-primary-active: var(--color-emerald-900) !important;
  --rg-color-bg-primary-subtle: var(--color-emerald-50) !important;
  --rg-color-bg-primary-strong: var(--color-emerald-950) !important;
  --rg-color-bg-secondary: var(--color-blue-600) !important;
  --rg-color-bg-secondary-hover: var(--color-blue-700) !important;
  --rg-color-bg-secondary-active: var(--color-blue-800) !important;
  --rg-color-bg-secondary-subtle: var(--color-blue-50) !important;
  --rg-color-bg-neutral-hover: var(--color-slate-100) !important;
  --rg-color-bg-neutral-active: var(--color-slate-200) !important;
  --rg-color-bg-neutral-strong: var(--color-slate-800) !important;
  --rg-color-bg-neutral-strong-hover: var(--color-slate-900) !important;
  --rg-color-bg-neutral-strong-active: var(--color-slate-950) !important;
  --rg-color-bg-success: var(--color-green-700) !important;
  --rg-color-bg-success-subtle: var(--color-green-50) !important;
  --rg-color-bg-warning: var(--color-amber-400) !important;
  --rg-color-bg-warning-subtle: var(--color-amber-50) !important;
  --rg-color-bg-error: var(--color-rose-700) !important;
  --rg-color-bg-error-subtle: var(--color-rose-50) !important;
  --rg-color-bg-info: var(--color-sky-700) !important;
  --rg-color-bg-info-subtle: var(--color-sky-50) !important;
  --rg-color-bg-accent-subtle: var(--color-purple-50) !important;
  --rg-color-bg-scrim: var(--color-black) !important;
  --rg-color-text: var(--color-slate-950) !important;
  --rg-color-text-muted: var(--color-slate-600) !important;
  --rg-color-text-subtle: var(--color-slate-500) !important;
  --rg-color-text-disabled: var(--color-slate-400) !important;
  --rg-color-text-inverse: var(--color-white) !important;
  --rg-color-text-primary: var(--color-emerald-700) !important;
  --rg-color-text-secondary: var(--color-blue-700) !important;
  --rg-color-text-link: var(--color-emerald-700) !important;
  --rg-color-text-link-hover: var(--color-emerald-800) !important;
  --rg-color-text-on-primary: var(--color-white) !important;
  --rg-color-text-on-secondary: var(--color-white) !important;
  --rg-color-text-success: var(--color-green-700) !important;
  --rg-color-text-warning: var(--color-amber-700) !important;
  --rg-color-text-error: var(--color-rose-700) !important;
  --rg-color-text-info: var(--color-sky-700) !important;
  --rg-color-text-on-success: var(--color-white) !important;
  --rg-color-text-on-warning: var(--color-amber-950) !important;
  --rg-color-text-on-error: var(--color-white) !important;
  --rg-color-text-on-info: var(--color-white) !important;
  --rg-color-text-accent: var(--color-purple-700) !important;
  --rg-color-text-on-primary-strong: var(--color-white) !important;
  --rg-color-text-on-neutral-strong: var(--color-white) !important;
  --rg-color-border: var(--color-slate-200) !important;
  --rg-color-border-subtle: var(--color-slate-100) !important;
  --rg-color-border-strong: var(--color-slate-300) !important;
  --rg-color-border-primary: var(--color-emerald-700) !important;
  --rg-color-border-focus: var(--color-blue-500) !important;
  --rg-color-border-success: var(--color-green-200) !important;
  --rg-color-border-warning: var(--color-amber-200) !important;
  --rg-color-border-error: var(--color-rose-200) !important;
  --rg-color-border-info: var(--color-sky-200) !important;
  --rg-color-border-accent: var(--color-purple-200) !important;
  --rg-type-h1-font-family: var(--font-display) !important;
  --rg-type-h1-font-size: var(--text-40) !important;
  --rg-type-h1-font-weight: var(--font-weight-regular) !important;
  --rg-type-h1-line-height: var(--leading-100) !important;
  --rg-type-h1-letter-spacing: var(--tracking--2_5) !important;
  --rg-type-h2-font-family: var(--font-display) !important;
  --rg-type-h2-font-size: var(--text-32) !important;
  --rg-type-h2-font-weight: var(--font-weight-regular) !important;
  --rg-type-h2-line-height: var(--leading-104) !important;
  --rg-type-h2-letter-spacing: var(--tracking--1_5) !important;
  --rg-type-h3-font-family: var(--font-display) !important;
  --rg-type-h3-font-size: var(--text-28) !important;
  --rg-type-h3-font-weight: var(--font-weight-regular) !important;
  --rg-type-h3-line-height: var(--leading-100) !important;
  --rg-type-h3-letter-spacing: var(--tracking--1_5) !important;
  --rg-type-h4-font-family: var(--font-display) !important;
  --rg-type-h4-font-size: var(--text-24) !important;
  --rg-type-h4-font-weight: var(--font-weight-regular) !important;
  --rg-type-h4-line-height: var(--leading-100) !important;
  --rg-type-h4-letter-spacing: var(--tracking--1_5) !important;
  --rg-type-h5-font-family: var(--font-display) !important;
  --rg-type-h5-font-size: var(--text-20) !important;
  --rg-type-h5-font-weight: var(--font-weight-regular) !important;
  --rg-type-h5-line-height: var(--leading-100) !important;
  --rg-type-h5-letter-spacing: var(--tracking--1) !important;
  --rg-type-h6-font-family: var(--font-display) !important;
  --rg-type-h6-font-size: var(--text-18) !important;
  --rg-type-h6-font-weight: var(--font-weight-regular) !important;
  --rg-type-h6-line-height: var(--leading-120) !important;
  --rg-type-h6-letter-spacing: var(--tracking--1) !important;
  --rg-type-b1-font-family: var(--font-sans) !important;
  --rg-type-b1-font-size: var(--text-16) !important;
  --rg-type-b1-font-weight: var(--font-weight-regular) !important;
  --rg-type-b1-line-height: var(--leading-120) !important;
  --rg-type-b1-letter-spacing: var(--tracking--0_5) !important;
  --rg-type-b2-font-family: var(--font-sans) !important;
  --rg-type-b2-font-size: var(--text-14) !important;
  --rg-type-b2-font-weight: var(--font-weight-regular) !important;
  --rg-type-b2-line-height: var(--leading-120) !important;
  --rg-type-b2-letter-spacing: var(--tracking--0_5) !important;
  --rg-type-b3-font-family: var(--font-sans) !important;
  --rg-type-b3-font-size: var(--text-12) !important;
  --rg-type-b3-font-weight: var(--font-weight-regular) !important;
  --rg-type-b3-line-height: var(--leading-120) !important;
  --rg-type-b3-letter-spacing: var(--tracking--0_5) !important;
  --rg-layout-container: var(--container-7xl) !important;
  --rg-layout-measure: var(--container-2xl) !important;
  --rg-layout-headline: var(--container-3xl) !important;
  --rg-layout-gutter: var(--spacing-4) !important;
  --rg-layout-section: var(--spacing-16) !important;
  --rg-layout-columns: 4 !important;
  --rg-kora-mark-density: 9 !important;
  --rg-kora-mark-spark: var(--color-orange-500) !important;
  --rg-kora-mark-glow: var(--color-kora-blend) !important;
  --rg-kora-mark-base: var(--color-purple-400) !important;
  --rg-kora-gradient: linear-gradient(180deg, var(--color-orange-500) 0%, var(--color-kora-blend) 50%, var(--color-purple-400) 100%) !important;
  --rg-brand-gradient: linear-gradient(4.4deg, var(--color-emerald-600) 8.45%, var(--color-sky-500) 40.75%) !important;
  --rg-button-radius: var(--radius-sm) !important;
  --rg-motion-hover-duration: var(--duration-fast) !important;
  --rg-motion-hover-easing: var(--ease-standard) !important;
  --rg-motion-press-duration: var(--duration-instant) !important;
  --rg-motion-press-easing: var(--ease-standard) !important;
  --rg-motion-press-scale: 0.98 !important;
  --rg-motion-state-duration: var(--duration-base) !important;
  --rg-motion-state-easing: var(--ease-standard) !important;
  --rg-motion-enter-duration: var(--duration-base) !important;
  --rg-motion-enter-easing: var(--ease-enter) !important;
  --rg-motion-enter-distance: var(--spacing-1) !important;
  --rg-motion-exit-duration: var(--duration-fast) !important;
  --rg-motion-exit-easing: var(--ease-exit) !important;
  --rg-motion-exit-distance: var(--spacing-1) !important;
  --rg-motion-reveal-duration: var(--duration-slower) !important;
  --rg-motion-reveal-easing: var(--ease-expressive) !important;
  --rg-motion-reveal-distance: var(--spacing-4) !important;
  --rg-motion-reveal-stagger: var(--duration-stagger) !important;
  --rg-motion-draw-duration: var(--duration-slowest) !important;
  --rg-motion-draw-easing: var(--ease-expressive) !important;
  --rg-motion-draw-stagger: var(--duration-stagger) !important;
  --rg-motion-pop-duration: var(--duration-slow) !important;
  --rg-motion-pop-easing: var(--ease-bounce) !important;
  --rg-motion-backdrop-duration: var(--duration-slowest) !important;
  --rg-motion-backdrop-easing: var(--ease-standard) !important;
  --rg-motion-backdrop-delay: var(--duration-slowest) !important;
  --rg-motion-highlight-duration: var(--duration-slowest) !important;
  --rg-motion-highlight-easing: var(--ease-standard) !important;
  --rg-motion-highlight-delay: var(--duration-slower) !important;
  --rg-motion-highlight-loop: var(--duration-ambient) !important;
  --rg-motion-highlight-arrive: var(--duration-slowest) !important;
  --rg-motion-highlight-stagger: var(--duration-instant) !important;
  --rg-motion-highlight-blur: var(--blur-md) !important;
  --rg-motion-highlight-distance: var(--spacing-4) !important;
  --rg-motion-light-duration: var(--duration-slow) !important;
  --rg-motion-light-easing: var(--ease-enter) !important;
  --rg-motion-scrub-blur: var(--blur-md) !important;
  --rg-motion-scrub-distance: var(--spacing-4) !important;
}}
@layer rg-chrome-first {:where(.rg-chrome) .dark,
:where(.rg-chrome) [data-theme="dark"] {
  color-scheme: dark !important;
  --rg-color-bg-canvas: var(--color-slate-950) !important;
  --rg-color-bg-surface: var(--color-slate-900) !important;
  --rg-color-bg-subtle: var(--color-slate-900) !important;
  --rg-color-bg-muted: var(--color-slate-800) !important;
  --rg-color-bg-inverse: var(--color-white) !important;
  --rg-color-bg-primary: var(--color-emerald-500) !important;
  --rg-color-bg-primary-hover: var(--color-emerald-400) !important;
  --rg-color-bg-primary-active: var(--color-emerald-300) !important;
  --rg-color-bg-primary-subtle: var(--color-emerald-950) !important;
  --rg-color-bg-primary-strong: var(--color-emerald-950) !important;
  --rg-color-bg-secondary: var(--color-blue-400) !important;
  --rg-color-bg-secondary-hover: var(--color-blue-300) !important;
  --rg-color-bg-secondary-active: var(--color-blue-200) !important;
  --rg-color-bg-secondary-subtle: var(--color-blue-950) !important;
  --rg-color-bg-neutral-hover: var(--color-slate-800) !important;
  --rg-color-bg-neutral-active: var(--color-slate-700) !important;
  --rg-color-bg-neutral-strong: var(--color-slate-700) !important;
  --rg-color-bg-neutral-strong-hover: var(--color-slate-600) !important;
  --rg-color-bg-neutral-strong-active: var(--color-slate-500) !important;
  --rg-color-bg-success: var(--color-green-500) !important;
  --rg-color-bg-success-subtle: var(--color-green-950) !important;
  --rg-color-bg-warning: var(--color-amber-400) !important;
  --rg-color-bg-warning-subtle: var(--color-amber-950) !important;
  --rg-color-bg-error: var(--color-rose-400) !important;
  --rg-color-bg-error-subtle: var(--color-rose-950) !important;
  --rg-color-bg-info: var(--color-sky-500) !important;
  --rg-color-bg-info-subtle: var(--color-sky-950) !important;
  --rg-color-bg-accent-subtle: var(--color-purple-950) !important;
  --rg-color-bg-scrim: var(--color-black) !important;
  --rg-color-text: var(--color-slate-50) !important;
  --rg-color-text-muted: var(--color-slate-300) !important;
  --rg-color-text-subtle: var(--color-slate-400) !important;
  --rg-color-text-disabled: var(--color-slate-600) !important;
  --rg-color-text-inverse: var(--color-slate-950) !important;
  --rg-color-text-primary: var(--color-emerald-400) !important;
  --rg-color-text-secondary: var(--color-blue-400) !important;
  --rg-color-text-link: var(--color-emerald-400) !important;
  --rg-color-text-link-hover: var(--color-emerald-300) !important;
  --rg-color-text-on-primary: var(--color-emerald-950) !important;
  --rg-color-text-on-secondary: var(--color-blue-950) !important;
  --rg-color-text-success: var(--color-green-400) !important;
  --rg-color-text-warning: var(--color-amber-400) !important;
  --rg-color-text-error: var(--color-rose-400) !important;
  --rg-color-text-info: var(--color-sky-400) !important;
  --rg-color-text-on-success: var(--color-green-950) !important;
  --rg-color-text-on-warning: var(--color-amber-950) !important;
  --rg-color-text-on-error: var(--color-rose-950) !important;
  --rg-color-text-on-info: var(--color-sky-950) !important;
  --rg-color-text-accent: var(--color-purple-300) !important;
  --rg-color-text-on-primary-strong: var(--color-white) !important;
  --rg-color-text-on-neutral-strong: var(--color-white) !important;
  --rg-color-border: var(--color-slate-800) !important;
  --rg-color-border-subtle: var(--color-slate-900) !important;
  --rg-color-border-strong: var(--color-slate-700) !important;
  --rg-color-border-primary: var(--color-emerald-500) !important;
  --rg-color-border-focus: var(--color-blue-400) !important;
  --rg-color-border-success: var(--color-green-800) !important;
  --rg-color-border-warning: var(--color-amber-800) !important;
  --rg-color-border-error: var(--color-rose-800) !important;
  --rg-color-border-info: var(--color-sky-800) !important;
  --rg-color-border-accent: var(--color-purple-800) !important;
}}
@layer rg-chrome-first {@media (min-width: 768px) {
  .rg-chrome {
    --rg-type-h1-font-family: var(--font-display) !important;
    --rg-type-h1-font-size: var(--text-64) !important;
    --rg-type-h1-font-weight: var(--font-weight-regular) !important;
    --rg-type-h1-line-height: var(--leading-100) !important;
    --rg-type-h1-letter-spacing: var(--tracking--4) !important;
    --rg-type-h2-font-family: var(--font-display) !important;
    --rg-type-h2-font-size: var(--text-48) !important;
    --rg-type-h2-font-weight: var(--font-weight-regular) !important;
    --rg-type-h2-line-height: var(--leading-104) !important;
    --rg-type-h2-letter-spacing: var(--tracking--2) !important;
    --rg-type-h3-font-family: var(--font-display) !important;
    --rg-type-h3-font-size: var(--text-40) !important;
    --rg-type-h3-font-weight: var(--font-weight-regular) !important;
    --rg-type-h3-line-height: var(--leading-100) !important;
    --rg-type-h3-letter-spacing: var(--tracking--2) !important;
    --rg-type-h4-font-family: var(--font-display) !important;
    --rg-type-h4-font-size: var(--text-32) !important;
    --rg-type-h4-font-weight: var(--font-weight-regular) !important;
    --rg-type-h4-line-height: var(--leading-100) !important;
    --rg-type-h4-letter-spacing: var(--tracking--2) !important;
    --rg-type-h5-font-family: var(--font-display) !important;
    --rg-type-h5-font-size: var(--text-24) !important;
    --rg-type-h5-font-weight: var(--font-weight-regular) !important;
    --rg-type-h5-line-height: var(--leading-100) !important;
    --rg-type-h5-letter-spacing: var(--tracking--1) !important;
    --rg-type-h6-font-family: var(--font-display) !important;
    --rg-type-h6-font-size: var(--text-20) !important;
    --rg-type-h6-font-weight: var(--font-weight-regular) !important;
    --rg-type-h6-line-height: var(--leading-120) !important;
    --rg-type-h6-letter-spacing: var(--tracking--1) !important;
    --rg-type-b1-font-family: var(--font-sans) !important;
    --rg-type-b1-font-size: var(--text-16) !important;
    --rg-type-b1-font-weight: var(--font-weight-regular) !important;
    --rg-type-b1-line-height: var(--leading-120) !important;
    --rg-type-b1-letter-spacing: var(--tracking--0_5) !important;
    --rg-type-b2-font-family: var(--font-sans) !important;
    --rg-type-b2-font-size: var(--text-14) !important;
    --rg-type-b2-font-weight: var(--font-weight-regular) !important;
    --rg-type-b2-line-height: var(--leading-120) !important;
    --rg-type-b2-letter-spacing: var(--tracking--0_5) !important;
    --rg-type-b3-font-family: var(--font-sans) !important;
    --rg-type-b3-font-size: var(--text-12) !important;
    --rg-type-b3-font-weight: var(--font-weight-regular) !important;
    --rg-type-b3-line-height: var(--leading-120) !important;
    --rg-type-b3-letter-spacing: var(--tracking--0_5) !important;
    --rg-layout-container: var(--container-7xl) !important;
    --rg-layout-measure: var(--container-2xl) !important;
    --rg-layout-headline: var(--container-3xl) !important;
    --rg-layout-gutter: var(--spacing-8) !important;
    --rg-layout-section: var(--spacing-20) !important;
    --rg-layout-columns: 8 !important;
  }
}}
@layer rg-chrome-first {@media (min-width: 1024px) {
  .rg-chrome {
    --rg-layout-container: var(--container-7xl) !important;
    --rg-layout-measure: var(--container-2xl) !important;
    --rg-layout-headline: var(--container-3xl) !important;
    --rg-layout-gutter: var(--spacing-8) !important;
    --rg-layout-section: var(--spacing-24) !important;
    --rg-layout-columns: 12 !important;
  }
}}
@layer base {
  :where(.rg-chrome) h1 {
    font-family: var(--rg-type-h1-font-family) !important;
    font-weight: var(--rg-type-h1-font-weight) !important;
    font-size: var(--rg-type-h1-font-size) !important;
    line-height: var(--rg-type-h1-line-height) !important;
    letter-spacing: var(--rg-type-h1-letter-spacing) !important;
  }
  :where(.rg-chrome) h2 {
    font-family: var(--rg-type-h2-font-family) !important;
    font-weight: var(--rg-type-h2-font-weight) !important;
    font-size: var(--rg-type-h2-font-size) !important;
    line-height: var(--rg-type-h2-line-height) !important;
    letter-spacing: var(--rg-type-h2-letter-spacing) !important;
  }
  :where(.rg-chrome) h3 {
    font-family: var(--rg-type-h3-font-family) !important;
    font-weight: var(--rg-type-h3-font-weight) !important;
    font-size: var(--rg-type-h3-font-size) !important;
    line-height: var(--rg-type-h3-line-height) !important;
    letter-spacing: var(--rg-type-h3-letter-spacing) !important;
  }
  :where(.rg-chrome) h4 {
    font-family: var(--rg-type-h4-font-family) !important;
    font-weight: var(--rg-type-h4-font-weight) !important;
    font-size: var(--rg-type-h4-font-size) !important;
    line-height: var(--rg-type-h4-line-height) !important;
    letter-spacing: var(--rg-type-h4-letter-spacing) !important;
  }
  :where(.rg-chrome) h5 {
    font-family: var(--rg-type-h5-font-family) !important;
    font-weight: var(--rg-type-h5-font-weight) !important;
    font-size: var(--rg-type-h5-font-size) !important;
    line-height: var(--rg-type-h5-line-height) !important;
    letter-spacing: var(--rg-type-h5-letter-spacing) !important;
  }
  :where(.rg-chrome) h6 {
    font-family: var(--rg-type-h6-font-family) !important;
    font-weight: var(--rg-type-h6-font-weight) !important;
    font-size: var(--rg-type-h6-font-size) !important;
    line-height: var(--rg-type-h6-line-height) !important;
    letter-spacing: var(--rg-type-h6-letter-spacing) !important;
  }
  .rg-chrome {
    font-size: var(--rg-type-b1-font-size) !important;
    line-height: var(--rg-type-b1-line-height) !important;
    letter-spacing: var(--rg-type-b1-letter-spacing) !important;
  }
}
@keyframes rg-ticker {
  to {
    translate: -50% 0;
  }
}
@layer base {
  .rg-chrome {
    background-color: var(--rg-color-bg-canvas) !important;
    color: var(--rg-color-text) !important;
    font-family: var(--font-sans) !important;
    -webkit-font-smoothing: antialiased !important;
  }
  :where(.rg-chrome) .font-display,
:where(.rg-chrome) h1,
:where(.rg-chrome) h2,
:where(.rg-chrome) h3,
:where(.rg-chrome) h4,
:where(.rg-chrome) h5,
:where(.rg-chrome) h6,
:where(.rg-chrome) .text-h1,
:where(.rg-chrome) .text-h2,
:where(.rg-chrome) .text-h3,
:where(.rg-chrome) .text-h4,
:where(.rg-chrome) .text-h5,
:where(.rg-chrome) .text-h6 {
    font-synthesis-weight: none !important;
  }
  html.motion-ready [data-motion="reveal"]:where(.rg-chrome *),
html.motion-ready [data-motion="stagger"] > *:where(.rg-chrome *),
html.motion-ready [data-motion="backdrop"]:where(.rg-chrome *),
html.motion-ready [data-motion="light"]:where(.rg-chrome *) {
    opacity: 0 !important;
    animation: rg-motion-failsafe 0s linear 2.5s forwards !important;
  }
  html.motion-live [data-motion="reveal"]:where(.rg-chrome *),
html.motion-live [data-motion="stagger"] > *:where(.rg-chrome *),
html.motion-live [data-motion="backdrop"]:where(.rg-chrome *),
html.motion-live [data-motion="light"]:where(.rg-chrome *) {
    animation: none !important;
  }
  @keyframes rg-motion-failsafe {
    to {
      opacity: 1;
    }
  }
  :where(.rg-chrome) :focus-visible {
    outline: 2px solid var(--rg-color-border-focus) !important;
    outline-offset: 2px !important;
  }
}
@layer rg-chrome-first {@media (prefers-reduced-motion: reduce) {
  :where(.rg-chrome) *,
:where(.rg-chrome) ::before,
:where(.rg-chrome) ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  :where(.rg-chrome) .press:active {
    scale: none !important;
  }
}}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-top-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-top-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-top-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :where(.rg-chrome) *,
:where(.rg-chrome) ::before,
:where(.rg-chrome) ::after,
:where(.rg-chrome) ::backdrop {
      --tw-scale-x: 1 !important;
      --tw-scale-y: 1 !important;
      --tw-scale-z: 1 !important;
      --tw-divide-y-reverse: 0 !important;
      --tw-border-style: solid !important;
      --tw-mask-linear: linear-gradient(#fff, #fff) !important;
      --tw-mask-radial: linear-gradient(#fff, #fff) !important;
      --tw-mask-conic: linear-gradient(#fff, #fff) !important;
      --tw-mask-left: linear-gradient(#fff, #fff) !important;
      --tw-mask-right: linear-gradient(#fff, #fff) !important;
      --tw-mask-bottom: linear-gradient(#fff, #fff) !important;
      --tw-mask-top: linear-gradient(#fff, #fff) !important;
      --tw-mask-top-from-position: 0% !important;
      --tw-mask-top-to-position: 100% !important;
      --tw-mask-top-from-color: black !important;
      --tw-mask-top-to-color: transparent !important;
      --tw-mask-bottom-from-position: 0% !important;
      --tw-mask-bottom-to-position: 100% !important;
      --tw-mask-bottom-from-color: black !important;
      --tw-mask-bottom-to-color: transparent !important;
      --tw-mask-right-from-position: 0% !important;
      --tw-mask-right-to-position: 100% !important;
      --tw-mask-right-from-color: black !important;
      --tw-mask-right-to-color: transparent !important;
      --tw-mask-left-from-position: 0% !important;
      --tw-mask-left-to-position: 100% !important;
      --tw-mask-left-from-color: black !important;
      --tw-mask-left-to-color: transparent !important;
      --tw-font-weight: initial !important;
      --tw-outline-style: solid !important;
      --tw-backdrop-blur: initial !important;
      --tw-backdrop-brightness: initial !important;
      --tw-backdrop-contrast: initial !important;
      --tw-backdrop-grayscale: initial !important;
      --tw-backdrop-hue-rotate: initial !important;
      --tw-backdrop-invert: initial !important;
      --tw-backdrop-opacity: initial !important;
      --tw-backdrop-saturate: initial !important;
      --tw-backdrop-sepia: initial !important;
      --tw-translate-x: 0 !important;
      --tw-translate-y: 0 !important;
      --tw-translate-z: 0 !important;
      --tw-content: "" !important;
    }
  }
}

@layer rg-chrome {
/* GENERATED by scripts/rg-grid-theme-sync.mjs from rg-website — do not edit. */
/* src/components/site/SiteHeader.astro (is:global) */
/* D-0783: a nested link's arrow, under the hand, goes out to the right and comes back — the enter
	   role's distance, out and home in the reveal role's time. Under reduced motion it stays put. */
	@keyframes rg-nav-nudge {
		0%,
		100% {
			translate: 0 0;
		}
		50% {
			translate: var(--rg-motion-enter-distance) 0;
		}
	}
	/* D-0784: the arrow is not there at rest; it comes with the hand — fading in as it makes that move. */
	[data-nav-sub] > .icon:where(.rg-chrome *) {
		opacity: 0 !important;
		transition-property: opacity, color !important;
		transition-duration: var(--rg-motion-hover-duration) !important;
		transition-timing-function: var(--rg-motion-hover-easing) !important;
	}
	[data-nav-sub]:hover > .icon:where(.rg-chrome *),
[data-nav-sub]:focus-visible > .icon:where(.rg-chrome *) {
		opacity: 1 !important;
	}
	@media (prefers-reduced-motion: no-preference) {
		[data-nav-sub]:hover > .icon:where(.rg-chrome *),
[data-nav-sub]:focus-visible > .icon:where(.rg-chrome *) {
			animation: rg-nav-nudge var(--rg-motion-reveal-duration) var(--rg-motion-state-easing) !important;
		}
	}

/* GENERATED by scripts/rg-grid-theme-sync.mjs from rg-website — do not edit. */
/* src/components/site/NavTile.astro (is:global) */
/* At rest the corners are folded into their corner points; under the hand on the link, or its
	   focus, they pop out — the reveal role's time and curve, as the cards' corners (D-0750). */
	:where(.rg-chrome) [data-nav-corner] {
		opacity: 0 !important;
		scale: 0 !important;
	}
	:where(.rg-chrome) [data-nav-corner='tl'] {
		transform-origin: top left !important;
	}
	:where(.rg-chrome) [data-nav-corner='tr'] {
		transform-origin: top right !important;
	}
	:where(.rg-chrome) [data-nav-corner='br'] {
		transform-origin: bottom right !important;
	}
	:where(.rg-chrome) [data-nav-corner='bl'] {
		transform-origin: bottom left !important;
	}
	a:hover > span > [data-nav-corner]:where(.rg-chrome *),
a:focus-visible > span > [data-nav-corner]:where(.rg-chrome *) {
		opacity: 1 !important;
		scale: 1 !important;
	}
	@media (prefers-reduced-motion: no-preference) {
		:where(.rg-chrome) [data-nav-corner] {
			transition-property: opacity, scale !important;
			transition-duration: var(--rg-motion-reveal-duration) !important;
			transition-timing-function: var(--rg-motion-reveal-easing) !important;
		}
	}


	:where(.rg-chrome) .rg-chrome {
		display: contents !important;
	}
	/* Pinned as Header 2026 is (header-2026.css): below HubSpot's fixed top banner, and at its z-index, so everything
	   the theme and plugins stack against the site header (modals at 1050, Cookiebot) keeps its place. One higher: a
	   tie goes to what comes later in the page, and Bootstrap's dropdowns sit at 1000. */
	:where(.rg-chrome) [data-site-header] {
		top: var(--h26-banner-offset, 0px) !important;
		z-index: 1001 !important;
	}
	/* Hung from the header's real place (site/chrome.ts). */
	:where(.rg-chrome) [data-nav-scrim],
:where(.rg-chrome) [data-nav-mobile] {
		top: var(--rg-chrome-header-bottom, calc(var(--spacing) * 14)) !important;
	}
	:where(.rg-chrome) [data-nav-panel] {
		max-height: calc(100svh - var(--rg-chrome-header-bottom, calc(var(--spacing) * 14))) !important;
	}
	/* A closed panel is only out of sight (invisible), so on a desktop its hundreds of elements would be styled and laid
	   out on every page before anyone opens a menu. */
	:where(.rg-chrome) [data-nav-panel][data-open="false"] {
		content-visibility: hidden !important;
	}
	/* Over whatever a page lets run past its end, which paints above an unpositioned footer: /contact-us/'s map
	   (absolute, z-index 0) reaches 205 down into it. */
	:where(.rg-chrome) footer[data-theme="dark"] {
		position: relative !important;
		z-index: 1 !important;
	}
	/* Logged in: the admin bar, as header-2026.css has it. */
	.admin-bar [data-site-header]:where(.rg-chrome *) {
		top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--h26-banner-offset, 0px)) !important;
	}

}
/* The header's script locks the page behind the phone menu with Tailwind's class on <html>, which the scoping
   leaves unmatched there. The theme's <body> has overflow of its own (general.css: hidden scroll); with <html> hidden
   that would make <body> a scroller, and the sticky header would leave the window. clip isn't one. */
html.overflow-hidden {
	overflow: hidden !important;
}
html.overflow-hidden body {
	overflow: clip !important;
}
/* The theme's go-to-top floats 80 above the window's foot (general.css), where the footer's copyright line comes to
   rest at the page's end; 16 higher clears it. Its z-index keeps it over the footer, which now has one. */
.go-to-top {
	bottom: 96px !important;
	z-index: 10 !important;
}
/* An anchor lands below the pinned header, 16 under it, as Header 2026's script left (site/chrome.ts adds a banner). */
html {
	scroll-padding-top: 72px;
}
/* The site header these 11 ad and comparison templates had instead of the theme's (part-clari.php, part-gong.php …
   hide header and footer, and print their own logo and CTA here). Pinned at top: 0, it would sit half under this one. */
.header-wrapper {
	display: none !important;
}
/* The guard: inside the wrappers, the theme's and plugins' unlayered CSS counts for nothing; only the layers above do. */
#rg-chrome-header,
#rg-chrome-header *:not(svg *),
#rg-chrome-header *:not(svg *)::before,
#rg-chrome-header *:not(svg *)::after,
#rg-chrome-footer,
#rg-chrome-footer *:not(svg *),
#rg-chrome-footer *:not(svg *)::before,
#rg-chrome-footer *:not(svg *)::after {
	all: revert-layer;
}