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

html {
  scroll-behavior: smooth;
}

.scroll-navbar {
  scroll-margin-top: 100px;
}

@media (max-width: 1024px) {
  .scroll-navbar {
    scroll-margin-top: 60px;
  }
}

/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@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-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-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-content:""
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-50:#fef2f2;
    --color-red-100:#fee2e2;
    --color-red-200:#fecaca;
    --color-red-300:#fca5a5;
    --color-red-400:#f87171;
    --color-red-500:#ef4444;
    --color-red-600:#dc2626;
    --color-red-700:#b91c1c;
    --color-red-800:#991b1b;
    --color-red-900:#7f1d1d;
    --color-red-950:#450a0a;
    --color-orange-50:#fff7ed;
    --color-orange-100:#ffedd5;
    --color-orange-200:#fed7aa;
    --color-orange-300:#fdba74;
    --color-orange-400:#fb923c;
    --color-orange-500:#f97316;
    --color-orange-600:#ea580c;
    --color-orange-700:#c2410c;
    --color-orange-800:#9a3412;
    --color-orange-900:#7c2d12;
    --color-orange-950:#431407;
    --color-amber-50:#fffbeb;
    --color-amber-100:#fef3c7;
    --color-amber-200:#fde68a;
    --color-amber-300:#fcd34d;
    --color-amber-400:#fbbf24;
    --color-amber-500:#f59e0b;
    --color-amber-600:#d97706;
    --color-amber-700:#b45309;
    --color-amber-800:#92400e;
    --color-amber-900:#78350f;
    --color-amber-950:#451a03;
    --color-yellow-50:#fefce8;
    --color-yellow-100:#fef9c3;
    --color-yellow-200:#fef08a;
    --color-yellow-300:#fde047;
    --color-yellow-400:#facc15;
    --color-yellow-500:#eab308;
    --color-yellow-600:#ca8a04;
    --color-yellow-700:#a16207;
    --color-yellow-800:#854d0e;
    --color-yellow-900:#713f12;
    --color-yellow-950:#422006;
    --color-lime-50:#f7fee7;
    --color-lime-100:#ecfccb;
    --color-lime-200:#d9f99d;
    --color-lime-300:#bef264;
    --color-lime-400:#a3e635;
    --color-lime-500:#84cc16;
    --color-lime-600:#65a30d;
    --color-lime-700:#4d7c0f;
    --color-lime-800:#3f6212;
    --color-lime-900:#365314;
    --color-lime-950:#1a2e05;
    --color-green-50:#f0fdf4;
    --color-green-100:#dcfce7;
    --color-green-200:#bbf7d0;
    --color-green-300:#86efac;
    --color-green-400:#4ade80;
    --color-green-500:#22c55e;
    --color-green-600:#16a34a;
    --color-green-700:#15803d;
    --color-green-800:#166534;
    --color-green-900:#14532d;
    --color-green-950:#052e16;
    --color-emerald-50:#ecfdf5;
    --color-emerald-100:#d1fae5;
    --color-emerald-200:#a7f3d0;
    --color-emerald-300:#6ee7b7;
    --color-emerald-400:#34d399;
    --color-emerald-500:#10b981;
    --color-emerald-600:#059669;
    --color-emerald-700:#047857;
    --color-emerald-800:#065f46;
    --color-emerald-900:#064e3b;
    --color-emerald-950:#022c22;
    --color-teal-50:#f0fdfa;
    --color-teal-100:#ccfbf1;
    --color-teal-200:#99f6e4;
    --color-teal-300:#5eead4;
    --color-teal-400:#2dd4bf;
    --color-teal-500:#14b8a6;
    --color-teal-600:#0d9488;
    --color-teal-700:#0f766e;
    --color-teal-800:#115e59;
    --color-teal-900:#134e4a;
    --color-teal-950:#042f2e;
    --color-cyan-50:#ecfeff;
    --color-cyan-100:#cffafe;
    --color-cyan-200:#a5f3fc;
    --color-cyan-300:#67e8f9;
    --color-cyan-400:#22d3ee;
    --color-cyan-500:#06b6d4;
    --color-cyan-600:#0891b2;
    --color-cyan-700:#0e7490;
    --color-cyan-800:#155e75;
    --color-cyan-900:#164e63;
    --color-cyan-950:#083344;
    --color-sky-50:#f0f9ff;
    --color-sky-100:#e0f2fe;
    --color-sky-200:#bae6fd;
    --color-sky-300:#7dd3fc;
    --color-sky-400:#38bdf8;
    --color-sky-500:#0ea5e9;
    --color-sky-600:#0284c7;
    --color-sky-700:#0369a1;
    --color-sky-800:#075985;
    --color-sky-900:#0c4a6e;
    --color-sky-950:#082f49;
    --color-blue-50:#eff6ff;
    --color-blue-100:#dbeafe;
    --color-blue-200:#bfdbfe;
    --color-blue-300:#93c5fd;
    --color-blue-400:#60a5fa;
    --color-blue-500:#3b82f6;
    --color-blue-600:#2563eb;
    --color-blue-700:#1d4ed8;
    --color-blue-800:#1e40af;
    --color-blue-900:#1e3a8a;
    --color-blue-950:#172554;
    --color-indigo-50:#eef2ff;
    --color-indigo-100:#e0e7ff;
    --color-indigo-200:#c7d2fe;
    --color-indigo-300:#a5b4fc;
    --color-indigo-400:#818cf8;
    --color-indigo-500:#6366f1;
    --color-indigo-600:#4f46e5;
    --color-indigo-700:#4338ca;
    --color-indigo-800:#3730a3;
    --color-indigo-900:#312e81;
    --color-indigo-950:#1e1b4b;
    --color-violet-50:#f5f3ff;
    --color-violet-100:#ede9fe;
    --color-violet-200:#ddd6fe;
    --color-violet-300:#c4b5fd;
    --color-violet-400:#a78bfa;
    --color-violet-500:#8b5cf6;
    --color-violet-600:#7c3aed;
    --color-violet-700:#6d28d9;
    --color-violet-800:#5b21b6;
    --color-violet-900:#4c1d95;
    --color-violet-950:#2e1065;
    --color-purple-50:#faf5ff;
    --color-purple-100:#f3e8ff;
    --color-purple-200:#e9d5ff;
    --color-purple-300:#d8b4fe;
    --color-purple-400:#c084fc;
    --color-purple-500:#a855f7;
    --color-purple-600:#9333ea;
    --color-purple-700:#7e22ce;
    --color-purple-800:#6b21a8;
    --color-purple-900:#581c87;
    --color-purple-950:#3b0764;
    --color-pink-50:#fdf2f8;
    --color-pink-100:#fce7f3;
    --color-pink-200:#fbcfe8;
    --color-pink-300:#f9a8d4;
    --color-pink-400:#f472b6;
    --color-pink-500:#ec4899;
    --color-pink-600:#db2777;
    --color-pink-700:#be185d;
    --color-pink-800:#9d174d;
    --color-pink-900:#831843;
    --color-pink-950:#500724;
    --color-slate-50:#f8fafc;
    --color-slate-100:#f1f5f9;
    --color-slate-200:#e2e8f0;
    --color-slate-300:#cbd5e1;
    --color-slate-400:#94a3b8;
    --color-slate-500:#64748b;
    --color-slate-700:#334155;
    --color-slate-800:#1e293b;
    --color-slate-900:#0f172a;
    --color-gray-50:#f9fafb;
    --color-gray-100:#f3f4f6;
    --color-gray-200:#e5e7eb;
    --color-gray-300:#d1d5db;
    --color-gray-400:#9ca3af;
    --color-gray-500:#6b7280;
    --color-gray-600:#4b5563;
    --color-gray-700:#374151;
    --color-gray-800:#1f2937;
    --color-gray-900:#111827;
    --color-zinc-50:#fafafa;
    --color-zinc-100:#f4f4f5;
    --color-zinc-200:#e4e4e7;
    --color-zinc-300:#d4d4d8;
    --color-zinc-400:#a1a1aa;
    --color-zinc-500:#71717a;
    --color-zinc-600:#52525b;
    --color-zinc-700:#3f3f46;
    --color-zinc-800:#27272a;
    --color-zinc-900:#18181b;
    --color-zinc-950:#09090b;
    --color-neutral-50:#fafafa;
    --color-neutral-100:#f5f5f5;
    --color-neutral-200:#e5e5e5;
    --color-neutral-300:#d4d4d4;
    --color-neutral-400:#a3a3a3;
    --color-neutral-500:#737373;
    --color-neutral-600:#525252;
    --color-neutral-700:#404040;
    --color-neutral-800:#262626;
    --color-neutral-900:#171717;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --breakpoint-lg:64rem;
    --breakpoint-xl:80rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --container-6xl:72rem;
    --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;
    --text-6xl:3.75rem;
    --text-6xl--line-height:1;
    --text-7xl:4.5rem;
    --text-7xl--line-height:1;
    --font-weight-light:300;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-black:900;
    --tracking-tight:-.025em;
    --tracking-wide:.025em;
    --leading-tight:1.25;
    --leading-relaxed:1.625;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --ease-in:cubic-bezier(.4,0,1,1);
    --ease-out:cubic-bezier(0,0,.2,1);
    --ease-in-out:cubic-bezier(.4,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;
    --blur-xl:24px;
    --blur-3xl:64px;
    --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);
    --color-hb-dark:#17181c;
    --color-primary-50:rgb(var(--hb-primary-50-rgb,239 246 255));
    --color-primary-100:rgb(var(--hb-primary-100-rgb,219 234 254));
    --color-primary-200:rgb(var(--hb-primary-200-rgb,191 219 254));
    --color-primary-300:rgb(var(--hb-primary-300-rgb,147 197 253));
    --color-primary-400:rgb(var(--hb-primary-400-rgb,96 165 250));
    --color-primary-500:rgb(var(--hb-primary-500-rgb,59 130 246));
    --color-primary-600:rgb(var(--hb-primary-600-rgb,37 99 235));
    --color-primary-700:rgb(var(--hb-primary-700-rgb,29 78 216));
    --color-primary-800:rgb(var(--hb-primary-800-rgb,30 64 175));
    --color-primary-900:rgb(var(--hb-primary-900-rgb,30 58 138));
    --color-primary-950:rgb(var(--hb-primary-950-rgb,23 37 84));
    --color-secondary-50:rgb(var(--hb-secondary-50-rgb,236 254 255));
    --color-secondary-100:rgb(var(--hb-secondary-100-rgb,207 250 254));
    --color-secondary-200:rgb(var(--hb-secondary-200-rgb,165 243 252));
    --color-secondary-300:rgb(var(--hb-secondary-300-rgb,103 232 249));
    --color-secondary-400:rgb(var(--hb-secondary-400-rgb,34 211 238));
    --color-secondary-500:rgb(var(--hb-secondary-500-rgb,6 182 212));
    --color-secondary-600:rgb(var(--hb-secondary-600-rgb,8 145 178));
    --color-secondary-700:rgb(var(--hb-secondary-700-rgb,14 116 144));
    --color-secondary-800:rgb(var(--hb-secondary-800-rgb,21 94 117));
    --color-secondary-900:rgb(var(--hb-secondary-900-rgb,22 78 99));
    --color-secondary-950:rgb(var(--hb-secondary-950-rgb,8 51 68))
  }
}
@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,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -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 {
    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 {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizelegibility
  }
  body {
    line-height:1.5
  }
}
@layer components {
  .prose a {
    text-decoration:underline;
    -webkit-text-decoration-color:var(--color-primary-300);
    -webkit-text-decoration-color:var(--color-primary-300);
    text-decoration-color:var(--color-primary-300);
    font-weight:500
  }
  .prose a:hover {
    color:var(--color-primary-600);
    border-radius:.09rem;
    text-decoration:none
  }
  .prose mark {
    color:var(--color-neutral-900);
    background-color:var(--color-primary-200);
    border-radius:.25rem;
    padding:.1rem .2rem
  }
  .dark .prose-invert a {
    -webkit-text-decoration-color:var(--color-neutral-500);
    -webkit-text-decoration-color:var(--color-neutral-500);
    text-decoration-color:var(--color-neutral-500)
  }
  .dark .prose-invert a:hover {
    color:var(--color-primary-300)
  }
  .dark .prose-invert mark {
    background-color:var(--color-primary-400);
    color:#000
  }
  .prose code:not(:where(pre *)) {
    border-radius:var(--radius-md);
    background-color:var(--color-neutral-100);
    padding-inline:calc(var(--spacing)*1.5);
    padding-block:calc(var(--spacing)*.5);
    --tw-font-weight:var(--font-weight-normal);
    font-size:.875em;
    font-weight:var(--font-weight-normal);
    color:var(--color-primary-700)
  }
  .prose code:not(:where(pre *)):where(.dark,
  .dark *) {
    background-color:#40404080
  }
  @supports (color:color-mix(in lab, red, red)) {
    .prose code:not(:where(pre *)):where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-neutral-700)50%,transparent)
    }
  }
  .prose code:not(:where(pre *)):where(.dark,
  .dark *) {
    color:var(--color-primary-300)
  }
  .prose code:not(:where(pre *)):before,
  .prose code:not(:where(pre *)):after {
    content:none
  }
  .hbb-section {
    padding-top:2rem;
    padding-bottom:4rem
  }
  .section-subheading {
    font-size:1.25rem;
    font-weight:700
  }
  .home-section-bg {
    z-index:-1;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
  }
  .home-section-bg.bg-image {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
  }
  .home-section-bg.bg-image[style*=background-size][style*=background-repeat] {
    background-size:revert!important;
    background-repeat:revert!important;
    background-position:revert!important
  }
  .blox-cta-card .home-section-bg.bg-image {
    background-size:revert;
    background-repeat:revert;
    background-position:revert
  }
  .bg-video {
    object-fit:cover;
    object-position:center center;
    opacity:1;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
  }
  .bg-video.flip {
    transform:scaleX(-1)
  }
  .universal-wrapper {
    width:100%;
    margin:0 auto;
    padding-left:1rem;
    padding-right:1rem
  }
  @media (min-width:1200px) {
    .universal-wrapper {
      max-width:1200px
    }
  }
  .article-container {
    max-width:760px;
    margin:0 auto
  }
  .btn-toolbar {
    flex-wrap:wrap;
    justify-content:center;
    gap:.5rem;
    display:flex
  }
  .docs-article-container {
    max-width:760px
  }
  .powered-by {
    font-size:.75rem
  }
  .powered-by a {
    color:inherit;
    text-decoration:none
  }
  .powered-by a:hover {
    text-decoration:underline
  }
  .parallax {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    /* prevent background from staying fixed (stop parallax movement) */
    background-attachment:scroll;
    position:relative
  }
  .home-section-bg.parallax {
    position:absolute
  }
  section.light,
  section.dark {
    background-color:#0000
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events:none
  }
  .sr-only {
    clip:rect(0,0,0,0);
    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:calc(var(--spacing)*0)
  }
  .-start-3 {
    inset-inline-start:calc(var(--spacing)*-3)
  }
  .top-0 {
    top:calc(var(--spacing)*0)
  }
  .top-3 {
    top:calc(var(--spacing)*3)
  }
  .top-16 {
    top:calc(var(--spacing)*16)
  }
  .top-20 {
    top:calc(var(--spacing)*20)
  }
  .top-24 {
    top:calc(var(--spacing)*26)
  }
  .top-full {
    top:100%
  }
  .right-1\/4 {
    right:25%
  }
  .right-3 {
    right:calc(var(--spacing)*3)
  }
  .right-4 {
    right:calc(var(--spacing)*4)
  }
  .bottom-0 {
    bottom:calc(var(--spacing)*0)
  }
  .bottom-full {
    bottom:100%
  }
  .left-1\/2 {
    left:50%
  }
  .left-1\/4 {
    left:25%
  }
  .left-6 {
    left:calc(var(--spacing)*6)
  }
  .isolate {
    isolation:isolate
  }
  .-z-10 {
    z-index:calc(10*-1)
  }
  .z-10 {
    z-index:10
  }
  .z-30 {
    z-index:30
  }
  .z-50 {
    z-index:50
  }
  .z-\[100\] {
    z-index:100
  }
  .z-\[9999\] {
    z-index:9999
  }
  .order-0 {
    order:0
  }
  .order-1 {
    order:1
  }
  .order-3 {
    order:3
  }
  .order-last {
    order:9999
  }
  .container {
    width:100%
  }
  @media (min-width:40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width:96rem
    }
  }
  .m-1 {
    margin:calc(var(--spacing)*1)
  }
  .mx-1 {
    margin-inline:calc(var(--spacing)*1)
  }
  .mx-4 {
    margin-inline:calc(var(--spacing)*4)
  }
  .mx-auto {
    margin-inline:auto
  }
  .my-2 {
    margin-block:calc(var(--spacing)*2)
  }
  .my-5 {
    margin-block:calc(var(--spacing)*5)
  }
  .my-6 {
    margin-block:calc(var(--spacing)*6)
  }
  .my-10 {
    margin-block:calc(var(--spacing)*10)
  }
  .ms-2 {
    margin-inline-start:calc(var(--spacing)*2)
  }
  .ms-6 {
    margin-inline-start:calc(var(--spacing)*6)
  }
  .me-2 {
    margin-inline-end:calc(var(--spacing)*2)
  }
  .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 rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    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:oklch(37.3% .034 259.733);
    --tw-prose-headings:oklch(21% .034 264.665);
    --tw-prose-lead:oklch(44.6% .03 256.802);
    --tw-prose-links:oklch(21% .034 264.665);
    --tw-prose-bold:oklch(21% .034 264.665);
    --tw-prose-counters:oklch(55.1% .027 264.364);
    --tw-prose-bullets:oklch(87.2% .01 258.338);
    --tw-prose-hr:oklch(92.8% .006 264.531);
    --tw-prose-quotes:oklch(21% .034 264.665);
    --tw-prose-quote-borders:oklch(92.8% .006 264.531);
    --tw-prose-captions:oklch(55.1% .027 264.364);
    --tw-prose-kbd:oklch(21% .034 264.665);
    --tw-prose-kbd-shadows:NaN NaN NaN;
    --tw-prose-code:oklch(21% .034 264.665);
    --tw-prose-pre-code:oklch(92.8% .006 264.531);
    --tw-prose-pre-bg:oklch(27.8% .033 256.848);
    --tw-prose-th-borders:oklch(87.2% .01 258.338);
    --tw-prose-td-borders:oklch(92.8% .006 264.531);
    --tw-prose-invert-body:oklch(87.2% .01 258.338);
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:oklch(70.7% .022 261.325);
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets:oklch(44.6% .03 256.802);
    --tw-prose-invert-hr:oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes:oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);
    --tw-prose-invert-captions:oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders:oklch(37.3% .034 259.733);
    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
  }
  .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
  }
  .prose-lg {
    font-size:1.125rem;
    line-height:1.77778
  }
  .prose-lg :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em
  }
  .prose-lg :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.09091em;
    margin-bottom:1.09091em;
    font-size:1.22222em;
    line-height:1.45455
  }
  .prose-lg :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.66667em;
    margin-bottom:1.66667em;
    padding-inline-start:1em
  }
  .prose-lg :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:.833333em;
    font-size:2.66667em;
    line-height:1
  }
  .prose-lg :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.86667em;
    margin-bottom:1.06667em;
    font-size:1.66667em;
    line-height:1.33333
  }
  .prose-lg :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.66667em;
    margin-bottom:.666667em;
    font-size:1.33333em;
    line-height:1.5
  }
  .prose-lg :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:.444444em;
    line-height:1.55556
  }
  .prose-lg :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-lg :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.222222em;
    padding-inline-end:.444444em;
    padding-bottom:.222222em;
    border-radius:.3125rem;
    padding-inline-start:.444444em;
    font-size:.888889em
  }
  .prose-lg :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.888889em
  }
  .prose-lg :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.866667em
  }
  .prose-lg :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.875em
  }
  .prose-lg :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:1em;
    padding-inline-end:1.5em;
    padding-bottom:1em;
    border-radius:.375rem;
    margin-top:2em;
    margin-bottom:2em;
    padding-inline-start:1.5em;
    font-size:.888889em;
    line-height:1.75
  }
  .prose-lg :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em;
    padding-inline-start:1.55556em
  }
  .prose-lg :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.666667em;
    margin-bottom:.666667em
  }
  .prose-lg :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.444444em
  }
  .prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.888889em;
    margin-bottom:.888889em
  }
  .prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.33333em
  }
  .prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.33333em
  }
  .prose-lg :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.888889em;
    margin-bottom:.888889em
  }
  .prose-lg :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em
  }
  .prose-lg :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.666667em;
    padding-inline-start:1.55556em
  }
  .prose-lg :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:3.11111em;
    margin-bottom:3.11111em
  }
  .prose-lg :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-lg :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.888889em;
    line-height:1.5
  }
  .prose-lg :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:.75em;
    padding-bottom:.75em;
    padding-inline-start:.75em
  }
  .prose-lg :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-lg :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-lg :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.75em;
    padding-inline-end:.75em;
    padding-bottom:.75em;
    padding-inline-start:.75em
  }
  .prose-lg :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-lg :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-lg :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-lg :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1em;
    font-size:.888889em;
    line-height:1.5
  }
  .prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .-mt-1 {
    margin-top:calc(var(--spacing)*-1)
  }
  .mt-1 {
    margin-top:calc(var(--spacing)*1)
  }
  .mt-1\.5 {
    margin-top:calc(var(--spacing)*1.5)
  }
  .mt-2 {
    margin-top:calc(var(--spacing)*2)
  }
  .mt-3 {
    margin-top:calc(var(--spacing)*3)
  }
  .mt-4 {
    margin-top:calc(var(--spacing)*4)
  }
  .mt-5 {
    margin-top:calc(var(--spacing)*5)
  }
  .mt-6 {
    margin-top:calc(var(--spacing)*6)
  }
  .mt-10 {
    margin-top:calc(var(--spacing)*10)
  }
  .mt-12 {
    margin-top:calc(var(--spacing)*12)
  }
  .mt-16 {
    margin-top:calc(var(--spacing)*16)
  }
  .mt-24 {
    margin-top:calc(var(--spacing)*24)
  }
  .mt-\[-0\.3rem\] {
    margin-top:-.3rem
  }
  .mt-\[0\.1rem\] {
    margin-top:.1rem
  }
  .mt-\[10vh\] {
    margin-top:10vh
  }
  .-mr-4 {
    margin-right:calc(var(--spacing)*-4)
  }
  .mr-1 {
    margin-right:calc(var(--spacing)*1)
  }
  .mr-2 {
    margin-right:calc(var(--spacing)*2)
  }
  .mr-3 {
    margin-right:calc(var(--spacing)*3)
  }
  .mr-4 {
    margin-right:calc(var(--spacing)*4)
  }
  .\!mb-4 {
    margin-bottom:calc(var(--spacing)*4)!important
  }
  .mb-1 {
    margin-bottom:calc(var(--spacing)*1)
  }
  .mb-2 {
    margin-bottom:calc(var(--spacing)*2)
  }
  .mb-3 {
    margin-bottom:calc(var(--spacing)*3)
  }
  .mb-4 {
    margin-bottom:calc(var(--spacing)*4)
  }
  .mb-5 {
    margin-bottom:calc(var(--spacing)*5)
  }
  .mb-6 {
    margin-bottom:calc(var(--spacing)*6)
  }
  .mb-8 {
    margin-bottom:calc(var(--spacing)*8)
  }
  .mb-10 {
    margin-bottom:calc(var(--spacing)*10)
  }
  .mb-12 {
    margin-bottom:calc(var(--spacing)*12)
  }
  .mb-16 {
    margin-bottom:calc(var(--spacing)*16)
  }
  .ml-1 {
    margin-left:calc(var(--spacing)*1)
  }
  .ml-auto {
    margin-left:auto
  }
  .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
  }
  .contents {
    display:contents
  }
  .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-\[16\/9\] {
    aspect-ratio:16/9
  }
  .h-0 {
    height:calc(var(--spacing)*0)
  }
  .h-2 {
    height:calc(var(--spacing)*2)
  }
  .h-3 {
    height:calc(var(--spacing)*3)
  }
  .h-4 {
    height:calc(var(--spacing)*4)
  }
  .h-5 {
    height:calc(var(--spacing)*5)
  }
  .h-6 {
    height:calc(var(--spacing)*6)
  }
  .h-7 {
    height:calc(var(--spacing)*7)
  }
  .h-8 {
    height:calc(var(--spacing)*8)
  }
  .h-10 {
    height:calc(var(--spacing)*10)
  }
  .h-12 {
    height:calc(var(--spacing)*12)
  }
  .h-16 {
    height:calc(var(--spacing)*16)
  }
  .h-24 {
    height:calc(var(--spacing)*24)
  }
  .h-28 {
    height:calc(var(--spacing)*28)
  }
  .h-32 {
    height:calc(var(--spacing)*32)
  }
  .h-96 {
    height:calc(var(--spacing)*96)
  }
  .h-\[18px\] {
    height:18px
  }
  .h-auto {
    height:auto
  }
  .h-full {
    height:100%
  }
  .max-h-\[60vh\] {
    max-height:60vh
  }
  .max-h-\[calc\(100vh-var\(--navbar-height\)-env\(safe-area-inset-bottom\)\)\] {
    max-height:calc(100vh - var(--navbar-height) - env(safe-area-inset-bottom))
  }
  .min-h-\[calc\(100vh-var\(--navbar-height\)\)\] {
    min-height:calc(100vh - var(--navbar-height))
  }
  .w-0 {
    width:calc(var(--spacing)*0)
  }
  .w-2 {
    width:calc(var(--spacing)*2)
  }
  .w-3 {
    width:calc(var(--spacing)*3)
  }
  .w-3\.5 {
    width:calc(var(--spacing)*3.5)
  }
  .w-4 {
    width:calc(var(--spacing)*4)
  }
  .w-5 {
    width:calc(var(--spacing)*5)
  }
  .w-6 {
    width:calc(var(--spacing)*6)
  }
  .w-7 {
    width:calc(var(--spacing)*7)
  }
  .w-8 {
    width:calc(var(--spacing)*8)
  }
  .w-10 {
    width:calc(var(--spacing)*10)
  }
  .w-12 {
    width:calc(var(--spacing)*12)
  }
  .w-16 {
    width:calc(var(--spacing)*16)
  }
  .w-24 {
    width:calc(var(--spacing)*24)
  }
  .w-28 {
    width:calc(var(--spacing)*28)
  }
  .w-32 {
    width:calc(var(--spacing)*32)
  }
  .w-64 {
    width:calc(var(--spacing)*64)
  }
  .w-96 {
    width:calc(var(--spacing)*96)
  }
  .w-full {
    width:100%
  }
  .max-w-2xl {
    max-width:var(--container-2xl)
  }
  .max-w-3xl {
    max-width:var(--container-3xl)
  }
  .max-w-6xl {
    max-width:var(--container-6xl)
  }
  .max-w-7xl {
    max-width:var(--container-7xl)
  }
  .max-w-\[9rem\] {
    max-width:9rem
  }
  .max-w-\[65ch\] {
    max-width:65ch
  }
  .max-w-\[500px\] {
    max-width:500px
  }
  .max-w-none {
    max-width:none
  }
  /* .max-w-prose {
    max-width:65ch
  } */
  .max-w-screen-lg {
    max-width:var(--breakpoint-lg)
  }
  .max-w-screen-xl {
    max-width:var(--breakpoint-xl)
  }
  .min-w-0 {
    min-width:calc(var(--spacing)*0)
  }
  .min-w-\[18px\] {
    min-width:18px
  }
  .min-w-\[24px\] {
    min-width:24px
  }
  .flex-1 {
    flex:1
  }
  .flex-shrink-0,
  .shrink-0 {
    flex-shrink:0
  }
  .flex-grow {
    flex-grow:1
  }
  .table-auto {
    table-layout:auto
  }
  .origin-center {
    transform-origin:50%
  }
  .-translate-x-1\/2 {
    --tw-translate-x:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-y-0 {
    --tw-translate-y:calc(var(--spacing)*0);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .translate-y-4 {
    --tw-translate-y:calc(var(--spacing)*4);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .scale-95 {
    --tw-scale-x:95%;
    --tw-scale-y:95%;
    --tw-scale-z:95%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .scale-100 {
    --tw-scale-x:100%;
    --tw-scale-y:100%;
    --tw-scale-z:100%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .-rotate-90 {
    rotate:-90deg
  }
  .transform {
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }
  .transform-gpu {
    transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }
  .animate-pulse {
    animation:var(--animate-pulse)
  }
  .animate-spin {
    animation:var(--animate-spin)
  }
  .cursor-default {
    cursor:default
  }
  .cursor-help {
    cursor:help
  }
  .cursor-pointer {
    cursor:pointer
  }
  .scroll-my-6 {
    scroll-margin-block:calc(var(--spacing)*6)
  }
  .scroll-py-6 {
    scroll-padding-block:calc(var(--spacing)*6)
  }
  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
  .flex-col {
    flex-direction:column
  }
  .flex-row {
    flex-direction:row
  }
  .flex-nowrap {
    flex-wrap:nowrap
  }
  .flex-wrap {
    flex-wrap:wrap
  }
  .items-center {
    align-items:center
  }
  .items-start {
    align-items:flex-start
  }
  .justify-between {
    justify-content:space-between
  }
  .justify-center {
    justify-content:center
  }
  .justify-start {
    justify-content:flex-start
  }
  .justify-items-center {
    justify-items:center
  }
  .gap-1 {
    gap:calc(var(--spacing)*1)
  }
  .gap-1\.5 {
    gap:calc(var(--spacing)*1.5)
  }
  .gap-2 {
    gap:calc(var(--spacing)*2)
  }
  .gap-3 {
    gap:calc(var(--spacing)*3)
  }
  .gap-4 {
    gap:calc(var(--spacing)*4)
  }
  .gap-5 {
    gap:calc(var(--spacing)*5)
  }
  .gap-6 {
    gap:calc(var(--spacing)*6)
  }
  .gap-10 {
    gap:calc(var(--spacing)*10)
  }
  :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-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)))
  }
  .gap-x-1\.5 {
    column-gap:calc(var(--spacing)*1.5)
  }
  .gap-x-4 {
    column-gap:calc(var(--spacing)*4)
  }
  .gap-x-6 {
    column-gap:calc(var(--spacing)*6)
  }
  :where(.space-x-3>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
  }
  .gap-y-2 {
    row-gap:calc(var(--spacing)*2)
  }
  .gap-y-10 {
    row-gap:calc(var(--spacing)*10)
  }
  :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)
  }
  .place-self-center {
    place-self:center
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }
  .overflow-hidden {
    overflow:hidden
  }
  .overflow-y-auto {
    overflow-y:auto
  }
  .rounded {
    border-radius:.25rem
  }
  .rounded-2xl {
    border-radius:var(--radius-2xl)
  }
  .rounded-3xl {
    border-radius:var(--radius-3xl)
  }
  .rounded-full {
    border-radius:3.40282e38px
  }
  .rounded-lg {
    border-radius:var(--radius-lg)
  }
  .rounded-md {
    border-radius:var(--radius-md)
  }
  .rounded-sm {
    border-radius:var(--radius-sm)
  }
  .rounded-xl {
    border-radius:var(--radius-xl)
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .border-2 {
    border-style:var(--tw-border-style);
    border-width:2px
  }
  .border-4 {
    border-style:var(--tw-border-style);
    border-width:4px
  }
  .border-s {
    border-inline-start-style:var(--tw-border-style);
    border-inline-start-width:1px
  }
  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .border-t-4 {
    border-top-style:var(--tw-border-style);
    border-top-width:4px
  }
  .border-r-4 {
    border-right-style:var(--tw-border-style);
    border-right-width:4px
  }
  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .border-l-2 {
    border-left-style:var(--tw-border-style);
    border-left-width:2px
  }
  .border-l-4 {
    border-left-style:var(--tw-border-style);
    border-left-width:4px
  }
  .border-dotted {
    --tw-border-style:dotted;
    border-style:dotted
  }
  .border-none {
    --tw-border-style:none;
    border-style:none
  }
  .border-blue-500 {
    border-color:var(--color-blue-500)
  }
  .border-current {
    border-color:currentColor
  }
  .border-cyan-500 {
    border-color:var(--color-cyan-500)
  }
  .border-emerald-500 {
    border-color:var(--color-emerald-500)
  }
  .border-gray-100 {
    border-color:var(--color-gray-100)
  }
  .border-gray-200 {
    border-color:var(--color-gray-200)
  }
  .border-gray-300 {
    border-color:var(--color-gray-300)
  }
  .border-gray-500 {
    border-color:var(--color-gray-500)
  }
  .border-green-500 {
    border-color:var(--color-green-500)
  }
  .border-neutral-300 {
    border-color:var(--color-neutral-300)
  }
  .border-orange-500 {
    border-color:var(--color-orange-500)
  }
  .border-primary-200\/50 {
    border-color:color-mix(in srgb,rgb(var(--hb-primary-200-rgb,191 219 254))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-primary-200\/50 {
      border-color:color-mix(in oklab,var(--color-primary-200)50%,transparent)
    }
  }
  .border-primary-500 {
    border-color:var(--color-primary-500)
  }
  .border-primary-600 {
    border-color:var(--color-primary-600)
  }
  .border-purple-500 {
    border-color:var(--color-purple-500)
  }
  .border-red-500 {
    border-color:var(--color-red-500)
  }
  .border-slate-100 {
    border-color:var(--color-slate-100)
  }
  .border-transparent {
    border-color:#0000
  }
  .border-white {
    border-color:var(--color-white)
  }
  .border-ddd {
    border-color:#ddd
  }
  .border-white\/30 {
    border-color:#ffffff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color:color-mix(in oklab,var(--color-white)30%,transparent)
    }
  }
  .border-yellow-500 {
    border-color:var(--color-yellow-500)
  }
  .border-zinc-100 {
    border-color:var(--color-zinc-100)
  }
  .border-zinc-200\/50 {
    border-color:#e4e4e780
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-zinc-200\/50 {
      border-color:color-mix(in oklab,var(--color-zinc-200)50%,transparent)
    }
  }
  .border-t-gray-900 {
    border-top-color:var(--color-gray-900)
  }
  .bg-\[var\(--color-background\)\] {
    background-color:var(--color-background)
  }
  .bg-amber-100 {
    background-color:var(--color-amber-100)
  }
  .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\/55 {
    background-color:#0000008c
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color:color-mix(in oklab,var(--color-black)55%,transparent)
    }
  }
  .bg-snd {
    background-color:#ecf7ff
  }
  .bg-blue-100 {
    background-color:var(--color-sky-50)
  }
  .bg-cyan-100 {
    background-color:var(--color-cyan-100)
  }
  .bg-emerald-100 {
    background-color:var(--color-emerald-100)
  }
  .bg-gray-50 {
    background-color:var(--color-gray-50)
  }
  .bg-gray-100 {
    background-color:var(--color-gray-100)
  }
  .bg-gray-900 {
    background-color:var(--color-gray-900)
  }
  .bg-green-100 {
    background-color:var(--color-green-100)
  }
  .bg-neutral-50 {
    background-color:var(--color-neutral-50)
  }
  .bg-neutral-300 {
    background-color:var(--color-neutral-300)
  }
  .bg-orange-100 {
    background-color:var(--color-orange-100)
  }
  .bg-primary-50 {
    background-color:var(--color-primary-50)
  }
  .bg-primary-100 {
    background-color:var(--color-primary-100)
  }
  .bg-primary-200 {
    background-color:var(--color-primary-200)
  }
  .bg-primary-300 {
    background-color:var(--color-primary-300)
  }
  .bg-primary-500 {
    background-color:var(--color-primary-500)
  }
  .bg-primary-500\/20 {
    background-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary-500\/20 {
      background-color:color-mix(in oklab,var(--color-primary-500)20%,transparent)
    }
  }
  .bg-primary-600 {
    background-color:var(--color-primary-600)
  }
  .bg-primary-700 {
    background-color:var(--color-primary-700)
  }
  .bg-purple-100 {
    background-color:var(--color-purple-100)
  }
  .bg-red-100 {
    background-color:var(--color-red-100)
  }
  .bg-secondary-500 {
    background-color:var(--color-secondary-500)
  }
  .bg-secondary-500\/20 {
    background-color:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-secondary-500\/20 {
      background-color:color-mix(in oklab,var(--color-secondary-500)20%,transparent)
    }
  }
  .bg-transparent {
    background-color:#0000
  }
  .bg-white {
    background-color:var(--color-white)
  }
  .bg-white\/20 {
    background-color:#fff3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color:color-mix(in oklab,var(--color-white)20%,transparent)
    }
  }
  .bg-white\/90 {
    background-color:#ffffffe6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color:color-mix(in oklab,var(--color-white)90%,transparent)
    }
  }
  .bg-white\/95 {
    background-color:#fffffff2
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color:color-mix(in oklab,var(--color-white)95%,transparent)
    }
  }
  .bg-yellow-100 {
    background-color:var(--color-yellow-100)
  }
  .bg-zinc-100 {
    background-color:var(--color-zinc-100)
  }
  .bg-gradient-to-b {
    --tw-gradient-position:to bottom in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-br {
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-r {
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-t {
    --tw-gradient-position:to top in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .from-black\/10 {
    --tw-gradient-from:#0000001a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .from-black\/10 {
      --tw-gradient-from:color-mix(in oklab,var(--color-black)10%,transparent)
    }
  }
  .from-black\/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-500 {
    --tw-gradient-from:var(--color-primary-500);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-primary-500\/0 {
    --tw-gradient-from:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))0%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .from-primary-500\/0 {
      --tw-gradient-from:color-mix(in oklab,var(--color-primary-500)0%,transparent)
    }
  }
  .from-primary-500\/0 {
    --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-500\/20 {
    --tw-gradient-from:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .from-primary-500\/20 {
      --tw-gradient-from:color-mix(in oklab,var(--color-primary-500)20%,transparent)
    }
  }
  .from-primary-500\/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))
  }
  .from-primary-600 {
    --tw-gradient-from:var(--color-primary-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-secondary-500 {
    --tw-gradient-from:var(--color-secondary-500);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-slate-800 {
    --tw-gradient-from:var(--color-slate-800);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-transparent {
    --tw-gradient-from:transparent;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-white\/90 {
    --tw-gradient-from:#ffffffe6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .from-white\/90 {
      --tw-gradient-from:color-mix(in oklab,var(--color-white)90%,transparent)
    }
  }
  .from-white\/90 {
    --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-yellow-400 {
    --tw-gradient-from:var(--color-yellow-400);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-zinc-100 {
    --tw-gradient-from:var(--color-zinc-100);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-zinc-700 {
    --tw-gradient-from:var(--color-zinc-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .via-primary-500\/5 {
    --tw-gradient-via:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))5%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .via-primary-500\/5 {
      --tw-gradient-via:color-mix(in oklab,var(--color-primary-500)5%,transparent)
    }
  }
  .via-primary-500\/5 {
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .via-transparent {
    --tw-gradient-via:transparent;
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .to-black\/30 {
    --tw-gradient-to:#0000004d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/30 {
      --tw-gradient-to:color-mix(in oklab,var(--color-black)30%,transparent)
    }
  }
  .to-black\/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-black\/40 {
    --tw-gradient-to:#0006
  }
  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/40 {
      --tw-gradient-to:color-mix(in oklab,var(--color-black)40%,transparent)
    }
  }
  .to-black\/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-orange-500 {
    --tw-gradient-to:var(--color-orange-500);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-primary-50\/30 {
    --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-primary-50-rgb,239 246 255))30%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .to-primary-50\/30 {
      --tw-gradient-to:color-mix(in oklab,var(--color-primary-50)30%,transparent)
    }
  }
  .to-primary-50\/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-primary-600 {
    --tw-gradient-to:var(--color-primary-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-secondary-500\/0 {
    --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))0%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .to-secondary-500\/0 {
      --tw-gradient-to:color-mix(in oklab,var(--color-secondary-500)0%,transparent)
    }
  }
  .to-secondary-500\/0 {
    --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-secondary-500\/20 {
    --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .to-secondary-500\/20 {
      --tw-gradient-to:color-mix(in oklab,var(--color-secondary-500)20%,transparent)
    }
  }
  .to-secondary-500\/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-secondary-600 {
    --tw-gradient-to:var(--color-secondary-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-slate-900 {
    --tw-gradient-to:var(--color-slate-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))
  }
  .to-transparent {
    --tw-gradient-to:transparent;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-zinc-200 {
    --tw-gradient-to:var(--color-zinc-200);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-zinc-800 {
    --tw-gradient-to:var(--color-zinc-800);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .fill-current {
    fill:currentColor
  }
  .object-contain {
    object-fit:contain
  }
  .object-cover {
    object-fit:cover
  }
  .object-fill {
    object-fit:fill
  }
  .object-center {
    object-position:center
  }
  .p-0\.5 {
    padding:calc(var(--spacing)*.5)
  }
  .p-1 {
    padding:calc(var(--spacing)*1)
  }
  .p-1\.5 {
    padding:calc(var(--spacing)*1.5)
  }
  .p-2 {
    padding:calc(var(--spacing)*2)
  }
  .p-3 {
    padding:calc(var(--spacing)*3)
  }
  .p-4 {
    padding:calc(var(--spacing)*4)
  }
  .p-6 {
    padding:calc(var(--spacing)*6)
  }
  .p-8 {
    padding:calc(var(--spacing)*8)
  }
  .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:calc(var(--spacing)*1)
  }
  .py-1\.5 {
    padding-block:calc(var(--spacing)*1.5)
  }
  .py-2 {
    padding-block:calc(var(--spacing)*2)
  }
  .py-2\.5 {
    padding-block:calc(var(--spacing)*2.5)
  }
  .py-3 {
    padding-block:calc(var(--spacing)*3)
  }
  .py-4 {
    padding-block:calc(var(--spacing)*4)
  }
  .py-5 {
    padding-block:calc(var(--spacing)*5)
  }
  .py-8 {
    padding-block:calc(var(--spacing)*8)
  }
  .py-12 {
    padding-block:calc(var(--spacing)*12)
  }
  .py-16 {
    padding-block:calc(var(--spacing)*16)
  }
  .pt-1 {
    padding-top:calc(var(--spacing)*1)
  }
  .pt-2 {
    padding-top:calc(var(--spacing)*2)
  }
  .pt-3 {
    padding-top:calc(var(--spacing)*3)
  }
  .pt-4 {
    padding-top:calc(var(--spacing)*4)
  }
  .pt-6 {
    padding-top:calc(var(--spacing)*6)
  }
  .pt-12 {
    padding-top:calc(var(--spacing)*12)
  }
  .pt-14 {
    padding-top:calc(var(--spacing)*14)
  }
  .pr-1 {
    padding-right:calc(var(--spacing)*1)
  }
  .pr-2 {
    padding-right:calc(var(--spacing)*2)
  }
  .pr-3 {
    padding-right:calc(var(--spacing)*3)
  }
  .pr-4 {
    padding-right:calc(var(--spacing)*4)
  }
  .pr-\[calc\(env\(safe-area-inset-right\)-1\.5rem\)\] {
    padding-right:calc(env(safe-area-inset-right) - 1.5rem)
  }
  .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-24 {
    padding-bottom:calc(var(--spacing)*24)
  }
  .pb-50 {
    padding-bottom:calc(var(--spacing)*50)
  }
  .pb-100 {
    padding-bottom:calc(var(--spacing)*100)
  }
  .pl-2 {
    padding-left:calc(var(--spacing)*2)
  }
  .pl-4 {
    padding-left:calc(var(--spacing)*4)
  }
  .text-center {
    text-align:center
  }
  .text-left {
    text-align:left
  }
  .text-right {
    text-align:right
  }
  .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-5xl {
    font-size:var(--text-5xl);
    line-height:var(--tw-leading,var(--text-5xl--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\.6rem\] {
    font-size:.6rem
  }
  .text-\[10px\] {
    font-size:10px
  }
  .text-\[11px\] {
    font-size:11px
  }
  .leading-3 {
    --tw-leading:calc(var(--spacing)*3);
    line-height:calc(var(--spacing)*3)
  }
  .leading-6 {
    --tw-leading:calc(var(--spacing)*6);
    line-height:calc(var(--spacing)*6)
  }
  .leading-8 {
    --tw-leading:calc(var(--spacing)*8);
    line-height:calc(var(--spacing)*8)
  }
  .leading-none {
    --tw-leading:1;
    line-height:1
  }
  .leading-relaxed {
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed)
  }
  .leading-tight {
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight)
  }
  .font-black {
    --tw-font-weight:var(--font-weight-black);
    font-weight:var(--font-weight-black)
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .font-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-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }
  .break-words {
    overflow-wrap:break-word
  }
  .text-ellipsis {
    text-overflow:ellipsis
  }
  .\[hyphens\:auto\] {
    -webkit-hyphens:auto;
    hyphens:auto
  }
  .whitespace-nowrap {
    white-space:nowrap
  }
  .text-\[var\(--color-foreground\)\] {
    color:var(--color-foreground)
  }
  .text-\[var\(--color-header-fg\)\] {
    color:var(--color-header-fg)
  }
  .text-amber-700 {
    color:var(--color-amber-700)
  }
  .text-blue-600 {
    color:var(--color-blue-600)
  }
  .text-blue-700 {
    color:var(--color-blue-700)
  }
  .text-blue-800 {
    color:var(--color-blue-800)
  }
  .text-current {
    color:currentColor
  }
  .text-cyan-600 {
    color:var(--color-cyan-600)
  }
  .text-emerald-600 {
    color:var(--color-emerald-600)
  }
  .text-gray-200 {
    color:var(--color-gray-200)
  }
  .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-700 {
    color:var(--color-green-700)
  }
  .text-neutral-500 {
    color:var(--color-neutral-500)
  }
  .text-neutral-600 {
    color:var(--color-neutral-600)
  }
  .text-neutral-700 {
    color:var(--color-neutral-700)
  }
  .text-neutral-800 {
    color:var(--color-neutral-800)
  }
  .text-orange-600 {
    color:var(--color-orange-600)
  }
  .text-primary-500 {
    color:var(--color-primary-500)
  }
  .text-primary-600 {
    color:var(--color-primary-600)
  }
  .text-primary-700 {
    color:var(--color-primary-700)
  }
  .text-primary-800 {
    color:var(--color-primary-800)
  }
  .text-purple-600 {
    color:var(--color-purple-600)
  }
  .text-red-500 {
    color:var(--color-red-500)
  }
  .text-red-600 {
    color:var(--color-red-600)
  }
  .text-secondary-500 {
    color:var(--color-secondary-500)
  }
  .text-slate-500 {
    color:var(--color-slate-500)
  }
  .text-slate-700 {
    color:var(--color-slate-700)
  }
  .text-slate-900 {
    color:var(--color-slate-900)
  }
  .text-white {
    color:var(--color-white)
  }
  .text-yellow-500 {
    color:var(--color-yellow-500)
  }
  .text-yellow-700 {
    color:var(--color-yellow-700)
  }
  .text-zinc-400 {
    color:var(--color-zinc-400)
  }
  .text-zinc-500 {
    color:var(--color-zinc-500)
  }
  .text-zinc-600 {
    color:var(--color-zinc-600)
  }
  .text-zinc-800 {
    color:var(--color-zinc-800)
  }
  .text-zinc-900 {
    color:var(--color-zinc-900)
  }
  .capitalize {
    text-transform:capitalize
  }
  .lowercase {
    text-transform:lowercase
  }
  .uppercase {
    text-transform:uppercase
  }
  .italic {
    font-style:italic
  }
  .no-underline {
    text-decoration-line:none
  }
  .underline {
    text-decoration-line:underline
  }
  .placeholder-gray-400::placeholder {
    color:var(--color-gray-400)
  }
  .opacity-0 {
    opacity:0
  }
  .opacity-25 {
    opacity:.25
  }
  .opacity-40 {
    opacity:.4
  }
  .opacity-75 {
    opacity:.75
  }
  .opacity-80 {
    opacity:.8
  }
  .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-2xl {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-lg {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#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-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)
  }
  .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-8 {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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-primary-500\/25 {
    --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))25%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-primary-500\/25 {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)25%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .shadow-secondary-500\/25 {
    --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))25%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-secondary-500\/25 {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-secondary-500)25%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .ring-gray-200 {
    --tw-ring-color:var(--color-gray-200)
  }
  .ring-gray-200\/30 {
    --tw-ring-color:#e5e7eb4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-gray-200\/30 {
      --tw-ring-color:color-mix(in oklab,var(--color-gray-200)30%,transparent)
    }
  }
  .ring-gray-900\/10 {
    --tw-ring-color:#1118271a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-gray-900\/10 {
      --tw-ring-color:color-mix(in oklab,var(--color-gray-900)10%,transparent)
    }
  }
  .ring-white {
    --tw-ring-color:var(--color-white)
  }
  .ring-zinc-900\/5 {
    --tw-ring-color:#18181b0d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-zinc-900\/5 {
      --tw-ring-color:color-mix(in oklab,var(--color-zinc-900)5%,transparent)
    }
  }
  .outline {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .blur-3xl {
    --tw-blur:blur(var(--blur-3xl));
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }
  .blur-xl {
    --tw-blur:blur(var(--blur-xl));
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }
  .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-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,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-all {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-colors {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-opacity {
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-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-150 {
    --tw-duration:.15s;
    transition-duration:.15s
  }
  .duration-200 {
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .duration-300 {
    --tw-duration:.3s;
    transition-duration:.3s
  }
  .duration-500 {
    --tw-duration:.5s;
    transition-duration:.5s
  }
  .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-slate {
    --tw-prose-body:oklch(37.2% .044 257.287);
    --tw-prose-headings:oklch(20.8% .042 265.755);
    --tw-prose-lead:oklch(44.6% .043 257.281);
    --tw-prose-links:oklch(20.8% .042 265.755);
    --tw-prose-bold:oklch(20.8% .042 265.755);
    --tw-prose-counters:oklch(55.4% .046 257.417);
    --tw-prose-bullets:oklch(86.9% .022 252.894);
    --tw-prose-hr:oklch(92.9% .013 255.508);
    --tw-prose-quotes:oklch(20.8% .042 265.755);
    --tw-prose-quote-borders:oklch(92.9% .013 255.508);
    --tw-prose-captions:oklch(55.4% .046 257.417);
    --tw-prose-kbd:oklch(20.8% .042 265.755);
    --tw-prose-kbd-shadows:NaN NaN NaN;
    --tw-prose-code:oklch(20.8% .042 265.755);
    --tw-prose-pre-code:oklch(92.9% .013 255.508);
    --tw-prose-pre-bg:oklch(27.9% .041 260.031);
    --tw-prose-th-borders:oklch(86.9% .022 252.894);
    --tw-prose-td-borders:oklch(92.9% .013 255.508);
    --tw-prose-invert-body:oklch(86.9% .022 252.894);
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:oklch(70.4% .04 256.788);
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:oklch(70.4% .04 256.788);
    --tw-prose-invert-bullets:oklch(44.6% .043 257.281);
    --tw-prose-invert-hr:oklch(37.2% .044 257.287);
    --tw-prose-invert-quotes:oklch(96.8% .007 247.896);
    --tw-prose-invert-quote-borders:oklch(37.2% .044 257.287);
    --tw-prose-invert-captions:oklch(70.4% .04 256.788);
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:oklch(86.9% .022 252.894);
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:oklch(44.6% .043 257.281);
    --tw-prose-invert-td-borders:oklch(37.2% .044 257.287)
  }
  .outline-none {
    --tw-outline-style:none;
    outline-style:none
  }
  .group-hover\:-translate-x-\[2px\]:is(:where(.group):hover *) {
    --tw-translate-x:calc(2px*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .group-hover\:scale-105:is(:where(.group):hover *) {
    --tw-scale-x:105%;
    --tw-scale-y:105%;
    --tw-scale-z:105%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .group-hover\:bg-white:is(:where(.group):hover *) {
    background-color:var(--color-white)
  }
  .group-hover\:text-blue-600:is(:where(.group):hover *) {
    color:var(--color-blue-600)
  }
  .group-hover\:text-primary-600:is(:where(.group):hover *) {
    color:var(--color-primary-600)
  }
  .group-hover\:underline:is(:where(.group):hover *) {
    text-decoration-line:underline
  }
  .group-hover\:decoration-primary-500:is(:where(.group):hover *) {
    -webkit-text-decoration-color:var(--color-primary-500);
    -webkit-text-decoration-color:var(--color-primary-500);
    text-decoration-color:var(--color-primary-500)
  }
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity:1
  }
  .group-hover\:shadow-2xl:is(:where(.group):hover *) {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .group-hover\:ring-gray-300\/50:is(:where(.group):hover *) {
    --tw-ring-color:#d1d5db80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .group-hover\:ring-gray-300\/50:is(:where(.group):hover *) {
      --tw-ring-color:color-mix(in oklab,var(--color-gray-300)50%,transparent)
    }
  }
  .group-hover\/link\:translate-x-1:is(:where(.group\/link):hover *) {
    --tw-translate-x:calc(var(--spacing)*1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .focus-within\:ring-2:focus-within {
    --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-within\:ring-blue-500\/50:focus-within {
    --tw-ring-color:#3b82f680
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:ring-blue-500\/50:focus-within {
      --tw-ring-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)
    }
  }
  .focus-within\:ring-primary-500\/50:focus-within {
    --tw-ring-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:ring-primary-500\/50:focus-within {
      --tw-ring-color:color-mix(in oklab,var(--color-primary-500)50%,transparent)
    }
  }
  .hover\:-translate-y-0\.5:hover {
    --tw-translate-y:calc(var(--spacing)*-.5);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .hover\:-translate-y-1:hover {
    --tw-translate-y:calc(var(--spacing)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .hover\:-translate-y-2:hover {
    --tw-translate-y:calc(var(--spacing)*-2);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .hover\:scale-105:hover {
    --tw-scale-x:105%;
    --tw-scale-y:105%;
    --tw-scale-z:105%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .hover\:scale-110:hover {
    --tw-scale-x:110%;
    --tw-scale-y:110%;
    --tw-scale-z:110%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .hover\:scale-125:hover {
    --tw-scale-x:125%;
    --tw-scale-y:125%;
    --tw-scale-z:125%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .hover\:scale-\[1\.02\]:hover {
    scale:1.02
  }
  .hover\:border-primary-200:hover {
    border-color:var(--color-primary-200)
  }
  .hover\:border-primary-600:hover {
    border-color:var(--color-primary-600)
  }
  .hover\:bg-gray-50:hover {
    background-color:var(--color-gray-50)
  }
  .hover\:bg-gray-100:hover {
    background-color:var(--color-gray-100)
  }
  .hover\:bg-gray-200:hover {
    background-color:var(--color-gray-200)
  }
  .hover\:bg-gray-800\/5:hover {
    background-color:#1f29370d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:bg-gray-800\/5:hover {
      background-color:color-mix(in oklab,var(--color-gray-800)5%,transparent)
    }
  }
  .hover\:bg-primary-50:hover {
    background-color:var(--color-primary-50)
  }
  .hover\:bg-primary-100:hover {
    background-color:var(--color-primary-100)
  }
  .hover\:bg-primary-300:hover {
    background-color:var(--color-primary-300)
  }
  .hover\:bg-primary-500:hover {
    background-color:var(--color-primary-500)
  }
  .hover\:bg-primary-800:hover {
    background-color:var(--color-primary-800)
  }
  .hover\:from-primary-600:hover {
    --tw-gradient-from:var(--color-primary-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .hover\:from-primary-700:hover {
    --tw-gradient-from:var(--color-primary-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .hover\:from-secondary-600:hover {
    --tw-gradient-from:var(--color-secondary-600);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .hover\:to-primary-700:hover {
    --tw-gradient-to:var(--color-primary-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .hover\:to-secondary-700:hover {
    --tw-gradient-to:var(--color-secondary-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .hover\:text-gray-600:hover {
    color:var(--color-gray-600)
  }
  .hover\:text-gray-800:hover {
    color:var(--color-gray-800)
  }
  .hover\:text-gray-900:hover {
    color:var(--color-gray-900)
  }
  .hover\:text-neutral-300:hover {
    color:var(--color-neutral-300)
  }
  .hover\:text-primary-500:hover {
    color:var(--color-primary-500)
  }
  .hover\:text-primary-600:hover {
    color:var(--color-primary-600)
  }
  .hover\:text-primary-700:hover {
    color:var(--color-primary-700)
  }
  .hover\:text-primary-800:hover {
    color:var(--color-primary-800)
  }
  .hover\:underline:hover {
    text-decoration-line:underline
  }
  .hover\:opacity-100:hover {
    opacity:1
  }
  .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-xl:hover {
    --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)
  }
  .hover\:shadow-blue-500\/10:hover {
    --tw-shadow-color:#3b82f61a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:shadow-blue-500\/10:hover {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)10%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .hover\:shadow-primary-500\/10:hover {
    --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))10%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:shadow-primary-500\/10:hover {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)10%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .hover\:shadow-primary-500\/30:hover {
    --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))30%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:shadow-primary-500\/30:hover {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)30%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .hover\:shadow-secondary-500\/30:hover {
    --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))30%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:shadow-secondary-500\/30:hover {
      --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-secondary-500)30%,transparent)var(--tw-shadow-alpha),transparent)
    }
  }
  .hover\:ring-gray-900\/20:hover {
    --tw-ring-color:#11182733
  }
  @supports (color:color-mix(in lab, red, red)) {
    .hover\:ring-gray-900\/20:hover {
      --tw-ring-color:color-mix(in oklab,var(--color-gray-900)20%,transparent)
    }
  }
  .focus\:z-10:focus {
    z-index:10
  }
  .focus\:text-gray-900:focus {
    color:var(--color-gray-900)
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus\:ring-4:focus {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus\:ring-gray-200:focus {
    --tw-ring-color:var(--color-gray-200)
  }
  .focus\:ring-primary-300:focus {
    --tw-ring-color:var(--color-primary-300)
  }
  .focus\:ring-primary-500\/50:focus {
    --tw-ring-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-primary-500\/50:focus {
      --tw-ring-color:color-mix(in oklab,var(--color-primary-500)50%,transparent)
    }
  }
  .focus\:ring-secondary-500\/50:focus {
    --tw-ring-color:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-secondary-500\/50:focus {
      --tw-ring-color:color-mix(in oklab,var(--color-secondary-500)50%,transparent)
    }
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }
  .focus\:ring-offset-white:focus {
    --tw-ring-offset-color:var(--color-white)
  }
  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  .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-gray-500\/50:focus-visible {
    --tw-ring-color:#6b728080
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-gray-500\/50:focus-visible {
      --tw-ring-color:color-mix(in oklab,var(--color-gray-500)50%,transparent)
    }
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }
  .focus-visible\:ring-offset-transparent:focus-visible {
    --tw-ring-offset-color:transparent
  }
  .focus-visible\:outline:focus-visible {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .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-primary-600:focus-visible {
    outline-color:var(--color-primary-600)
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style:none;
    outline-style:none
  }
  .active\:scale-95:active {
    --tw-scale-x:95%;
    --tw-scale-y:95%;
    --tw-scale-z:95%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .active\:scale-\[0\.98\]:active {
    scale:.98
  }
  .active\:bg-primary-100:active {
    background-color:var(--color-primary-100)
  }
  .active\:from-primary-700:active {
    --tw-gradient-from:var(--color-primary-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .active\:from-secondary-700:active {
    --tw-gradient-from:var(--color-secondary-700);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .active\:to-primary-800:active {
    --tw-gradient-to:var(--color-primary-800);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .active\:to-secondary-800:active {
    --tw-gradient-to:var(--color-secondary-800);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events:none
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
  }
  .disabled\:opacity-50:disabled {
    opacity:.5
  }
  @media not all and (min-width:80rem) {
    .max-xl\:hidden {
      display:none
    }
  }
  @media not all and (min-width:64rem) {
    .max-lg\:hidden {
      display:none
    }
    .max-lg\:\[transform\:translate3d\(0\,-100\%\,0\)\] {
      transform:translateY(-100%)
    }
  }
  @media (min-width:40rem) {
    .sm\:mt-20 {
      margin-top:calc(var(--spacing)*20)
    }
    .sm\:mb-8 {
      margin-bottom:calc(var(--spacing)*8)
    }
    .sm\:block {
      display:block
    }
    .sm\:flex {
      display:flex
    }
    .sm\:inline {
      display:inline
    }
    .sm\:justify-center {
      justify-content:center
    }
    .sm\:p-12 {
      padding:calc(var(--spacing)*12)
    }
    .sm\:px-0 {
      padding-inline:calc(var(--spacing)*0)
    }
    .sm\:py-12 {
      padding-block:calc(var(--spacing)*12)
    }
    .sm\:text-2xl {
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .sm\:text-5xl {
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .sm\:text-6xl {
      font-size:var(--text-6xl);
      line-height:var(--tw-leading,var(--text-6xl--line-height))
    }
    .sm\:text-lg {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .sm\:text-xl {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
  }
  @media (min-width:48rem) {
    .md\:sticky {
      position:sticky
    }
    .md\:left-12 {
      left:calc(var(--spacing)*12)
    }
    .md\:order-2 {
      order:2
    }
    .md\:col-span-4 {
      grid-column:span 4/span 4
    }
    .md\:col-span-8 {
      grid-column:span 8/span 8
    }
    .md\:grid-cols-1 {
      grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .md\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:grid-cols-12 {
      grid-template-columns:repeat(12,minmax(0,1fr))
    }
    .md\:grid-cols-\[200px_auto\] {
      grid-template-columns:200px auto
    }
    .md\:flex-row {
      flex-direction:row
    }
    .md\:gap-8 {
      gap:calc(var(--spacing)*8)
    }
    :where(.md\: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)))
    }
    .md\:px-0 {
      padding-inline:calc(var(--spacing)*0)
    }
    .md\:px-12 {
      padding-inline:calc(var(--spacing)*12)
    }
    .md\:py-16 {
      padding-block:calc(var(--spacing)*16)
    }
  }
  @media (min-width:64rem) {
    .lg\:sticky {
      position:sticky
    }
    .lg\:order-1 {
      order:1
    }
    .lg\:prose-xl {
      font-size:1.25rem;
      line-height:1.8
    }
    .lg\:prose-xl :where(p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em;
      margin-bottom:1.2em
    }
    .lg\:prose-xl :where([class~=lead]):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1em;
      margin-bottom:1em;
      font-size:1.2em;
      line-height:1.5
    }
    .lg\:prose-xl :where(blockquote):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.6em;
      margin-bottom:1.6em;
      padding-inline-start:1.06667em
    }
    .lg\:prose-xl :where(h1):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:.857143em;
      font-size:2.8em;
      line-height:1
    }
    .lg\:prose-xl :where(h2):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.55556em;
      margin-bottom:.888889em;
      font-size:1.8em;
      line-height:1.11111
    }
    .lg\:prose-xl :where(h3):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.6em;
      margin-bottom:.666667em;
      font-size:1.5em;
      line-height:1.33333
    }
    .lg\:prose-xl :where(h4):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.8em;
      margin-bottom:.6em;
      line-height:1.6
    }
    .lg\:prose-xl :where(img):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(picture):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .lg\:prose-xl :where(picture>img):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .lg\:prose-xl :where(video):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .lg\:prose-xl :where(kbd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.25em;
      padding-inline-end:.4em;
      padding-bottom:.25em;
      border-radius:.3125rem;
      padding-inline-start:.4em;
      font-size:.9em
    }
    .lg\:prose-xl :where(code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.9em
    }
    .lg\:prose-xl :where(h2 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.861111em
    }
    .lg\:prose-xl :where(h3 code):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.9em
    }
    .lg\:prose-xl :where(pre):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:1.11111em;
      padding-inline-end:1.33333em;
      padding-bottom:1.11111em;
      border-radius:.5rem;
      margin-top:2em;
      margin-bottom:2em;
      padding-inline-start:1.33333em;
      font-size:.9em;
      line-height:1.77778
    }
    .lg\:prose-xl :where(ol):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(ul):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em;
      margin-bottom:1.2em;
      padding-inline-start:1.6em
    }
    .lg\:prose-xl :where(li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.6em;
      margin-bottom:.6em
    }
    .lg\:prose-xl :where(ol>li):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(ul>li):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:.4em
    }
    .lg\:prose-xl :where(.lg\:prose-xl>ul>li p):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.8em;
      margin-bottom:.8em
    }
    .lg\:prose-xl :where(.lg\:prose-xl>ul>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em
    }
    .lg\:prose-xl :where(.lg\:prose-xl>ul>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.2em
    }
    .lg\:prose-xl :where(.lg\:prose-xl>ol>li>p:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em
    }
    .lg\:prose-xl :where(.lg\:prose-xl>ol>li>p:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:1.2em
    }
    .lg\:prose-xl :where(ul ul,
    ul ol,
    ol ul,
    ol ol):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.8em;
      margin-bottom:.8em
    }
    .lg\:prose-xl :where(dl):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em;
      margin-bottom:1.2em
    }
    .lg\:prose-xl :where(dt):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1.2em
    }
    .lg\:prose-xl :where(dd):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:.6em;
      padding-inline-start:1.6em
    }
    .lg\:prose-xl :where(hr):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2.8em;
      margin-bottom:2.8em
    }
    .lg\:prose-xl :where(hr+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(h2+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(h3+*):not(:where([class~=not-prose],
    [class~=not-prose] *)),
    .lg\:prose-xl :where(h4+*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .lg\:prose-xl :where(table):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      font-size:.9em;
      line-height:1.55556
    }
    .lg\:prose-xl :where(thead th):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:.666667em;
      padding-bottom:.888889em;
      padding-inline-start:.666667em
    }
    .lg\:prose-xl :where(thead th:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .lg\:prose-xl :where(thead th:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .lg\:prose-xl :where(tbody td,
    tfoot td):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-top:.888889em;
      padding-inline-end:.666667em;
      padding-bottom:.888889em;
      padding-inline-start:.666667em
    }
    .lg\:prose-xl :where(tbody td:first-child,
    tfoot td:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-start:0
    }
    .lg\:prose-xl :where(tbody td:last-child,
    tfoot td:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      padding-inline-end:0
    }
    .lg\:prose-xl :where(figure):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:2em;
      margin-bottom:2em
    }
    .lg\:prose-xl :where(figure>*):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0;
      margin-bottom:0
    }
    .lg\:prose-xl :where(figcaption):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:1em;
      font-size:.9em;
      line-height:1.55556
    }
    .lg\:prose-xl :where(.lg\:prose-xl>:first-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-top:0
    }
    .lg\:prose-xl :where(.lg\:prose-xl>:last-child):not(:where([class~=not-prose],
    [class~=not-prose] *)) {
      margin-bottom:0
    }
    .lg\:ml-0 {
      margin-left:calc(var(--spacing)*0)
    }
    .lg\:flex {
      display:flex
    }
    .lg\:hidden {
      display:none
    }
    .lg\:h-\[calc\(100vh-var\(--navbar-height\)\)\] {
      height:calc(100vh - var(--navbar-height))
    }
    .lg\:w-auto {
      width:auto
    }
    .lg\:w-32 {
      width:calc(var(--spacing)*32)
    }
    .lg\:flex-row {
      flex-direction:row
    }
    .lg\:gap-10 {
      gap:calc(var(--spacing)*10)
    }
    .lg\:gap-x-6 {
      column-gap:calc(var(--spacing)*6)
    }
    .lg\:gap-x-8 {
      column-gap:calc(var(--spacing)*8)
    }
    :where(.lg\:space-x-2>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
      margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }
    .lg\:gap-y-0 {
      row-gap:calc(var(--spacing)*0)
    }
    .lg\:p-16 {
      padding:calc(var(--spacing)*16)
    }
    .lg\:px-5 {
      padding-inline:calc(var(--spacing)*5)
    }
    .lg\:px-8 {
      padding-inline:calc(var(--spacing)*8)
    }
    .lg\:py-2 {
      padding-block:calc(var(--spacing)*2)
    }
    .lg\:py-8 {
      padding-block:calc(var(--spacing)*8)
    }
    .lg\:py-24 {
      padding-block:calc(var(--spacing)*24)
    }
    .lg\:pb-0 {
      padding-bottom:calc(var(--spacing)*0)
    }
    .lg\:text-2xl {
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .lg\:text-3xl {
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .lg\:text-6xl {
      font-size:var(--text-6xl);
      line-height:var(--tw-leading,var(--text-6xl--line-height))
    }
  }
  @media (min-width:80rem) {
    .xl\:block {
      display:block
    }
    .xl\:hidden {
      display:none
    }
    .xl\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    :where(.xl\:space-x-8>:not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
      margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
    }
    .xl\:p-20 {
      padding:calc(var(--spacing)*20)
    }
    .xl\:px-5 {
      padding-inline:calc(var(--spacing)*5)
    }
    .xl\:py-32 {
      padding-block:calc(var(--spacing)*32)
    }
    .xl\:text-7xl {
      font-size:var(--text-7xl);
      line-height:var(--tw-leading,var(--text-7xl--line-height))
    }
  }
  .ltr\:inline:where(:dir(ltr),
  [dir=ltr],
  [dir=ltr] *) {
    display:inline
  }
  .ltr\:pr-0:where(:dir(ltr),
  [dir=ltr],
  [dir=ltr] *) {
    padding-right:calc(var(--spacing)*0)
  }
  .ltr\:text-right:where(:dir(ltr),
  [dir=ltr],
  [dir=ltr] *) {
    text-align:right
  }
  .rtl\:-ml-4:where(:dir(rtl),
  [dir=rtl],
  [dir=rtl] *) {
    margin-left:calc(var(--spacing)*-4)
  }
  .rtl\:hidden:where(:dir(rtl),
  [dir=rtl],
  [dir=rtl] *) {
    display:none
  }
  .rtl\:-rotate-180:where(:dir(rtl),
  [dir=rtl],
  [dir=rtl] *) {
    rotate:-180deg
  }
  .rtl\:pr-4:where(:dir(rtl),
  [dir=rtl],
  [dir=rtl] *) {
    padding-right:calc(var(--spacing)*4)
  }
  .rtl\:text-left:where(:dir(rtl),
  [dir=rtl],
  [dir=rtl] *) {
    text-align:left
  }
  .dark\:block:where(.dark,
  .dark *) {
    display:block
  }
  .dark\:hidden:where(.dark,
  .dark *) {
    display:none
  }
  :where(.dark\:divide-gray-800:where(.dark,
  .dark *)>:not(:last-child)) {
    border-color:var(--color-gray-800)
  }
  .dark\:border-gray-600:where(.dark,
  .dark *) {
    border-color:var(--color-gray-600)
  }
  .dark\:border-gray-700:where(.dark,
  .dark *) {
    border-color:var(--color-gray-700)
  }
  .dark\:border-gray-700\/30:where(.dark,
  .dark *) {
    border-color:#3741514d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:border-gray-700\/30:where(.dark,
    .dark *) {
      border-color:color-mix(in oklab,var(--color-gray-700)30%,transparent)
    }
  }
  .dark\:border-gray-800:where(.dark,
  .dark *) {
    border-color:var(--color-gray-800)
  }
  .dark\:border-neutral-600:where(.dark,
  .dark *) {
    border-color:var(--color-neutral-600)
  }
  .dark\:border-primary-800\/50:where(.dark,
  .dark *) {
    border-color:color-mix(in srgb,rgb(var(--hb-primary-800-rgb,30 64 175))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:border-primary-800\/50:where(.dark,
    .dark *) {
      border-color:color-mix(in oklab,var(--color-primary-800)50%,transparent)
    }
  }
  .dark\:border-slate-700:where(.dark,
  .dark *) {
    border-color:var(--color-slate-700)
  }
  .dark\:border-zinc-700\/50:where(.dark,
  .dark *) {
    border-color:#3f3f4680
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:border-zinc-700\/50:where(.dark,
    .dark *) {
      border-color:color-mix(in oklab,var(--color-zinc-700)50%,transparent)
    }
  }
  .dark\:border-zinc-800:where(.dark,
  .dark *) {
    border-color:var(--color-zinc-800)
  }
  .dark\:border-t-gray-700:where(.dark,
  .dark *) {
    border-top-color:var(--color-gray-700)
  }
  .dark\:bg-amber-900:where(.dark,
  .dark *) {
    background-color:var(--color-amber-900)
  }
  .dark\:bg-black\/80:where(.dark,
  .dark *) {
    background-color:#000c
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-black\/80:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-black)80%,transparent)
    }
  }
  .dark\:bg-blue-900:where(.dark,
  .dark *) {
    background-color:var(--color-blue-900)
  }
  .dark\:bg-cyan-900:where(.dark,
  .dark *) {
    background-color:var(--color-cyan-900)
  }
  .dark\:bg-emerald-900:where(.dark,
  .dark *) {
    background-color:var(--color-emerald-900)
  }
  .dark\:bg-gray-700:where(.dark,
  .dark *) {
    background-color:var(--color-gray-700)
  }
  .dark\:bg-gray-800:where(.dark,
  .dark *) {
    background-color:var(--color-gray-800)
  }
  .dark\:bg-gray-800\/80:where(.dark,
  .dark *) {
    background-color:#1f2937cc
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/80:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-gray-800)80%,transparent)
    }
  }
  .dark\:bg-gray-900:where(.dark,
  .dark *) {
    background-color:var(--color-gray-900)
  }
  .dark\:bg-gray-900\/50:where(.dark,
  .dark *) {
    background-color:#11182780
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/50:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)
    }
  }
  .dark\:bg-gray-900\/95:where(.dark,
  .dark *) {
    background-color:#111827f2
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/95:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-gray-900)95%,transparent)
    }
  }
  .dark\:bg-green-900:where(.dark,
  .dark *) {
    background-color:var(--color-green-900)
  }
  .dark\:bg-neutral-700:where(.dark,
  .dark *) {
    background-color:var(--color-neutral-700)
  }
  .dark\:bg-neutral-800:where(.dark,
  .dark *) {
    background-color:var(--color-neutral-800)
  }
  .dark\:bg-orange-900:where(.dark,
  .dark *) {
    background-color:var(--color-orange-900)
  }
  .dark\:bg-primary-300:where(.dark,
  .dark *) {
    background-color:var(--color-primary-300)
  }
  .dark\:bg-primary-600:where(.dark,
  .dark *) {
    background-color:var(--color-primary-600)
  }
  .dark\:bg-primary-700:where(.dark,
  .dark *) {
    background-color:var(--color-primary-700)
  }
  .dark\:bg-primary-900:where(.dark,
  .dark *) {
    background-color:var(--color-primary-900)
  }
  .dark\:bg-primary-900\/20:where(.dark,
  .dark *) {
    background-color:color-mix(in srgb,rgb(var(--hb-primary-900-rgb,30 58 138))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/20:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-primary-900)20%,transparent)
    }
  }
  .dark\:bg-primary-900\/40:where(.dark,
  .dark *) {
    background-color:color-mix(in srgb,rgb(var(--hb-primary-900-rgb,30 58 138))40%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/40:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-primary-900)40%,transparent)
    }
  }
  .dark\:bg-primary-900\/50:where(.dark,
  .dark *) {
    background-color:color-mix(in srgb,rgb(var(--hb-primary-900-rgb,30 58 138))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/50:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-primary-900)50%,transparent)
    }
  }
  .dark\:bg-purple-900:where(.dark,
  .dark *) {
    background-color:var(--color-purple-900)
  }
  .dark\:bg-red-900:where(.dark,
  .dark *) {
    background-color:var(--color-red-900)
  }
  .dark\:bg-white\/10:where(.dark,
  .dark *) {
    background-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
  }
  .dark\:bg-yellow-900:where(.dark,
  .dark *) {
    background-color:var(--color-yellow-900)
  }
  .dark\:bg-zinc-800:where(.dark,
  .dark *) {
    background-color:var(--color-zinc-800)
  }
  .dark\:bg-zinc-900:where(.dark,
  .dark *) {
    background-color:var(--color-zinc-900)
  }
  .dark\:bg-zinc-900\/90:where(.dark,
  .dark *) {
    background-color:#18181be6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/90:where(.dark,
    .dark *) {
      background-color:color-mix(in oklab,var(--color-zinc-900)90%,transparent)
    }
  }
  .dark\:from-gray-800\/90:where(.dark,
  .dark *) {
    --tw-gradient-from:#1f2937e6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:from-gray-800\/90:where(.dark,
    .dark *) {
      --tw-gradient-from:color-mix(in oklab,var(--color-gray-800)90%,transparent)
    }
  }
  .dark\:from-gray-800\/90:where(.dark,
  .dark *) {
    --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))
  }
  .dark\:from-zinc-800:where(.dark,
  .dark *) {
    --tw-gradient-from:var(--color-zinc-800);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .dark\:to-primary-900\/20:where(.dark,
  .dark *) {
    --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-primary-900-rgb,30 58 138))20%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:to-primary-900\/20:where(.dark,
    .dark *) {
      --tw-gradient-to:color-mix(in oklab,var(--color-primary-900)20%,transparent)
    }
  }
  .dark\:to-primary-900\/20:where(.dark,
  .dark *) {
    --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))
  }
  .dark\:to-zinc-900:where(.dark,
  .dark *) {
    --tw-gradient-to:var(--color-zinc-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))
  }
  .dark\:text-amber-300:where(.dark,
  .dark *) {
    color:var(--color-amber-300)
  }
  .dark\:text-blue-300:where(.dark,
  .dark *) {
    color:var(--color-blue-300)
  }
  .dark\:text-cyan-300:where(.dark,
  .dark *) {
    color:var(--color-cyan-300)
  }
  .dark\:text-emerald-300:where(.dark,
  .dark *) {
    color:var(--color-emerald-300)
  }
  .dark\:text-gray-100:where(.dark,
  .dark *) {
    color:var(--color-gray-100)
  }
  .dark\:text-gray-200:where(.dark,
  .dark *) {
    color:var(--color-gray-200)
  }
  .dark\:text-gray-300:where(.dark,
  .dark *) {
    color:var(--color-gray-300)
  }
  .dark\:text-gray-400:where(.dark,
  .dark *) {
    color:var(--color-gray-400)
  }
  .dark\:text-gray-700:where(.dark,
  .dark *) {
    color:var(--color-gray-700)
  }
  .dark\:text-green-300:where(.dark,
  .dark *) {
    color:var(--color-green-300)
  }
  .dark\:text-neutral-300:where(.dark,
  .dark *) {
    color:var(--color-neutral-300)
  }
  .dark\:text-neutral-400:where(.dark,
  .dark *) {
    color:var(--color-neutral-400)
  }
  .dark\:text-orange-300:where(.dark,
  .dark *) {
    color:var(--color-orange-300)
  }
  .dark\:text-primary-200:where(.dark,
  .dark *) {
    color:var(--color-primary-200)
  }
  .dark\:text-primary-300:where(.dark,
  .dark *) {
    color:var(--color-primary-300)
  }
  .dark\:text-primary-400:where(.dark,
  .dark *) {
    color:var(--color-primary-400)
  }
  .dark\:text-primary-900:where(.dark,
  .dark *) {
    color:var(--color-primary-900)
  }
  .dark\:text-purple-300:where(.dark,
  .dark *) {
    color:var(--color-purple-300)
  }
  .dark\:text-red-300:where(.dark,
  .dark *) {
    color:var(--color-red-300)
  }
  .dark\:text-slate-100:where(.dark,
  .dark *) {
    color:var(--color-slate-100)
  }
  .dark\:text-slate-200:where(.dark,
  .dark *) {
    color:var(--color-slate-200)
  }
  .dark\:text-slate-400:where(.dark,
  .dark *) {
    color:var(--color-slate-400)
  }
  .dark\:text-white:where(.dark,
  .dark *) {
    color:var(--color-white)
  }
  .dark\:text-white\/80:where(.dark,
  .dark *) {
    color:#fffc
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:text-white\/80:where(.dark,
    .dark *) {
      color:color-mix(in oklab,var(--color-white)80%,transparent)
    }
  }
  .dark\:text-yellow-300:where(.dark,
  .dark *) {
    color:var(--color-yellow-300)
  }
  .dark\:text-zinc-100:where(.dark,
  .dark *) {
    color:var(--color-zinc-100)
  }
  .dark\:text-zinc-300:where(.dark,
  .dark *) {
    color:var(--color-zinc-300)
  }
  .dark\:text-zinc-400:where(.dark,
  .dark *) {
    color:var(--color-zinc-400)
  }
  .dark\:text-zinc-500:where(.dark,
  .dark *) {
    color:var(--color-zinc-500)
  }
  .dark\:ring-gray-300:where(.dark,
  .dark *) {
    --tw-ring-color:var(--color-gray-300)
  }
  .dark\:ring-gray-700:where(.dark,
  .dark *) {
    --tw-ring-color:var(--color-gray-700)
  }
  .dark\:ring-gray-900:where(.dark,
  .dark *) {
    --tw-ring-color:var(--color-gray-900)
  }
  .dark\:ring-white\/10:where(.dark,
  .dark *) {
    --tw-ring-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:ring-white\/10:where(.dark,
    .dark *) {
      --tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
  }
  .dark\:ring-white\/30:where(.dark,
  .dark *) {
    --tw-ring-color:#ffffff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:ring-white\/30:where(.dark,
    .dark *) {
      --tw-ring-color:color-mix(in oklab,var(--color-white)30%,transparent)
    }
  }
  .dark\:prose-invert:where(.dark,
  .dark *) {
    --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)
  }
  .dark\:group-hover\:bg-gray-800:where(.dark,
  .dark *):is(:where(.group):hover *) {
    background-color:var(--color-gray-800)
  }
  .dark\:group-hover\:text-blue-400:where(.dark,
  .dark *):is(:where(.group):hover *) {
    color:var(--color-blue-400)
  }
  .dark\:group-hover\:text-primary-400:where(.dark,
  .dark *):is(:where(.group):hover *) {
    color:var(--color-primary-400)
  }
  .dark\:group-hover\:ring-white\/50:where(.dark,
  .dark *):is(:where(.group):hover *) {
    --tw-ring-color:#ffffff80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:group-hover\:ring-white\/50:where(.dark,
    .dark *):is(:where(.group):hover *) {
      --tw-ring-color:color-mix(in oklab,var(--color-white)50%,transparent)
    }
  }
  .dark\:hover\:border-primary-500:where(.dark,
  .dark *):hover {
    border-color:var(--color-primary-500)
  }
  .dark\:hover\:border-primary-800:where(.dark,
  .dark *):hover {
    border-color:var(--color-primary-800)
  }
  .dark\:hover\:bg-gray-100\/5:where(.dark,
  .dark *):hover {
    background-color:#f3f4f60d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:hover\:bg-gray-100\/5:where(.dark,
    .dark *):hover {
      background-color:color-mix(in oklab,var(--color-gray-100)5%,transparent)
    }
  }
  .dark\:hover\:bg-gray-700:where(.dark,
  .dark *):hover {
    background-color:var(--color-gray-700)
  }
  .dark\:hover\:bg-gray-800:where(.dark,
  .dark *):hover {
    background-color:var(--color-gray-800)
  }
  .dark\:hover\:bg-primary-400:where(.dark,
  .dark *):hover {
    background-color:var(--color-primary-400)
  }
  .dark\:hover\:bg-primary-500:where(.dark,
  .dark *):hover {
    background-color:var(--color-primary-500)
  }
  .dark\:hover\:bg-primary-700:where(.dark,
  .dark *):hover {
    background-color:var(--color-primary-700)
  }
  .dark\:hover\:bg-primary-800:where(.dark,
  .dark *):hover {
    background-color:var(--color-primary-800)
  }
  .dark\:hover\:bg-primary-950\/50:where(.dark,
  .dark *):hover {
    background-color:color-mix(in srgb,rgb(var(--hb-primary-950-rgb,23 37 84))50%,transparent)
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:hover\:bg-primary-950\/50:where(.dark,
    .dark *):hover {
      background-color:color-mix(in oklab,var(--color-primary-950)50%,transparent)
    }
  }
  .dark\:hover\:text-gray-50:where(.dark,
  .dark *):hover {
    color:var(--color-gray-50)
  }
  .dark\:hover\:text-gray-100:where(.dark,
  .dark *):hover {
    color:var(--color-gray-100)
  }
  .dark\:hover\:text-gray-300:where(.dark,
  .dark *):hover {
    color:var(--color-gray-300)
  }
  .dark\:hover\:text-gray-900:where(.dark,
  .dark *):hover {
    color:var(--color-gray-900)
  }
  .dark\:hover\:text-neutral-800:where(.dark,
  .dark *):hover {
    color:var(--color-neutral-800)
  }
  .dark\:hover\:text-primary-200:where(.dark,
  .dark *):hover {
    color:var(--color-primary-200)
  }
  .dark\:hover\:text-primary-300:where(.dark,
  .dark *):hover {
    color:var(--color-primary-300)
  }
  .dark\:hover\:text-primary-400:where(.dark,
  .dark *):hover {
    color:var(--color-primary-400)
  }
  .dark\:hover\:text-white:where(.dark,
  .dark *):hover {
    color:var(--color-white)
  }
  .hover\:dark\:text-gray-200:hover:where(.dark,
  .dark *) {
    color:var(--color-gray-200)
  }
  .dark\:hover\:ring-gray-400:where(.dark,
  .dark *):hover {
    --tw-ring-color:var(--color-gray-400)
  }
  .dark\:focus\:text-white:where(.dark,
  .dark *):focus {
    color:var(--color-white)
  }
  .dark\:focus\:ring-gray-700:where(.dark,
  .dark *):focus {
    --tw-ring-color:var(--color-gray-700)
  }
  .dark\:focus\:ring-primary-800:where(.dark,
  .dark *):focus {
    --tw-ring-color:var(--color-primary-800)
  }
  .dark\:focus\:ring-offset-zinc-900:where(.dark,
  .dark *):focus {
    --tw-ring-offset-color:var(--color-zinc-900)
  }
  .dark\:focus-visible\:ring-white\/50:where(.dark,
  .dark *):focus-visible {
    --tw-ring-color:#ffffff80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-white\/50:where(.dark,
    .dark *):focus-visible {
      --tw-ring-color:color-mix(in oklab,var(--color-white)50%,transparent)
    }
  }
  .dark\:active\:bg-primary-950:where(.dark,
  .dark *):active {
    background-color:var(--color-primary-950)
  }
  @media print {
    .print\:hidden {
      display:none
    }
  }
  .\[\&\.active\]\:font-bold.active {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .\[\&\.active\]\:text-primary-500.active {
    color:var(--color-primary-500)
  }
  .bg-hb-dark {
    background-color:var(--color-hb-dark,#17181c)
  }
  .text-hb-dark {
    color:var(--color-hb-dark,#17181c)
  }
  .border-hb-dark {
    border-color:var(--color-hb-dark,#17181c)
  }
  .dark\:bg-hb-dark:where(.dark,
  .dark *) {
    background-color:var(--color-hb-dark,#17181c)
  }
  .dark\:text-hb-dark:where(.dark,
  .dark *) {
    color:var(--color-hb-dark,#17181c)
  }
}
/* @media (prefers-color-scheme:dark) {
  :root {
    color-scheme:dark
  }
} */
@keyframes float {
  0%,
  to {
    transform:translateY(0)translate(0)
  }
  25% {
    transform:translateY(-20px)translate(10px)
  }
  50% {
    transform:translateY(-10px)translate(-10px)
  }
  75% {
    transform:translateY(-30px)translate(5px)
  }
}
@keyframes rotate-slow {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.animate-float {
  animation:8s ease-in-out infinite float
}
.animate-rotate-slow {
  animation:20s linear infinite rotate-slow
}
.hb-rounded {
  border-radius:var(--hb-radius,.5rem)
}
.hb-rounded-sm {
  border-radius:calc(var(--hb-radius,.5rem)*.5)
}
.hb-rounded-lg {
  border-radius:calc(var(--hb-radius,.5rem)*1.5)
}
.hb-rounded-xl {
  border-radius:calc(var(--hb-radius,.5rem)*2)
}
.hb-section {
  padding-top:var(--hb-spacing-section,4rem);
  padding-bottom:var(--hb-spacing-section,4rem)
}
.hb-section-sm {
  padding-top:calc(var(--hb-spacing-section,4rem)*.5);
  padding-bottom:calc(var(--hb-spacing-section,4rem)*.5)
}
.hb-gap {
  gap:var(--hb-spacing-base,1rem)
}
.hb-gap-sm {
  gap:calc(var(--hb-spacing-base,1rem)*.5)
}
.hb-gap-lg {
  gap:calc(var(--hb-spacing-base,1rem)*1.5)
}
.hb-p {
  padding:var(--hb-spacing-base,1rem)
}
.hb-px {
  padding-left:var(--hb-spacing-base,1rem);
  padding-right:var(--hb-spacing-base,1rem)
}
.hb-py {
  padding-top:var(--hb-spacing-base,1rem);
  padding-bottom:var(--hb-spacing-base,1rem)
}
.hb-m {
  margin:var(--hb-spacing-base,1rem)
}
.hb-mx {
  margin-left:var(--hb-spacing-base,1rem);
  margin-right:var(--hb-spacing-base,1rem)
}
.hb-my {
  margin-top:var(--hb-spacing-base,1rem);
  margin-bottom:var(--hb-spacing-base,1rem)
}
.page-wrapper {
  grid-template-rows:auto 1fr auto;
  grid-template-columns:100%;
  min-height:100vh;
  display:grid
}
.page-header,
.page-footer {
  flex-shrink:0
}
.page-body {
  flex-grow:1
}
.article-header {
  clear:both;
  position:relative
}
.article-banner {
  object-fit:cover;
  width:100%;
  height:260px
}
.featured-image-wrapper {
  padding-left:0;
  padding-right:0;
  position:relative
}
.featured-image {
  width:100%;
  margin:0 auto;
  display:block;
  position:relative
}
.article-header-caption {
  color:#fff;
  text-align:right;
  z-index:5;
  opacity:.65;
  background:#000;
  border-radius:5px 0 0;
  margin:0 auto;
  padding:2px 5px;
  font-size:.7em;
  position:absolute;
  bottom:0;
  right:0
}
@media (min-width:64em) {
  .article-header-caption {
    padding:5px 10px
  }
}
.article-header-caption a {
  color:#fff;
  text-decoration:none
}
#page-bg {
  z-index:-1;
  width:100%;
  height:100%;
  display:block;
  position:fixed;
  left:0;
  right:0
}
.backlink {
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height));
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium);
  color:var(--color-gray-500)
}
.backlink:hover {
  color:var(--color-gray-900)
}
/* @media (prefers-contrast:more) {
  .backlink {
    color:var(--color-gray-800)
  }
} */
.backlink:where(.dark,
.dark *) {
  color:var(--color-gray-400)
}
.backlink:where(.dark,
.dark *):hover {
  color:var(--color-gray-100)
}
/* @media (prefers-contrast:more) {
  .backlink:where(.dark,
  .dark *) {
    color:var(--color-gray-50)
  }
} */
details>summary {
  cursor:pointer;
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  color:var(--color-primary-700)
}
.dark details>summary {
  color:var(--color-primary-300)
}
ul.task-list {
  list-style:none
}
ul.task-list li input[type=checkbox] {
  margin-right:.5rem
}
ul.task-list input[type=checkbox]:checked {
  appearance:none;
  background:initial;
  border:none;
  width:1em;
  height:1em;
  position:relative
}
ul.task-list input[type=checkbox]:not(:checked) {
  width:.9em;
  height:.9em
}
ul.task-list input[type=checkbox]:checked:after {
  content:"✅"
}
.highlight {
  z-index:0;
  position:relative
}
.copy-button {
  visibility:hidden;
  top:calc(var(--spacing)*0);
  right:calc(var(--spacing)*0);
  z-index:10;
  width:calc(var(--spacing)*20);
  cursor:pointer;
  border-top-right-radius:var(--radius-md);
  border-bottom-left-radius:var(--radius-md);
  background-color:var(--color-neutral-200);
  padding-block:calc(var(--spacing)*1);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  white-space:nowrap;
  color:var(--color-neutral-700);
  opacity:.9;
  position:absolute
}
.copy-button:where(.dark,
.dark *) {
  background-color:var(--color-neutral-600);
  color:var(--color-neutral-200)
}
.highlight:hover>.copy-button {
  visibility:visible
}
.copy-button:hover,
.copy-button:focus,
.copy-button:active,
.copy-button:active:hover {
  background-color:var(--color-primary-100)
}
.dark .copy-button:hover,
.dark .copy-button:focus,
.dark .copy-button:active,
.dark .copy-button:active:hover {
  background-color:var(--color-primary-600)
}
@media (max-width:1024px) {
  .hb-sidebar-container {
    top:calc(var(--spacing)*0);
    bottom:calc(var(--spacing)*0);
    z-index:15;
    overscroll-behavior:contain;
    width:100%;
    padding-top:calc(var(--navbar-height));
    contain:layout style;
    will-change:transform,opacity;
    backface-visibility:hidden;
    transition:transform .8s cubic-bezier(.52,.16,.04,1);
    position:fixed
  }
}
.hb-sidebar-container {
  flex-direction:column;
  display:flex
}
@media (min-width:64rem) {
  .hb-sidebar-container {
    top:calc(var(--spacing)*16);
    width:calc(var(--spacing)*64);
    flex-shrink:0;
    align-self:flex-start
  }
}
@media print {
  .hb-sidebar-container {
    display:none
  }
}
.hb-sidebar-container li>div {
  height:calc(var(--spacing)*0)
}
.hb-sidebar-container li.open>div {
  height:auto;
  padding-top:calc(var(--spacing)*1)
}
.hb-sidebar-container li.open>a>span>svg>path {
  rotate:90deg
}
.hb-sidebar-list {
  gap:calc(var(--spacing)*1);
  flex-direction:column;
  display:flex;
  position:relative
}
.hb-sidebar-list:before {
  content:var(--tw-content);
  content:var(--tw-content);
  inset-block:calc(var(--spacing)*1);
  content:var(--tw-content);
  content:var(--tw-content);
  background-color:var(--color-gray-200);
  content:var(--tw-content);
  --tw-content:"";
  content:var(--tw-content);
  width:1px;
  position:absolute
}
.hb-sidebar-list:where(:dir(ltr),
[dir=ltr],
[dir=ltr] *) {
  margin-left:calc(var(--spacing)*3);
  padding-left:calc(var(--spacing)*3)
}
.hb-sidebar-list:where(:dir(ltr),
[dir=ltr],
[dir=ltr] *):before {
  content:var(--tw-content);
  left:calc(var(--spacing)*0)
}
.hb-sidebar-list:where(:dir(rtl),
[dir=rtl],
[dir=rtl] *) {
  margin-right:calc(var(--spacing)*3);
  padding-right:calc(var(--spacing)*3)
}
.hb-sidebar-list:where(:dir(rtl),
[dir=rtl],
[dir=rtl] *):before {
  content:var(--tw-content);
  right:calc(var(--spacing)*0)
}
.hb-sidebar-list:before {
  background-color:var(--color-neutral-200)
}
.dark .hb-sidebar-list:before {
  background-color:var(--color-neutral-700)
}
.hb-scrollbar {
  padding:calc(var(--spacing)*4);
  scrollbar-width:thin;
  scrollbar-color:oklch(55.55% 0 0/.4) transparent;
  scrollbar-gutter:stable;
  flex-grow:1;
  overflow:hidden auto
}
.hb-scrollbar::-webkit-scrollbar {
  height:calc(var(--spacing)*3);
  width:calc(var(--spacing)*3)
}
.hb-scrollbar::-webkit-scrollbar-track {
  background-color:#0000
}
.hb-scrollbar::-webkit-scrollbar-thumb {
  border-radius:10px
}
.hb-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color:var(--tw-shadow-color);
  --tw-shadow-color:#73737333;
  background-clip:content-box;
  border:3px solid #0000
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-scrollbar:hover::-webkit-scrollbar-thumb {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-neutral-500)20%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-scrollbar:hover::-webkit-scrollbar-thumb:hover {
  --tw-shadow-color:#73737366
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-scrollbar:hover::-webkit-scrollbar-thumb:hover {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-neutral-500)40%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-docs-link {
  cursor:pointer;
  gap:calc(var(--spacing)*2);
  padding-inline:calc(var(--spacing)*2);
  padding-block:calc(var(--spacing)*1.5);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  word-break:break-word;
  color:var(--color-gray-500);
  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));
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  border-radius:.25rem;
  display:flex
}
.hb-docs-link:before {
  content:var(--tw-content);
  opacity:.25;
  content:var(--tw-content);
  --tw-content:"#";
  content:var(--tw-content)
}
.hb-docs-link:hover {
  background-color:var(--color-gray-100);
  color:var(--color-gray-900)
}
.hb-docs-link:where(.dark,
.dark *) {
  color:var(--color-gray-300)
}
.hb-docs-link:where(.dark,
.dark *):hover {
  color:var(--color-gray-50)
}
.dark .hb-docs-link:hover {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-100-rgb,219 234 254))5%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .dark .hb-docs-link:hover {
    background-color:color-mix(in oklch,var(--color-primary-100)5%,transparent)
  }
}
.hb-sidebar-mobile-menu {
  transition:background-color .5s
}
.hb-sidebar-mobile-toc {
  gap:calc(var(--spacing)*1);
  flex-direction:column;
  display:flex;
  position:relative
}
.hb-sidebar-mobile-toc:before {
  content:var(--tw-content);
  content:var(--tw-content);
  inset-block:calc(var(--spacing)*1);
  content:var(--tw-content);
  content:var(--tw-content);
  background-color:var(--color-gray-200);
  content:var(--tw-content);
  --tw-content:"";
  content:var(--tw-content);
  width:1px;
  position:absolute
}
.hb-sidebar-mobile-toc:where(:dir(ltr),
[dir=ltr],
[dir=ltr] *) {
  margin-left:calc(var(--spacing)*3);
  padding-left:calc(var(--spacing)*3)
}
.hb-sidebar-mobile-toc:where(:dir(ltr),
[dir=ltr],
[dir=ltr] *):before {
  content:var(--tw-content);
  left:calc(var(--spacing)*0)
}
.hb-sidebar-mobile-toc:where(:dir(rtl),
[dir=rtl],
[dir=rtl] *) {
  margin-right:calc(var(--spacing)*3);
  padding-right:calc(var(--spacing)*3)
}
.hb-sidebar-mobile-toc:where(:dir(rtl),
[dir=rtl],
[dir=rtl] *):before {
  content:var(--tw-content);
  right:calc(var(--spacing)*0)
}
.hb-sidebar-mobile-toc:before {
  background-color:var(--color-neutral-200)
}
.dark .hb-sidebar-mobile-toc:before {
  background-color:var(--color-neutral-800)
}
.hb-sidebar-custom-link {
  cursor:pointer;
  justify-content:space-between;
  align-items:center;
  gap:calc(var(--spacing)*2);
  padding-inline:calc(var(--spacing)*2);
  padding-block:calc(var(--spacing)*1.5);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  word-break:break-word;
  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));
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  border-radius:.25rem;
  display:flex
}
div.mermaid {
  width:100%;
  margin-bottom:1rem
}
div.mermaid svg {
  margin-left:auto;
  margin-right:auto
}
div.chart {
  max-width:100%;
  margin-bottom:1rem;
  margin-left:auto;
  margin-right:auto;
  overflow-x:auto
}
.hb-steps {
  margin-bottom:calc(var(--spacing)*12);
  margin-left:calc(var(--spacing)*4);
  border-left-style:var(--tw-border-style);
  border-left-width:1px;
  border-color:var(--color-gray-200);
  padding-left:calc(var(--spacing)*6);
  counter-reset:hb step;
  border-left-color:var(--color-neutral-200)
}
.dark .hb-steps {
  border-left-color:var(--color-neutral-600)
}
.hb-steps h3 {
  counter-increment:hb-step
}
.hb-steps h3:before {
  border-style:var(--tw-border-style);
  border-width:4px;
  border-color:var(--color-white);
  border-radius:3.40282e38px;
  width:33px;
  height:33px;
  position:absolute
}
.hb-steps h3:before:where() {
  border-color:var(--color-slate-300)
}
.hb-steps h3:before {
  background-color:var(--color-gray-100)
}
.hb-steps h3:before:where() {
  background-color:var(--color-hb-dark)
}
.hb-steps h3:before {
  text-align:center;
  text-indent:-1px;
  font-size:var(--text-base);
  line-height:var(--tw-leading,var(--text-base--line-height));
  --tw-font-weight:var(--font-weight-normal);
  font-weight:var(--font-weight-normal);
  color:var(--color-neutral-700);
  content:counter(hb-step);
  margin-top:3px;
  margin-left:-41px
}
.dark .hb-steps h3:before {
  color:var(--color-neutral-200)
}
:root {
  --hb-cols:2
}
.hb-cards {
  grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 1rem*2)/var(--hb-cols))),1fr))
}
.hb-card {
  border-radius:var(--radius-lg);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:var(--color-gray-200);
  color:currentColor;
  --tw-shadow-color:#f3f4f6;
  flex-direction:column;
  justify-content:flex-start;
  text-decoration-line:none;
  display:flex;
  overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-card {
    --tw-shadow-color:color-mix(in oklab,var(--color-gray-100)var(--tw-shadow-alpha),transparent)
  }
}
.hb-card {
  transition-property:all;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.2s;
  transition-duration:.2s
}
.hb-card:hover {
  --tw-shadow-color:#f3f4f6
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-card:hover {
    --tw-shadow-color:color-mix(in oklab,var(--color-gray-100)var(--tw-shadow-alpha),transparent)
  }
}
.hb-card:active {
  --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);
  --tw-shadow-color:#e5e7eb
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-card:active {
    --tw-shadow-color:color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
  }
}
.hb-card:where(.dark,
.dark *) {
  --tw-shadow-color:transparent
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-card:where(.dark,
  .dark *) {
    --tw-shadow-color:color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent)
  }
}
.hb-card:where(.dark,
.dark *):hover {
  --tw-shadow-color:transparent
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-card:where(.dark,
  .dark *):hover {
    --tw-shadow-color:color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent)
  }
}
.hb-card {
  --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);
  background-color:#0000
}
.hb-card:hover {
  border-color:var(--color-gray-300);
  background-color:var(--color-slate-50);
  --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)
}
.hb-card,
.dark .hb-card {
  border-color:var(--color-neutral-700)
}
.dark .hb-card:hover {
  border-color:var(--color-neutral-600);
  background-color:var(--color-neutral-800)
}
.hb-card-title {
  align-items:center;
  gap:calc(var(--spacing)*2);
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  color:var(--color-gray-700);
  display:flex
}
.hb-card-title {
  color:var(--color-neutral-700)
}
.hb-card-title:hover {
  color:var(--color-neutral-900)
}
.dark .hb-card-title {
  color:var(--color-neutral-200)
}
.dark .hb-card-title:hover {
  color:var(--color-neutral-50)
}
.hb-card-subtitle {
  margin-top:calc(var(--spacing)*2);
  margin-bottom:calc(var(--spacing)*4);
  -webkit-line-clamp:3;
  padding-inline:calc(var(--spacing)*4);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-font-weight:var(--font-weight-normal);
  font-weight:var(--font-weight-normal);
  color:var(--color-gray-500);
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.hb-card-subtitle:where(.dark,
.dark *) {
  color:var(--color-gray-400)
}
.hb-card svg {
  color:var(--color-neutral-700);
  width:1.5rem;
  transition:color .3s
}
.hb-card:hover svg {
  color:currentColor
}
.hb-card p {
  margin-top:.5rem
}
.dark .hb-card svg {
  color:var(--color-neutral-300)
}
.dark .hb-card:hover svg {
  color:currentColor
}
.katex-display {
  overflow:auto hidden
}
.hb-notebook {
  --hb-notebook-output-max-height:26rem;
  isolation:isolate;
  margin-block:calc(var(--spacing)*10);
  border-radius:var(--radius-3xl);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:#e4e4e7b3;
  position:relative
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook {
    border-color:color-mix(in oklab,var(--color-zinc-200)70%,transparent)
  }
}
.hb-notebook {
  background-color:#ffffffe6
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook {
    background-color:color-mix(in oklab,var(--color-white)90%,transparent)
  }
}
.hb-notebook {
  padding:calc(var(--spacing)*6);
  --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);
  --tw-shadow-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))5%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)5%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-notebook {
  transition-property:box-shadow;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.3s;
  color:var(--color-zinc-800);
  transition-duration:.3s
}
.hb-notebook:where(.dark,
.dark *) {
  border-color:#27272ab3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)70%,transparent)
  }
}
.hb-notebook:where(.dark,
.dark *) {
  background-color:#18181bb3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-zinc-900)70%,transparent)
  }
}
.hb-notebook:where(.dark,
.dark *) {
  color:var(--color-zinc-50);
  --tw-shadow-color:#0000004d
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook:where(.dark,
  .dark *) {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)30%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-notebook:after {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  border-radius:var(--radius-3xl);
  --tw-gradient-position:to right in oklab;
  background-image:linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))5%,transparent);
  position:absolute
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook:after {
    --tw-gradient-from:color-mix(in oklab,var(--color-primary-500)5%,transparent)
  }
}
.hb-notebook:after {
  --tw-gradient-stops:var(--tw-gradient-via-stops);
  --tw-gradient-via:transparent;
  --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))5%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook:after {
    --tw-gradient-to:color-mix(in oklab,var(--color-secondary-500)5%,transparent)
  }
}
.hb-notebook:after {
  --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));
  opacity:0;
  transition-property:opacity;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.3s;
  transition-duration:.3s
}
.hb-notebook:hover:after {
  opacity:1
}
.hb-notebook--dense {
  padding:calc(var(--spacing)*4)
}
.hb-notebook-header {
  justify-content:space-between;
  align-items:flex-start;
  gap:calc(var(--spacing)*4);
  border-bottom-style:var(--tw-border-style);
  border-color:#e4e4e7b3;
  border-bottom-width:1px;
  flex-wrap:wrap;
  display:flex
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-header {
    border-color:color-mix(in oklab,var(--color-zinc-200)70%,transparent)
  }
}
.hb-notebook-header {
  padding-bottom:calc(var(--spacing)*4)
}
.hb-notebook-header:where(.dark,
.dark *) {
  border-color:#27272ab3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-header:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)70%,transparent)
  }
}
:where(.hb-notebook-heading>:not(:last-child)) {
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
}
.hb-notebook-title {
  font-size:var(--text-lg);
  line-height:var(--tw-leading,var(--text-lg--line-height));
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  --tw-tracking:var(--tracking-tight);
  letter-spacing:var(--tracking-tight);
  color:var(--color-zinc-900)
}
.hb-notebook-title:where(.dark,
.dark *) {
  color:var(--color-white)
}
.hb-notebook-subtitle {
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium);
  color:var(--color-zinc-500)
}
.hb-notebook-subtitle:where(.dark,
.dark *) {
  color:var(--color-zinc-400)
}
.hb-notebook-download {
  align-items:center;
  gap:calc(var(--spacing)*2);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))70%,transparent);
  border-radius:3.40282e38px;
  display:inline-flex
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-download {
    border-color:color-mix(in oklab,var(--color-primary-500)70%,transparent)
  }
}
.hb-notebook-download {
  padding-inline:calc(var(--spacing)*4);
  padding-block:calc(var(--spacing)*2);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium);
  color:var(--color-primary-600);
  transition-property:all;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.2s;
  text-decoration-line:none;
  transition-duration:.2s
}
.hb-notebook-download:hover {
  --tw-translate-y:calc(var(--spacing)*-.5);
  translate:var(--tw-translate-x)var(--tw-translate-y);
  background-color:color-mix(in srgb,rgb(var(--hb-primary-50-rgb,239 246 255))60%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-download:hover {
    background-color:color-mix(in oklab,var(--color-primary-50)60%,transparent)
  }
}
.hb-notebook-download:hover {
  color:var(--color-primary-700)
}
.hb-notebook-download:where(.dark,
.dark *) {
  border-color:color-mix(in srgb,rgb(var(--hb-primary-400-rgb,96 165 250))60%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-download:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-primary-400)60%,transparent)
  }
}
.hb-notebook-download:where(.dark,
.dark *) {
  color:var(--color-primary-300)
}
.hb-notebook-download:where(.dark,
.dark *):hover {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))10%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-download:where(.dark,
  .dark *):hover {
    background-color:color-mix(in oklab,var(--color-primary-500)10%,transparent)
  }
}
.hb-notebook-download svg {
  height:calc(var(--spacing)*4);
  width:calc(var(--spacing)*4)
}
.hb-notebook-metadata {
  margin-top:calc(var(--spacing)*4);
  gap:calc(var(--spacing)*3);
  border-radius:var(--radius-2xl);
  border-style:var(--tw-border-style);
  --tw-border-style:dashed;
  border:1px dashed #e4e4e7b3;
  display:grid
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-metadata {
    border-color:color-mix(in oklab,var(--color-zinc-200)70%,transparent)
  }
}
.hb-notebook-metadata {
  padding-inline:calc(var(--spacing)*4);
  padding-block:calc(var(--spacing)*3);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height))
}
.hb-notebook-metadata:where(.dark,
.dark *) {
  border-color:#27272ab3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-metadata:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)70%,transparent)
  }
}
.hb-notebook-metadata {
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))
}
.hb-notebook-metadata dt {
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height));
  --tw-tracking:var(--tracking-wide);
  letter-spacing:var(--tracking-wide);
  color:var(--color-zinc-500);
  text-transform:uppercase
}
.hb-notebook-metadata dt:where(.dark,
.dark *) {
  color:var(--color-zinc-400)
}
.hb-notebook-metadata dd {
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium);
  color:var(--color-zinc-800)
}
.hb-notebook-metadata dd:where(.dark,
.dark *) {
  color:var(--color-zinc-100)
}
.hb-notebook-body {
  margin-top:calc(var(--spacing)*6);
  gap:calc(var(--spacing)*5);
  flex-direction:column;
  display:flex
}
.hb-notebook-cell {
  border-radius:var(--radius-2xl);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:#e4e4e7b3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell {
    border-color:color-mix(in oklab,var(--color-zinc-200)70%,transparent)
  }
}
.hb-notebook-cell {
  background-color:var(--color-white);
  padding:calc(var(--spacing)*4);
  --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);
  --tw-shadow-color:#e4e4e799
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-zinc-200)60%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-notebook-cell {
  transition-property:all;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.2s;
  transition-duration:.2s
}
.hb-notebook-cell:where(.dark,
.dark *) {
  border-color:#27272a99
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)60%,transparent)
  }
}
.hb-notebook-cell:where(.dark,
.dark *) {
  background-color:#18181bb3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-zinc-900)70%,transparent)
  }
}
.hb-notebook-cell:where(.dark,
.dark *) {
  --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)
}
.hb-notebook-cell--markdown {
  --tw-gradient-position:to bottom right in oklab;
  background-image:linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from:var(--color-white);
  --tw-gradient-stops:var(--tw-gradient-via-stops);
  --tw-gradient-via:var(--color-white);
  --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-to:color-mix(in srgb,rgb(var(--hb-primary-50-rgb,239 246 255))40%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell--markdown {
    --tw-gradient-to:color-mix(in oklab,var(--color-primary-50)40%,transparent)
  }
}
.hb-notebook-cell--markdown {
  --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))
}
.hb-notebook-cell--markdown:where(.dark,
.dark *) {
  --tw-gradient-from:var(--color-zinc-900);
  --tw-gradient-stops:var(--tw-gradient-via-stops);
  --tw-gradient-via:var(--color-zinc-900);
  --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-to:color-mix(in srgb,rgb(var(--hb-primary-900-rgb,30 58 138))10%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-cell--markdown:where(.dark,
  .dark *) {
    --tw-gradient-to:color-mix(in oklab,var(--color-primary-900)10%,transparent)
  }
}
.hb-notebook-cell--markdown:where(.dark,
.dark *) {
  --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))
}
.hb-notebook-cell-header {
  margin-bottom:calc(var(--spacing)*3);
  align-items:center;
  gap:calc(var(--spacing)*3);
  flex-wrap:wrap;
  display:flex
}
.hb-notebook-pill {
  background-color:var(--color-zinc-100);
  padding-inline:calc(var(--spacing)*3);
  padding-block:calc(var(--spacing)*1);
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height));
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  --tw-tracking:var(--tracking-wide);
  letter-spacing:var(--tracking-wide);
  color:var(--color-zinc-600);
  text-transform:uppercase;
  border-radius:3.40282e38px;
  align-items:center;
  display:inline-flex
}
.hb-notebook-pill:where(.dark,
.dark *) {
  background-color:var(--color-zinc-800);
  color:var(--color-zinc-300)
}
.hb-notebook-tags {
  gap:calc(var(--spacing)*1);
  flex-wrap:wrap;
  display:flex
}
.hb-notebook-tags span {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-100-rgb,219 234 254))80%,transparent);
  border-radius:3.40282e38px;
  align-items:center;
  display:inline-flex
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-tags span {
    background-color:color-mix(in oklab,var(--color-primary-100)80%,transparent)
  }
}
.hb-notebook-tags span {
  padding-inline:calc(var(--spacing)*2);
  padding-block:calc(var(--spacing)*.5);
  --tw-font-weight:var(--font-weight-medium);
  font-size:11px;
  font-weight:var(--font-weight-medium);
  color:var(--color-primary-700)
}
.hb-notebook-tags span:where(.dark,
.dark *) {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-400-rgb,96 165 250))20%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-tags span:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-primary-400)20%,transparent)
  }
}
.hb-notebook-tags span:where(.dark,
.dark *) {
  color:var(--color-primary-200)
}
.hb-notebook-code {
  border-radius:var(--radius-2xl);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:#18181b1a;
  overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-code {
    border-color:color-mix(in oklab,var(--color-zinc-900)10%,transparent)
  }
}
.hb-notebook-code {
  background-color:#09090bf2
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-code {
    background-color:color-mix(in oklab,var(--color-zinc-950)95%,transparent)
  }
}
.hb-notebook-code {
  --tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
  box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  --tw-shadow-color:#0000004d
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-code {
    --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)30%,transparent)var(--tw-shadow-alpha),transparent)
  }
}
.hb-notebook-code pre {
  margin:calc(var(--spacing)*0);
  border-radius:var(--radius-2xl);
  padding:calc(var(--spacing)*5);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-leading:var(--leading-relaxed);
  line-height:var(--leading-relaxed);
  overflow:auto
}
.hb-notebook-markdown {
  max-width:none
}
.hb-notebook-markdown :where(h1):not(:where([class~=not-prose],
[class~=not-prose] *)) {
  font-size:var(--text-2xl);
  line-height:var(--tw-leading,var(--text-2xl--line-height))
}
.hb-notebook-markdown :where(h2):not(:where([class~=not-prose],
[class~=not-prose] *)) {
  font-size:var(--text-xl);
  line-height:var(--tw-leading,var(--text-xl--line-height))
}
.hb-notebook-markdown :where(p):not(:where([class~=not-prose],
[class~=not-prose] *)) {
  --tw-leading:var(--leading-relaxed);
  line-height:var(--leading-relaxed)
}
.hb-notebook-markdown :where(a):not(:where([class~=not-prose],
[class~=not-prose] *)) {
  color:var(--color-primary-600)
}
.hb-notebook-raw {
  border-radius:var(--radius-xl);
  border-style:var(--tw-border-style);
  --tw-border-style:dashed;
  border:1px dashed #d4d4d8cc
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-raw {
    border-color:color-mix(in oklab,var(--color-zinc-300)80%,transparent)
  }
}
.hb-notebook-raw {
  background-color:var(--color-zinc-50);
  padding:calc(var(--spacing)*4);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  color:var(--color-zinc-700);
  overflow:auto
}
.hb-notebook-raw:where(.dark,
.dark *) {
  border-color:var(--color-zinc-700);
  background-color:var(--color-zinc-900);
  color:var(--color-zinc-200)
}
.hb-notebook-outputs {
  margin-top:calc(var(--spacing)*4)
}
:where(.hb-notebook-outputs>: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)))
}
.hb-notebook-outputs {
  border-radius:var(--radius-2xl);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:#f4f4f5cc
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-outputs {
    border-color:color-mix(in oklab,var(--color-zinc-100)80%,transparent)
  }
}
.hb-notebook-outputs {
  background-color:#fafafacc
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-outputs {
    background-color:color-mix(in oklab,var(--color-zinc-50)80%,transparent)
  }
}
.hb-notebook-outputs {
  padding:calc(var(--spacing)*4)
}
.hb-notebook-outputs:where(.dark,
.dark *) {
  border-color:#27272a99
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-outputs:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)60%,transparent)
  }
}
.hb-notebook-outputs:where(.dark,
.dark *) {
  background-color:#18181b80
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-outputs:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-zinc-900)50%,transparent)
  }
}
.hb-notebook-output {
  border-radius:var(--radius-xl);
  border-style:var(--tw-border-style);
  background-color:#ffffffe6;
  border-width:1px;
  border-color:#0000;
  overflow:auto
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output {
    background-color:color-mix(in oklab,var(--color-white)90%,transparent)
  }
}
.hb-notebook-output {
  padding:calc(var(--spacing)*3);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-leading:var(--leading-relaxed);
  line-height:var(--leading-relaxed);
  color:var(--color-zinc-700)
}
.hb-notebook-output:where(.dark,
.dark *) {
  background-color:#09090b80
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-zinc-950)50%,transparent)
  }
}
.hb-notebook-output:where(.dark,
.dark *) {
  color:var(--color-zinc-100)
}
.hb-notebook-output {
  max-height:var(--hb-notebook-output-max-height,26rem)
}
.hb-notebook-output--stream {
  background-color:var(--color-zinc-900);
  font-family:var(--font-mono);
  color:var(--color-zinc-100)
}
.hb-notebook-output--error {
  border-color:var(--color-red-200);
  background-color:#fef2f2e6
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output--error {
    background-color:color-mix(in oklab,var(--color-red-50)90%,transparent)
  }
}
.hb-notebook-output--error {
  color:var(--color-red-700)
}
.hb-notebook-output--error:where(.dark,
.dark *) {
  border-color:#ef44444d
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output--error:where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)
  }
}
.hb-notebook-output--error:where(.dark,
.dark *) {
  background-color:#ef44441a
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output--error:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)
  }
}
.hb-notebook-output--error:where(.dark,
.dark *) {
  color:var(--color-red-200)
}
.hb-notebook-output--image {
  --tw-border-style:none;
  padding:calc(var(--spacing)*0);
  background-color:#0000;
  border-style:none
}
.hb-notebook-output--image img,
.hb-notebook-output--image svg {
  border-radius:var(--radius-xl);
  border-style:var(--tw-border-style);
  border-width:1px;
  border-color:#f4f4f5cc;
  width:100%;
  height:auto
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-output--image img,
  .hb-notebook-output--image svg {
    border-color:color-mix(in oklab,var(--color-zinc-100)80%,transparent)
  }
}
.hb-notebook-output--image img,
.hb-notebook-output--image svg {
  background-color:var(--color-white);
  object-fit:contain
}
:is(.hb-notebook-output--image img,
.hb-notebook-output--image svg):where(.dark,
.dark *) {
  border-color:#27272a99
}
@supports (color:color-mix(in lab, red, red)) {
  :is(.hb-notebook-output--image img,
  .hb-notebook-output--image svg):where(.dark,
  .dark *) {
    border-color:color-mix(in oklab,var(--color-zinc-800)60%,transparent)
  }
}
:is(.hb-notebook-output--image img,
.hb-notebook-output--image svg):where(.dark,
.dark *) {
  background-color:var(--color-zinc-900)
}
.hb-notebook-output--markdown {
  --tw-border-style:none;
  padding:calc(var(--spacing)*0);
  background-color:#0000;
  border-style:none
}
.hb-notebook-output pre {
  margin:calc(var(--spacing)*0)
}
.hb-notebook-output code {
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height))
}
.hb-notebook-empty {
  margin-top:calc(var(--spacing)*4);
  border-radius:var(--radius-2xl);
  border-style:var(--tw-border-style);
  --tw-border-style:dashed;
  border:1px dashed #d4d4d8b3
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-empty {
    border-color:color-mix(in oklab,var(--color-zinc-300)70%,transparent)
  }
}
.hb-notebook-empty {
  background-color:#fafafacc
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-empty {
    background-color:color-mix(in oklab,var(--color-zinc-50)80%,transparent)
  }
}
.hb-notebook-empty {
  padding-inline:calc(var(--spacing)*4);
  padding-block:calc(var(--spacing)*3);
  text-align:center;
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  color:var(--color-zinc-500)
}
.hb-notebook-empty:where(.dark,
.dark *) {
  border-color:var(--color-zinc-700);
  background-color:#18181b66
}
@supports (color:color-mix(in lab, red, red)) {
  .hb-notebook-empty:where(.dark,
  .dark *) {
    background-color:color-mix(in oklab,var(--color-zinc-900)40%,transparent)
  }
}
.hb-notebook-empty:where(.dark,
.dark *) {
  color:var(--color-zinc-300)
}
[x-cloak] {
  display:none!important
}
.author-notes-tooltip {
  z-index:9999
}
.author-notes {
  transition-property:all;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-duration:.2s;
  --tw-ease:var(--ease-in-out);
  transition-duration:.2s;
  transition-timing-function:var(--ease-in-out);
  justify-content:center;
  align-items:center;
  display:inline-flex
}
.author-notes:focus {
  --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
  box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  --tw-ring-color:var(--color-primary-500);
  --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);
  --tw-outline-style:none;
  border-radius:3.40282e38px;
  outline-style:none
}
@media (max-width:640px) {
  .author-notes-tooltip {
    white-space:normal;
    max-width:200px
  }
}
@media print {
  .author-notes {
    display:none
  }
  .author-notes:after {
    content:attr(data-tooltip);
    vertical-align:super;
    margin-left:.25em;
    font-size:.75em;
    display:inline
  }
}
.glassmorphism-primary {
  background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--hb-primary-500-rgb,59 130 246))90%,transparent),color-mix(in srgb,rgb(var(--hb-primary-600-rgb,37 99 235))95%,transparent),color-mix(in srgb,rgb(var(--hb-primary-700-rgb,29 78 216))90%,transparent));
  position:relative;
  overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
  .glassmorphism-primary {
    background:linear-gradient(135deg,color-mix(in oklch,var(--color-primary-500)90%,transparent),color-mix(in oklch,var(--color-primary-600)95%,transparent),color-mix(in oklch,var(--color-primary-700)90%,transparent))
  }
}
.glassmorphism-primary {
  -webkit-backdrop-filter:blur(20px)
}
.glassmorphism-primary:before {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  mix-blend-mode:overlay;
  background:linear-gradient(45deg,#0000001a,#0000,#ffffff1a);
  position:absolute
}
.glassmorphism-secondary {
  background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--hb-secondary-500-rgb,6 182 212))90%,transparent),color-mix(in srgb,rgb(var(--hb-secondary-600-rgb,8 145 178))95%,transparent),color-mix(in srgb,rgb(var(--hb-secondary-700-rgb,14 116 144))90%,transparent));
  position:relative;
  overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
  .glassmorphism-secondary {
    background:linear-gradient(135deg,color-mix(in oklch,var(--color-secondary-500)90%,transparent),color-mix(in oklch,var(--color-secondary-600)95%,transparent),color-mix(in oklch,var(--color-secondary-700)90%,transparent))
  }
}
.glassmorphism-secondary {
  -webkit-backdrop-filter:blur(20px)
}
.glassmorphism-secondary:before {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  mix-blend-mode:overlay;
  background:linear-gradient(45deg,#0000001a,#0000,#ffffff1a);
  position:absolute
}
.glassmorphism-dark {
  -webkit-backdrop-filter:blur(20px);
  background:linear-gradient(135deg,#000000b3,#1f2937cc,#000000e6);
  position:relative;
  overflow:hidden
}
.glassmorphism-dark:before {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  mix-blend-mode:overlay;
  background:linear-gradient(45deg,#ffffff0d,#0000,#ffffff1a);
  position:absolute
}
.glassmorphism-light {
  -webkit-backdrop-filter:blur(20px);
  background:linear-gradient(135deg,#ffffffe6,#f8fafcf2,#f1f5f9e6);
  position:relative;
  overflow:hidden
}
.glassmorphism-light:before {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  mix-blend-mode:overlay;
  background:linear-gradient(45deg,#00000005,#0000,#ffffff0d);
  position:absolute
}
.noise-texture {
  position:relative
}
.noise-texture:after {
  content:"";
  pointer-events:none;
  inset:calc(var(--spacing)*0);
  opacity:.03;
  mix-blend-mode:multiply;
  background-image:url(/media/textures/noise-pattern.svg);
  background-repeat:repeat;
  background-size:100px 100px;
  position:absolute
}
.dark .noise-texture:after {
  mix-blend-mode:screen;
  opacity:.02
}
.glass-ring {
  --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);
  --tw-ring-color:#fff3
}
@supports (color:color-mix(in lab, red, red)) {
  .glass-ring {
    --tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)
  }
}
.glass-ring:hover {
  --tw-ring-color:#fff6
}
@supports (color:color-mix(in lab, red, red)) {
  .glass-ring:hover {
    --tw-ring-color:color-mix(in oklab,var(--color-white)40%,transparent)
  }
}
.glass-ring:where(.dark,
.dark *) {
  --tw-ring-color:#37415180
}
@supports (color:color-mix(in lab, red, red)) {
  .glass-ring:where(.dark,
  .dark *) {
    --tw-ring-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)
  }
}
.glass-ring:where(.dark,
.dark *):hover {
  --tw-ring-color:#4b5563b3
}
@supports (color:color-mix(in lab, red, red)) {
  .glass-ring:where(.dark,
  .dark *):hover {
    --tw-ring-color:color-mix(in oklab,var(--color-gray-600)70%,transparent)
  }
}
.glass-shadow {
  box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a
}
.dark .glass-shadow {
  box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d
}
.cta-glassmorphism {
  --glassmorphism-opacity:.15;
  background:linear-gradient(135deg,rgb(255 255 255/var(--glassmorphism-opacity))0%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.5))50%,rgb(255 255 255/var(--glassmorphism-opacity))100%);
  -webkit-backdrop-filter:blur(20px)saturate(1.2);
  border:1px solid rgb(255 255 255/calc(var(--glassmorphism-opacity) + .1));
  box-shadow:0 32px 64px -12px #00000040,inset 0 1px 0 rgb(255 255 255/calc(var(--glassmorphism-opacity) + .05));
  position:relative
}
.cta-glassmorphism:hover {
  background:linear-gradient(135deg,rgb(255 255 255/calc(var(--glassmorphism-opacity) + .05))0%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.7))50%,rgb(255 255 255/calc(var(--glassmorphism-opacity) + .05))100%);
  border:1px solid rgb(255 255 255/calc(var(--glassmorphism-opacity) + .2));
  box-shadow:0 40px 80px -16px #0000004d,inset 0 1px 0 rgb(255 255 255/calc(var(--glassmorphism-opacity) + .1))
}
.dark .cta-glassmorphism {
  background:linear-gradient(135deg,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.5))0%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.25))50%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.5))100%);
  border:1px solid rgb(255 255 255/var(--glassmorphism-opacity));
  box-shadow:0 32px 64px -12px #0006,inset 0 1px 0 rgb(255 255 255/calc(var(--glassmorphism-opacity)*.5))
}
.dark .cta-glassmorphism:hover {
  background:linear-gradient(135deg,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.75))0%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.4))50%,rgb(255 255 255/calc(var(--glassmorphism-opacity)*.75))100%);
  border:1px solid rgb(255 255 255/calc(var(--glassmorphism-opacity) + .05))
}
.cta-glassmorphism .group {
  color:var(--color-gray-900)
}
.dark .cta-glassmorphism .group {
  color:var(--color-gray-100)
}
.cta-glassmorphism .group>div:first-child {
  background:#ffffffe6;
  border:1px solid #0000001a;
  box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000001a,inset 0 1px #ffffff4d
}
.dark .cta-glassmorphism .group>div:first-child {
  background:#0006;
  border:1px solid #fff3;
  box-shadow:0 10px 25px -5px #0000004d,0 4px 6px -2px #0003,inset 0 1px #ffffff1a
}
.cta-glassmorphism .group:hover>div:first-child {
  background:#fff;
  border:1px solid #00000026;
  box-shadow:0 20px 40px -8px #00000026,0 8px 12px -4px #0000001a,inset 0 1px #fff6
}
.dark .cta-glassmorphism .group:hover>div:first-child {
  background:#0009;
  border:1px solid #ffffff4d
}
.article-cover {
  width:100%;
  min-height:200px;
  margin-bottom:2.5rem;
  position:relative;
  overflow:visible
}
@media (max-width:768px) {
  .article-cover {
    height:240px;
    min-height:240px
  }
}
.article-cover img {
  object-fit:cover;
  width:100%;
  height:100%
}
.article-cover-icon {
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  transition:transform .2s ease-in-out;
  display:flex
}
.article-cover-icon:hover {
  --tw-scale-x:105%;
  --tw-scale-y:105%;
  --tw-scale-z:105%;
  scale:var(--tw-scale-x)var(--tw-scale-y)
}
.article-cover-icon.glass {
  -webkit-backdrop-filter:blur(12px)saturate(180%);
  backdrop-filter:blur(12px)saturate(180%);
  background:#ffffffe6;
  border:1px solid #ffffff4d;
  box-shadow:0 8px 32px #0000001a
}
.dark .article-cover-icon.glass {
  background:#000000b3;
  border-color:#ffffff1a
}
.article-cover-fade {
  pointer-events:none;
  right:calc(var(--spacing)*0);
  left:calc(var(--spacing)*0);
  background:linear-gradient(#0000,#fff);
  position:absolute;
  bottom:-1px
}
.dark .article-cover-fade {
  background:linear-gradient(#0000,#0f172a)
}
.article-cover[data-cover-style=minimal] {
  --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)
}
.article-cover[data-cover-style=glass] {
  overflow:visible
}
.dark .article-cover {
  border-bottom-style:var(--tw-border-style);
  border-bottom-width:1px;
  border-color:var(--color-gray-800)
}
.article-cover .cover-caption {
  right:calc(var(--spacing)*4);
  bottom:calc(var(--spacing)*4);
  left:calc(var(--spacing)*4);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  color:#ffffffe6;
  position:absolute
}
@supports (color:color-mix(in lab, red, red)) {
  .article-cover .cover-caption {
    color:color-mix(in oklab,var(--color-white)90%,transparent)
  }
}
.article-cover .cover-caption {
  border-radius:var(--radius-lg);
  background-color:#00000080
}
@supports (color:color-mix(in lab, red, red)) {
  .article-cover .cover-caption {
    background-color:color-mix(in oklab,var(--color-black)50%,transparent)
  }
}
.article-cover .cover-caption {
  padding-inline:calc(var(--spacing)*3);
  padding-block:calc(var(--spacing)*2);
  --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 (max-width:640px) {
  .article-cover-icon {
    --tw-scale-x:90%;
    --tw-scale-y:90%;
    --tw-scale-z:90%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
}
.article-cover.parallax {
  transform-style:preserve-3d
}
.article-cover.parallax img {
  transform:translateZ(-1px)scale(1.5)
}
.article-cover a {
  width:100%;
  height:100%;
  display:block
}
.article-cover a:hover img {
  --tw-scale-x:105%;
  --tw-scale-y:105%;
  --tw-scale-z:105%;
  scale:var(--tw-scale-x)var(--tw-scale-y);
  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));
  --tw-duration:.5s;
  transition-duration:.5s
}
@media print {
  .article-cover {
    page-break-after:avoid;
    max-height:200px
  }
  .article-cover-fade,
  .article-cover-icon {
    display:none
  }
}
/* @media (prefers-reduced-motion:reduce) {
  .article-cover,
  .article-cover *,
  .article-cover-icon {
    transition:none;
    animation:none
  }
  .article-cover.parallax img {
    transform:none
  }
} */
/* @media (prefers-contrast:high) {
  .article-cover-icon {
    border-style:var(--tw-border-style);
    border-width:2px;
    border-color:currentColor
  }
  .article-cover .cover-caption {
    background-color:var(--color-black);
    color:var(--color-white)
  }
} */
.resume-biography #profile {
  text-align:center;
  padding:30px 10px;
  position:relative
}
.resume-biography .avatar {
  object-fit:cover;
  /* width:auto;
  height:auto */
}
.resume-biography .network-icon {
  flex-flow:wrap;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
  display:inline-flex
}
.resume-biography #profile .network-icon {
  margin-top:.5rem
}
.resume-biography .network-icon li {
  margin-right:10px
}
@media (max-width:640px) {
  .resume-biography .network-icon li {
    margin-right:12px
  }
}
.resume-biography .network-icon li:last-of-type {
  margin-right:0
}
.resume-biography .network-icon li:hover {
  transform:scale(1.2)
}
.resume-biography .big-icon {
  font-size:2rem
}
.resume-biography .ul-interests li,
.resume-biography .ul-edu li .description p.course {
  font-size:.9rem
}
.resume-biography .ul-edu li .description p.institution {
  font-size:.75rem
}
.resume-biography .network-icon .big-icon {
  font-size:1.5rem
}
.resume-biography .bio-text {
  max-width:800px
}
.resume-biography-modern {
  z-index:1;
  position:relative
}
.ruby-modern {
  ruby-position:over
}
.ruby-modern rt {
  opacity:.8;
  letter-spacing:.05em;
  font-size:.7em
}
@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
  .resume-biography-modern [class*=backdrop-blur] {
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
  }
}
.resume-biography-modern * {
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.resume-biography-modern a:focus-visible {
  outline:2px solid var(--color-primary-500);
  outline-offset:2px;
  border-radius:.5rem
}
.resume-biography-modern ::selection {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-200-rgb,191 219 254))30%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .resume-biography-modern ::selection {
    background-color:color-mix(in oklch,var(--color-primary-200)30%,transparent)
  }
}
.resume-biography-modern ::selection {
  color:var(--color-primary-900)
}
.dark .resume-biography-modern ::selection {
  background-color:color-mix(in srgb,rgb(var(--hb-primary-800-rgb,30 64 175))30%,transparent)
}
@supports (color:color-mix(in lab, red, red)) {
  .dark .resume-biography-modern ::selection {
    background-color:color-mix(in oklch,var(--color-primary-800)30%,transparent)
  }
}
.dark .resume-biography-modern ::selection {
  color:var(--color-primary-100)
}
.resume-biography-modern .bg-clip-text {
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text;
  background-clip:text
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)) {
  .resume-biography-modern .bg-clip-text {
    color:var(--color-neutral-900)
  }
  .dark .resume-biography-modern .bg-clip-text {
    color:var(--color-neutral-100)
  }
}
.avatar-wrapper {
  margin-left:auto;
  margin-right:auto;
  position:relative
}
.avatar-emoji {
  text-align:center;
  color:#000;
  background-color:#fff;
  border-radius:100%;
  width:40px;
  height:40px;
  font-size:20px;
  line-height:40px;
  position:absolute;
  bottom:0;
  right:0;
  box-shadow:0 10px 20px #0000000a,0 2px 6px #0000000a,0 0 1px #0000000a
}
.dark .avatar-emoji {
  background-color:#000;
  box-shadow:0 10px 20px #0000000a,0 2px 6px #0000000a,0 0 1px #fffffff5
}
.hbx-bg-gradient {
  isolation:isolate;
  position:relative
}
.hbx-bg-gradient:before {
  content:"";
  z-index:-1;
  opacity:1;
  background-image:radial-gradient(at 20% 25%,#e8f2fc 0,#0000 50%),radial-gradient(at 75% 30%,#e8fcf6 0,#0000 50%),radial-gradient(at 25% 80%,#f6e8fc 0,#0000 50%),radial-gradient(at 75% 85%,#fcf2e8 0,#0000 50%);
  /* avoid fixed attachment so the background does not move with scroll */
  background-attachment:scroll;
  width:100%;
  height:100%;
  transition:opacity .5s ease-in-out;
  position:absolute;
  top:0;
  left:0
}
.dark .hbx-bg-gradient:before {
  background-image:radial-gradient(at 20% 25%,#192534 0,#0000 50%),radial-gradient(at 75% 30%,#19342b 0,#0000 50%),radial-gradient(at 25% 80%,#2b1934 0,#0000 50%),radial-gradient(at 75% 85%,#342619 0,#0000 50%)
}
.skills-content {
  margin-bottom:15px
}
.skills-name {
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:6px;
  font-size:1rem
}
.skills-description {
  text-transform:none;
  margin-bottom:6px;
  font-size:.7rem
}
.skills-icon {
  margin-right:.5em
}
.skills-wrapper {
  border:1px solid var(--color-primary-200,#cbd5f5);
  border-radius:10px;
  width:100%;
  height:10px;
  position:relative;
  overflow:hidden
}
.skills-percent {
  background-color:var(--color-primary-600,#2563eb);
  width:60%;
  height:10px;
  position:absolute
}
.navbar {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  display:flex;
  /* background-color: white; */
  position:relative
}
.navbar-brand {
  color:var(--color-header-fg);
  font-size:var(--text-xl);
  line-height:var(--tw-leading,var(--text-xl--line-height));
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold)
}
.navbar-brand svg {
  width:auto;
  max-width:100%;
  height:1em;
  max-height:100%;
  display:inline-block
}
.navbar-brand img {
  width:auto;
  max-height:100%;
  display:inline-block
}
.theme-toggle,
[data-search-toggle],
#search-toggle,
[data-te-collapse-init],
.nav-dropdown>.nav-link[role=button] {
  cursor:pointer
}
input#nav-toggle:checked+label #show-button {
  display:none
}
input#nav-toggle:checked+label #hide-button,
input#nav-toggle:checked~#nav-menu {
  display:block
}
#site-header.header {
  background: #f8f6fa;
  color:var(--color-header-fg);
  padding-block:calc(var(--spacing)*1);
  --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)
}
.navbar-nav {
  text-align:center
}
@media (min-width:64rem) {
  .navbar-nav {
    text-align:left
  }
}
.nav-link {
  color:var(--color-header-fg);
  padding:calc(var(--spacing)*1.5);
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  display:block
}
@media (min-width:64rem) {
  .nav-link {
    padding-inline:calc(var(--spacing)*2);
    padding-block:calc(var(--spacing)*3)
  }
}
.nav-link:hover {
  color:var(--color-primary-700)
}
.dark .nav-link:hover {
  color:var(--color-primary-300)
}
.nav-dropdown {
  margin-right:calc(var(--spacing)*0)
}
.nav-dropdown>svg {
  pointer-events:none
}
.nav-dropdown-list {
  z-index:10;
  background-color:var(--color-white);
  min-width:180px;
  padding-block:calc(var(--spacing)*4);
  --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);
  border-radius:.25rem;
  display:none
}
@media (min-width:64rem) {
  .nav-dropdown-list {
    visibility:hidden;
    opacity:0;
    display:block;
    position:absolute
  }
}
.nav-dropdown-list:where(.dark,
.dark *) {
  background-color:var(--color-slate-900)
}
.nav-dropdown-list {
  top:100%;
  left:0
}
.nav-dropdown.active .nav-dropdown-list {
  display:block
}
@media (min-width:64rem) {
  .nav-dropdown.active .nav-dropdown-list {
    visibility:visible;
    opacity:1
  }
}
@media (min-width:1024px) {
  .nav-dropdown:hover>.nav-dropdown-list {
    visibility:visible;
    opacity:1
  }
}
.nav-dropdown-item {
  padding-inline:calc(var(--spacing)*4)
}
.nav-dropdown-item:not(:last-child) {
  margin-bottom:calc(var(--spacing)*2)
}
.dark .nav-dropdown-item:hover {
  background-color:var(--color-primary-500)
}
.nav-dropdown-link {
  padding-block:calc(var(--spacing)*1);
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  display:block
}
.nav-dropdown-link:where(.dark,
.dark *),
.nav-dropdown-link:where(.dark,
.dark *):hover {
  color:var(--color-white)
}
.nav-dropdown-link:hover {
  color:var(--color-primary-700)
}
.hb-attachment-link {
  margin-right:calc(var(--spacing)*4);
  margin-bottom:calc(var(--spacing)*1.5);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height));
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold);
  --tw-tracking:var(--tracking-wide);
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  transition-property:all;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration));
  --tw-outline-style:none;
  outline-style:none;
  display:inline-block
}
.hb-attachment-link:focus {
  --tw-outline-style:none;
  outline-style:none
}
.hb-attachment-link {
  color:var(--color-primary-600)
}
.hb-attachment-link:hover {
  color:var(--color-primary-700);
  text-decoration:underline
}
.dark .hb-attachment-link {
  color:var(--color-primary-400)
}
.dark .hb-attachment-link:hover {
  color:var(--color-primary-300)
}
.hb-attachment-link-small {
  padding:calc(var(--spacing)*0);
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height))
}
.hb-attachment-link-large {
  padding:calc(var(--spacing)*0);
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height))
}
html:not(.dark) .highlight .chroma .err {
  color:#a61717;
  background-color:#e3d2d2
}
html:not(.dark) .highlight .chroma .lntd {
  vertical-align:top;
  border:0;
  margin:0;
  padding:0
}
html:not(.dark) .highlight .chroma .lntable {
  border-spacing:0;
  border:0;
  margin:0;
  padding:0
}
html:not(.dark) .highlight .chroma .hl {
  background-color:#ffc
}
html:not(.dark) .highlight .chroma .lnt,
html:not(.dark) .highlight .chroma .ln {
  white-space:pre;
  -webkit-user-select:none;
  user-select:none;
  color:#7f7f7f;
  margin-right:.4em;
  padding:0 .4em
}
html:not(.dark) .highlight .chroma .line {
  display:flex
}
html:not(.dark) .highlight .chroma .k,
html:not(.dark) .highlight .chroma .kc,
html:not(.dark) .highlight .chroma .kd,
html:not(.dark) .highlight .chroma .kn,
html:not(.dark) .highlight .chroma .kp,
html:not(.dark) .highlight .chroma .kr {
  color:#000;
  font-weight:700
}
html:not(.dark) .highlight .chroma .kt {
  color:#458;
  font-weight:700
}
html:not(.dark) .highlight .chroma .na {
  color:teal
}
html:not(.dark) .highlight .chroma .nb {
  color:#0086b3
}
html:not(.dark) .highlight .chroma .bp {
  color:#999
}
html:not(.dark) .highlight .chroma .nc {
  color:#458;
  font-weight:700
}
html:not(.dark) .highlight .chroma .no {
  color:teal
}
html:not(.dark) .highlight .chroma .nd {
  color:#3c5d5d;
  font-weight:700
}
html:not(.dark) .highlight .chroma .ni {
  color:purple
}
html:not(.dark) .highlight .chroma .ne,
html:not(.dark) .highlight .chroma .nf,
html:not(.dark) .highlight .chroma .nl {
  color:#900;
  font-weight:700
}
html:not(.dark) .highlight .chroma .nn {
  color:#555
}
html:not(.dark) .highlight .chroma .nt {
  color:navy
}
html:not(.dark) .highlight .chroma .nv,
html:not(.dark) .highlight .chroma .vc,
html:not(.dark) .highlight .chroma .vg,
html:not(.dark) .highlight .chroma .vi {
  color:teal
}
html:not(.dark) .highlight .chroma .s,
html:not(.dark) .highlight .chroma .sa,
html:not(.dark) .highlight .chroma .sb,
html:not(.dark) .highlight .chroma .sc,
html:not(.dark) .highlight .chroma .dl,
html:not(.dark) .highlight .chroma .sd,
html:not(.dark) .highlight .chroma .s2,
html:not(.dark) .highlight .chroma .se,
html:not(.dark) .highlight .chroma .sh,
html:not(.dark) .highlight .chroma .si,
html:not(.dark) .highlight .chroma .sx {
  color:#d14
}
html:not(.dark) .highlight .chroma .sr {
  color:#009926
}
html:not(.dark) .highlight .chroma .s1 {
  color:#d14
}
html:not(.dark) .highlight .chroma .ss {
  color:#990073
}
html:not(.dark) .highlight .chroma .m,
html:not(.dark) .highlight .chroma .mb,
html:not(.dark) .highlight .chroma .mf,
html:not(.dark) .highlight .chroma .mh,
html:not(.dark) .highlight .chroma .mi,
html:not(.dark) .highlight .chroma .il,
html:not(.dark) .highlight .chroma .mo {
  color:#099
}
html:not(.dark) .highlight .chroma .o,
html:not(.dark) .highlight .chroma .ow {
  color:#000;
  font-weight:700
}
html:not(.dark) .highlight .chroma .c,
html:not(.dark) .highlight .chroma .ch,
html:not(.dark) .highlight .chroma .cm,
html:not(.dark) .highlight .chroma .c1 {
  color:#998;
  font-style:italic
}
html:not(.dark) .highlight .chroma .cs,
html:not(.dark) .highlight .chroma .cp,
html:not(.dark) .highlight .chroma .cpf {
  color:#999;
  font-style:italic;
  font-weight:700
}
html:not(.dark) .highlight .chroma .gd {
  color:#000;
  background-color:#fdd
}
html:not(.dark) .highlight .chroma .ge {
  color:#000;
  font-style:italic
}
html:not(.dark) .highlight .chroma .gr {
  color:#a00
}
html:not(.dark) .highlight .chroma .gh {
  color:#999
}
html:not(.dark) .highlight .chroma .gi {
  color:#000;
  background-color:#dfd
}
html:not(.dark) .highlight .chroma .go {
  color:#888
}
html:not(.dark) .highlight .chroma .gp {
  color:#555
}
html:not(.dark) .highlight .chroma .gs {
  font-weight:700
}
html:not(.dark) .highlight .chroma .gu {
  color:#aaa
}
html:not(.dark) .highlight .chroma .gt {
  color:#a00
}
html:not(.dark) .highlight .chroma .gl {
  text-decoration:underline
}
html:not(.dark) .highlight .chroma .w {
  color:#bbb
}
.dark .highlight .chroma .lntd {
  vertical-align:top;
  border:0;
  margin:0;
  padding:0
}
.dark .highlight .chroma .lntable {
  border-spacing:0;
  border:0;
  margin:0;
  padding:0
}
.dark .highlight .chroma .hl {
  background-color:#ffc
}
.dark .highlight .chroma .lnt,
.dark .highlight .chroma .ln {
  white-space:pre;
  -webkit-user-select:none;
  user-select:none;
  color:#7f7f7f;
  margin-right:.4em;
  padding:0 .4em
}
.dark .highlight .chroma .line {
  display:flex
}
.dark .highlight .chroma .k,
.dark .highlight .chroma .kc {
  color:#ff79c6
}
.dark .highlight .chroma .kd {
  color:#8be9fd;
  font-style:italic
}
.dark .highlight .chroma .kn,
.dark .highlight .chroma .kp,
.dark .highlight .chroma .kr {
  color:#ff79c6
}
.dark .highlight .chroma .kt {
  color:#8be9fd
}
.dark .highlight .chroma .na {
  color:#50fa7b
}
.dark .highlight .chroma .nb {
  color:#8be9fd;
  font-style:italic
}
.dark .highlight .chroma .nc,
.dark .highlight .chroma .nf {
  color:#50fa7b
}
.dark .highlight .chroma .nl {
  color:#8be9fd;
  font-style:italic
}
.dark .highlight .chroma .nt {
  color:#ff79c6
}
.dark .highlight .chroma .nv,
.dark .highlight .chroma .vc,
.dark .highlight .chroma .vg,
.dark .highlight .chroma .vi {
  color:#8be9fd;
  font-style:italic
}
.dark .highlight .chroma .s,
.dark .highlight .chroma .sa,
.dark .highlight .chroma .sb,
.dark .highlight .chroma .sc,
.dark .highlight .chroma .dl,
.dark .highlight .chroma .sd,
.dark .highlight .chroma .s2,
.dark .highlight .chroma .se,
.dark .highlight .chroma .sh,
.dark .highlight .chroma .si,
.dark .highlight .chroma .sx,
.dark .highlight .chroma .sr,
.dark .highlight .chroma .s1,
.dark .highlight .chroma .ss {
  color:#f1fa8c
}
.dark .highlight .chroma .m,
.dark .highlight .chroma .mb,
.dark .highlight .chroma .mf,
.dark .highlight .chroma .mh,
.dark .highlight .chroma .mi,
.dark .highlight .chroma .il,
.dark .highlight .chroma .mo {
  color:#bd93f9
}
.dark .highlight .chroma .o,
.dark .highlight .chroma .ow {
  color:#ff79c6
}
.dark .highlight .chroma .c,
.dark .highlight .chroma .ch,
.dark .highlight .chroma .cm,
.dark .highlight .chroma .c1,
.dark .highlight .chroma .cs {
  color:#6272a4
}
.dark .highlight .chroma .cp,
.dark .highlight .chroma .cpf {
  color:#ff79c6
}
.dark .highlight .chroma .gd {
  color:#f55
}
.dark .highlight .chroma .ge {
  text-decoration:underline
}
.dark .highlight .chroma .gh {
  font-weight:700
}
.dark .highlight .chroma .gi {
  color:#50fa7b;
  font-weight:700
}
.dark .highlight .chroma .go {
  color:#44475a
}
.dark .highlight .chroma .gu {
  font-weight:700
}
.dark .highlight .chroma .gl {
  text-decoration:underline
}
.prose .chroma,
.prose pre {
  border-radius:var(--radius-md);
  color:var(--color-neutral-700);
  background-color:var(--color-neutral-50);
  position:relative
}
.dark .prose .chroma,
.dark .prose pre {
  color:#fff;
  background-color:#475569
}
.chroma .language-latex,
.chroma .language-latex *,
.chroma .language-tex,
.chroma .language-tex * {
  font-style:normal!important
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
.animate-spin {
  animation:1s linear infinite spin
}
.search-result mark {
  color:#111827;
  background-color:#fef08a;
  border-radius:.125rem;
  padding:.05rem .2rem;
  font-weight:600
}
.dark .search-result mark {
  color:#fef08a;
  background-color:#854d0e
}
.search-result:hover mark {
  background-color:#fde047
}
.dark .search-result:hover mark {
  background-color:#a16207
}
.search-modal-enter {
  animation:.2s ease-out slide-in-up
}
@keyframes slide-in-up {
  0% {
    opacity:0;
    transform:translateY(1rem)scale(.95)
  }
  to {
    opacity:1;
    transform:translateY(0)scale(1)
  }
}
.search-skeleton {
  background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;
  animation:1.5s infinite shimmer
}
.dark .search-skeleton {
  background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%) 0 0/200% 100%
}
@keyframes shimmer {
  0% {
    background-position:200% 0
  }
  to {
    background-position:-200% 0
  }
}
.search-result {
  transition:all .15s
}
.search-result:focus-visible {
  outline-offset:-2px;
  outline:2px solid #3b82f6
}
.force-all-color-vars {
  color:var(--color-violet-950);
  display:none!important
}
/* @media (prefers-color-scheme:dark) {
  .home-section-bg[style*=--dark-bg-color] {
    background-color:var(--dark-bg-color)!important
  }
}
.dark .home-section-bg[style*=--dark-bg-color] {
  background-color:var(--dark-bg-color)!important
} */
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-scale-x {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-y {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-z {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-space-x-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-divide-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}
@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}
@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-tracking {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value: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-content {
  syntax:"*";
  inherits:false;
  initial-value:""
}
@keyframes pulse {
  50% {
    opacity:.5
  }
}