/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(96.3% 0.019 9.298);
    --color-red-200: oklch(83.5% 0.083 12.484);
    --color-red-300: oklch(77.1% 0.131 14.681);
    --color-red-400: oklch(70% 0.17 16.405);
    --color-red-500: oklch(64.4% 0.209 20.184);
    --color-red-600: oklch(55.8% 0.197 20.884);
    --color-red-900: oklch(23.4% 0.082 21.558);
    --color-orange-50: oklch(97.2% 0.023 75.863);
    --color-orange-100: oklch(94.6% 0.046 76.839);
    --color-orange-200: oklch(89.7% 0.08 71.401);
    --color-orange-300: oklch(84.8% 0.117 69.151);
    --color-orange-400: oklch(77.6% 0.159 59.042);
    --color-orange-500: oklch(70.5% 0.187 47.604);
    --color-orange-600: oklch(63.2% 0.178 44.888);
    --color-orange-700: oklch(54.3% 0.16 42.266);
    --color-orange-800: oklch(40.4% 0.117 42.653);
    --color-orange-900: oklch(26.8% 0.074 44.413);
    --color-amber-50: oklch(97.4% 0.024 79.745);
    --color-amber-200: oklch(90.8% 0.087 80.429);
    --color-amber-300: oklch(86.4% 0.127 78.903);
    --color-amber-400: oklch(82.7% 0.154 76.061);
    --color-amber-500: oklch(79.1% 0.17 69.781);
    --color-amber-700: oklch(55.2% 0.12 69.498);
    --color-amber-800: oklch(41.9% 0.09 71.232);
    --color-amber-900: oklch(26.1% 0.055 76.595);
    --color-yellow-50: oklch(98.6% 0.037 102.035);
    --color-yellow-200: oklch(94.5% 0.124 101.54);
    --color-yellow-300: oklch(90.5% 0.166 98.111);
    --color-yellow-400: oklch(86.1% 0.173 91.936);
    --color-yellow-500: oklch(79.5% 0.162 86.047);
    --color-yellow-700: oklch(55.4% 0.121 66.442);
    --color-yellow-800: oklch(42.1% 0.09 57.708);
    --color-yellow-900: oklch(28.7% 0.058 60.576);
    --color-green-50: oklch(97.3% 0.027 157.389);
    --color-green-100: oklch(94.6% 0.052 154.677);
    --color-green-200: oklch(89.9% 0.096 153.251);
    --color-green-300: oklch(84.2% 0.136 153.299);
    --color-green-400: oklch(77.6% 0.168 152.127);
    --color-green-500: oklch(72.3% 0.192 149.579);
    --color-green-600: oklch(62.7% 0.17 149.214);
    --color-green-700: oklch(52.7% 0.137 150.069);
    --color-green-900: oklch(26.9% 0.057 152.586);
    --color-emerald-50: oklch(97.2% 0.035 172.186);
    --color-emerald-200: oklch(88.7% 0.138 167.22);
    --color-emerald-300: oklch(84% 0.162 164.117);
    --color-emerald-400: oklch(76.1% 0.159 162.091);
    --color-emerald-500: oklch(68.3% 0.154 159.852);
    --color-emerald-700: oklch(46.3% 0.104 159.959);
    --color-emerald-900: oklch(22.6% 0.05 160.876);
    --color-teal-50: oklch(97.5% 0.022 179.213);
    --color-teal-100: oklch(94.8% 0.056 179.647);
    --color-teal-200: oklch(90.4% 0.097 180.186);
    --color-teal-300: oklch(85.5% 0.125 181.071);
    --color-teal-400: oklch(78.5% 0.133 181.912);
    --color-teal-500: oklch(70.4% 0.123 182.503);
    --color-teal-600: oklch(60% 0.104 184.704);
    --color-teal-700: oklch(51.1% 0.086 186.391);
    --color-teal-900: oklch(28.1% 0.043 187.709);
    --color-cyan-50: oklch(97.9% 0.026 199.659);
    --color-cyan-200: oklch(91.2% 0.08 205.688);
    --color-cyan-300: oklch(86.5% 0.115 207.078);
    --color-cyan-400: oklch(79.7% 0.134 211.53);
    --color-cyan-500: oklch(71.5% 0.126 215.221);
    --color-cyan-700: oklch(52% 0.094 223.128);
    --color-cyan-900: oklch(29.3% 0.047 222.73);
    --color-sky-50: oklch(96.7% 0.023 220.721);
    --color-sky-200: oklch(86.4% 0.094 220.171);
    --color-sky-300: oklch(81% 0.123 222.706);
    --color-sky-400: oklch(76.9% 0.146 227.492);
    --color-sky-500: oklch(67.6% 0.134 229.829);
    --color-sky-700: oklch(46% 0.09 228.714);
    --color-sky-900: oklch(22.6% 0.042 222.511);
    --color-blue-50: oklch(96.6% 0.017 248.005);
    --color-blue-100: oklch(92.1% 0.04 248.259);
    --color-blue-200: oklch(84.6% 0.08 247.688);
    --color-blue-300: oklch(78.2% 0.116 248.462);
    --color-blue-400: oklch(71.3% 0.155 250.48);
    --color-blue-500: oklch(65.2% 0.19 253.205);
    --color-blue-600: oklch(57.2% 0.194 255.787);
    --color-blue-700: oklch(46.7% 0.154 254.944);
    --color-blue-900: oklch(22.4% 0.065 250.695);
    --color-indigo-50: oklch(95.2% 0.023 277.957);
    --color-indigo-100: oklch(91.8% 0.039 272.953);
    --color-indigo-300: oklch(78.5% 0.104 274.713);
    --color-indigo-400: oklch(68% 0.158 276.935);
    --color-indigo-500: oklch(58.5% 0.204 277.117);
    --color-indigo-700: oklch(45.7% 0.215 277.023);
    --color-indigo-900: oklch(24.4% 0.085 279.9);
    --color-violet-50: oklch(94.9% 0.027 295.052);
    --color-violet-100: oklch(91.2% 0.044 294.116);
    --color-violet-300: oklch(79.9% 0.109 293.317);
    --color-violet-400: oklch(70.9% 0.159 293.541);
    --color-violet-500: oklch(60.6% 0.219 292.717);
    --color-violet-600: oklch(54.1% 0.247 293.009);
    --color-violet-700: oklch(49.1% 0.241 292.581);
    --color-violet-900: oklch(25.3% 0.108 294.873);
    --color-purple-50: oklch(96.4% 0.023 310.71);
    --color-purple-100: oklch(91.6% 0.054 309.501);
    --color-purple-300: oklch(76% 0.148 307.134);
    --color-purple-400: oklch(68.7% 0.205 307.061);
    --color-purple-500: oklch(62.1% 0.253 305.351);
    --color-purple-700: oklch(43.1% 0.18 304.918);
    --color-purple-900: oklch(21% 0.066 305.882);
    --color-pink-50: oklch(95.9% 0.025 348.503);
    --color-pink-100: oklch(92.2% 0.041 342.16);
    --color-pink-200: oklch(87.3% 0.076 343.53);
    --color-pink-300: oklch(82.3% 0.11 346.018);
    --color-pink-400: oklch(72.5% 0.175 349.761);
    --color-pink-500: oklch(65.6% 0.212 354.308);
    --color-pink-600: oklch(59.2% 0.218 0.584);
    --color-pink-700: oklch(52.5% 0.199 3.958);
    --color-pink-900: oklch(26.2% 0.086 0.878);
    --color-rose-50: oklch(96.9% 0.018 351.141);
    --color-rose-200: oklch(86.5% 0.06 352.738);
    --color-rose-300: oklch(78.8% 0.097 353.101);
    --color-rose-400: oklch(66.9% 0.137 357.096);
    --color-rose-500: oklch(56.4% 0.156 356.312);
    --color-rose-600: oklch(47.2% 0.131 358.677);
    --color-rose-900: oklch(25.3% 0.064 356.308);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(95.9% 0.009 247.915);
    --color-slate-200: oklch(91.6% 0.016 257.199);
    --color-slate-300: oklch(86.9% 0.02 252.894);
    --color-slate-400: oklch(71.8% 0.034 258.372);
    --color-slate-500: oklch(57.2% 0.042 258.362);
    --color-slate-600: oklch(44.6% 0.037 257.281);
    --color-slate-700: oklch(37.2% 0.039 257.287);
    --color-slate-800: oklch(27.9% 0.037 260.031);
    --color-slate-900: oklch(20.8% 0.04 265.755);
    --color-slate-950: oklch(12.9% 0.041 264.695);
    --color-gray-50: oklch(99.1% 0.003 264.542);
    --color-gray-100: oklch(96.1% 0.009 264.522);
    --color-gray-200: oklch(91.8% 0.013 262.378);
    --color-gray-300: oklch(85.6% 0.021 264.458);
    --color-gray-400: oklch(74% 0.022 264.434);
    --color-gray-500: oklch(61.1% 0.022 260.158);
    --color-gray-600: oklch(45.5% 0.022 261.275);
    --color-gray-700: oklch(29.2% 0.012 258.372);
    --color-gray-800: oklch(24.3% 0.011 260.691);
    --color-gray-900: oklch(18.6% 0.009 264.337);
    --color-gray-950: oklch(13.4% 0.005 262.316);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.1% 0.001 286.375);
    --color-zinc-200: oklch(91.1% 0.005 286.292);
    --color-zinc-300: oklch(87.1% 0.005 286.286);
    --color-zinc-400: oklch(71.2% 0.013 286.066);
    --color-zinc-500: oklch(55.2% 0.014 285.938);
    --color-zinc-600: oklch(44.2% 0.015 285.786);
    --color-zinc-700: oklch(37% 0.012 285.805);
    --color-zinc-800: oklch(27.4% 0.005 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.004 285.823);
    --color-stone-50: oklch(98.2% 0.003 84.559);
    --color-stone-100: oklch(96.4% 0.001 106.424);
    --color-stone-200: oklch(91.5% 0.004 39.482);
    --color-stone-300: oklch(86.9% 0.004 56.366);
    --color-stone-400: oklch(71.6% 0.009 56.259);
    --color-stone-500: oklch(55.3% 0.012 58.071);
    --color-stone-600: oklch(44.4% 0.01 73.639);
    --color-stone-700: oklch(37.4% 0.009 67.558);
    --color-stone-800: oklch(26.8% 0.006 34.297);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-olive-50: oklch(97.6% 0.017 117.285);
    --color-olive-200: oklch(88.4% 0.075 117.78);
    --color-olive-300: oklch(81.7% 0.113 119.679);
    --color-olive-400: oklch(74.1% 0.141 122.254);
    --color-olive-500: oklch(64.1% 0.139 124.506);
    --color-olive-700: oklch(45.4% 0.098 124.004);
    --color-olive-800: oklch(34.8% 0.073 123.963);
    --color-olive-900: oklch(23.7% 0.047 123.741);
    --color-taupe-50: oklch(96.2% 0.013 86.83);
    --color-taupe-100: oklch(91.3% 0.021 88.726);
    --color-taupe-200: oklch(84.7% 0.03 87.556);
    --color-taupe-300: oklch(78.4% 0.035 89.883);
    --color-taupe-400: oklch(71% 0.034 89.181);
    --color-taupe-500: oklch(60.6% 0.031 86.654);
    --color-taupe-600: oklch(51.9% 0.029 86.885);
    --color-taupe-700: oklch(43.3% 0.024 87.569);
    --color-taupe-800: oklch(34.2% 0.018 88.807);
    --color-taupe-900: oklch(23.2% 0.01 80.593);
    --color-taupe-950: oklch(16.5% 0.007 78.101);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-xs: 2px 9px 11px 0px rgba(0, 0, 0, 0.04), 1px 3.92px 5.79px 0px rgba(0, 0, 0, 0.04),
    0px 1.36px 2.867px 0px rgba(0, 0, 0, 0.03), 0px 0.286px 1.134px 0px rgba(0, 0, 0, 0.02);
    --shadow-lg: 4px 38px 47px 0px rgba(0, 0, 0, 0.07), 0px 20px 17.48px 0px rgba(0, 0, 0, 0.03),
    1px 10px 10px 0px rgba(0, 0, 0, 0.01), 0px -2px 6px 0px rgba(0, 0, 0, 0.03);
    --shadow-xl: 6px 33px 46px 0px rgba(0, 0, 0, 0.07), 1px 20px 19px 0px rgba(0, 0, 0, 0.03), 2px 10px 10px 0px rgba(0, 0, 0, 0.01),
    0px -2px 6px 0px rgba(0, 0, 0, 0.03);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brown-50: oklch(97.1% 0.018 86.146);
    --color-brown-100: oklch(92.8% 0.041 86.731);
    --color-brown-200: oklch(86.5% 0.064 84.911);
    --color-brown-300: oklch(79% 0.087 82.923);
    --color-brown-400: oklch(70.6% 0.104 80.205);
    --color-brown-500: oklch(61.3% 0.106 74.84);
    --color-brown-700: oklch(44.1% 0.077 71.873);
    --color-brown-800: oklch(34.6% 0.059 72.823);
    --color-brown-900: oklch(23.4% 0.036 73.391);
    --color-maroon-50: oklch(95.7% 0.02 17.5);
    --color-maroon-100: oklch(91% 0.033 17.782);
    --color-maroon-300: oklch(74.3% 0.09 19.41);
    --color-maroon-400: oklch(62.3% 0.129 21.466);
    --color-maroon-500: oklch(51.9% 0.141 23.369);
    --color-maroon-600: oklch(42.7% 0.119 23.574);
    --color-maroon-700: oklch(36.1% 0.099 23.49);
    --color-maroon-900: oklch(19.7% 0.044 21.953);
    --background-color-subtle: var(--color-gray-50);
    --background-color-muted: var(--color-gray-100);
    --background-color-default: var(--color-white);
    --background-color-highlight: var(--color-gray-200);
    --background-color-emphasis: var(--color-gray-300);
    --text-color-subtle: var(--color-gray-400);
    --text-color-muted: var(--color-gray-600);
    --text-color-default: var(--color-gray-800);
    --text-color-emphasis: var(--color-gray-950);
    --color-light: var(--color-gray-100);
    --color-dark: var(--color-gray-950);
    --color-contrast: var(--color-white);
    --color-primary-lighter: var(--color-blue-50);
    --color-primary-light: var(--color-blue-400);
    --color-primary: var(--color-blue-500);
    --color-primary-dark: var(--color-blue-600);
    --color-primary-darker: var(--color-blue-900);
    --color-secondary-lighter: var(--color-purple-50);
    --color-secondary-light: var(--color-purple-300);
    --color-secondary: var(--color-purple-500);
    --color-secondary-dark: var(--color-purple-700);
    --color-secondary-darker: var(--color-purple-900);
    --color-danger-lighter: var(--color-red-50);
    --color-danger-light: var(--color-red-300);
    --color-danger: var(--color-red-500);
    --color-danger-dark: var(--color-red-600);
    --color-danger-darker: var(--color-red-900);
    --color-warning-lighter: var(--color-amber-50);
    --color-warning-light: var(--color-amber-400);
    --color-warning: var(--color-amber-500);
    --color-warning-dark: var(--color-amber-700);
    --color-warning-darker: var(--color-amber-900);
    --color-success-lighter: var(--color-emerald-50);
    --color-success-light: var(--color-emerald-400);
    --color-success: var(--color-emerald-500);
    --color-success-dark: var(--color-emerald-700);
    --color-success-darker: var(--color-emerald-900);
    --color-info-lighter: var(--color-sky-50);
    --color-info-light: var(--color-sky-300);
    --color-info: var(--color-sky-500);
    --color-info-dark: var(--color-sky-700);
    --color-info-darker: var(--color-sky-900);
    --color-active: var(--color-gray-500);
    --color-hover: var(--color-gray-100);
    --color-disabled-color: var(--color-gray-400);
    --color-disabled: var(--color-gray-200);
    --border-color-subtle: color-mix(in srgb, oklch(85.6% 0.021 264.458) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --border-color-subtle: color-mix(in oklab, var(--color-gray-300) 60%, transparent);
    }
    --border-color-default: var(--color-gray-300);
    --border-color-emphasis: var(--color-gray-600);
    --border-width: 1px;
    --input-btn-font-size: var(--text-sm);
    --input-btn-font-weight: var(--font-weight-normal);
    --input-btn-border-radius: var(--radius-lg);
    --input-btn-padding-x: calc(var(--spacing) * 4);
    --input-btn-padding-y: calc(var(--spacing) * 1.75);
    --input-btn-line-height: 1.5;
    --input-btn-border-width: var(--border-width);
    --input-btn-font-size-sm: var(--text-sm);
    --input-btn-padding-x-sm: calc(var(--spacing) * 3);
    --input-btn-padding-y-sm: calc(var(--spacing) * 1.25);
    --input-btn-border-radius-sm: var(--radius-sm);
    --input-btn-line-height-sm: 1.25;
    --input-btn-font-size-lg: var(--text-base);
    --input-btn-padding-x-lg: calc(var(--spacing) * 5);
    --input-btn-padding-y-lg: calc(var(--spacing) * 2.25);
    --input-btn-border-radius-lg: var(--radius-lg);
    --input-btn-line-height-lg: 1.5;
    --input-bg: var(--background-color-default);
    --input-color: var(--text-color-default);
    --input-border-color: var(--border-color-default);
    --input-font-weight: var(--font-weight-normal);
    --input-hover-bg: var(--background-color-highlight);
    --input-hover-border-color: var(--text-color-subtle);
    --input-focus-bg: var(--color-primary-lighter);
    --input-focus-border-color: var(--color-primary);
    --input-disabled-color: var(--input-color);
    --input-disabled-bg: var(--color-disabled);
    --input-disabled-border-color: var(--border-color-default);
    --input-disabled-opacity: 0.5;
    --form-valid-bg: var(--color-success-lighter);
    --form-valid-color: var(--color-success);
    --form-valid-border-color: var(--color-success-light);
    --form-valid-focus-border-color: var(--color-success);
    --form-invalid-bg: var(--color-danger-lighter);
    --form-invalid-color: var(--color-danger);
    --form-invalid-border-color: var(--color-danger-light);
    --form-invalid-focus-border-color: var(--color-danger);
    --form-feedback-margin-top: calc(var(--spacing) * 1);
    --form-feedback-font-size: var(--text-sm);
    --form-feedback-tooltip-padding-y: calc(var(--spacing) * 1);
    --form-feedback-tooltip-padding-x: calc(var(--spacing) * 2);
    --form-feedback-tooltip-color: var(--color-contrast);
    --form-feedback-tooltip-border-radius: var(--radius-sm);
    --grid-columns: 12;
    --body-bg: var(--background-color-default);
    --body-color: var(--text-color-default);
    --body-font-size: var(--text-base);
    --body-font-weight: var(--font-weight-normal);
    --body-line-height: var(--text-base--line-height);
    --headings-margin-bottom: calc(var(--spacing) * 2);
    --headings-font-weight: var(--font-weight-bold);
    --h1-font-size: var(--text-6xl);
    --h1-line-height: var(--text-6xl--line-height);
    --h2-font-size: var(--text-5xl);
    --h2-line-height: var(--text-5xl--line-height);
    --h3-font-size: var(--text-4xl);
    --h3-line-height: var(--text-4xl--line-height);
    --h4-font-size: var(--text-3xl);
    --h4-line-height: var(--text-3xl--line-height);
    --h5-font-size: var(--text-2xl);
    --h5-line-height: var(--text-2xl--line-height);
    --h6-font-size: var(--text-xl);
    --h6-line-height: var(--text-xl--line-height);
    --hr-margin-y: calc(var(--spacing) * 4);
    --hr-margin-x: 0;
    --hr-border-color: var(--border-color-default);
    --paragraph-margin-bottom: calc(var(--spacing) * 4);
    --dt-font-weight: var(--font-weight-bold);
    --anchor-color: var(--color-primary);
    --anchor-hover-color: var(--color-primary-dark);
    --code-color: var(--color-pink-600);
    --code-font-size: var(--text-sm);
    --caption-padding-y: calc(var(--spacing) * 4);
    --caption-padding-x: calc(var(--spacing) * 4);
    --caption-font-weight: var(--font-weight-medium);
    --legend-margin-bottom: calc(var(--spacing) * 2);
    --legend-font-weight: var(--font-weight-medium);
    --legend-font-size: var(--text-xl);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .toast {
    @layer base {
      --toast-zindex: 1090;
      --toast-padding-x: calc(var(--spacing) * 4);
      --toast-padding-y: calc(var(--spacing) * 2);
      --toast-spacing: calc(var(--spacing) * 6);
      --toast-max-width: 21.875rem;
      --toast-font-size: var(--text-sm);
      --toast-color: var(--text-color-default);
      --toast-bg: var(--background-color-subtle);
      --toast-border-width: var(--border-width);
      --toast-border-color: transparent;
      --toast-border-radius: var(--radius-lg);
      --toast-box-shadow: var(--shadow-xs);
      --toast-header-color: var(--text-color-default);
      --toast-header-bg: var(--background-color-subtle);
      --toast-header-border-color: var(--border-color-default);
      pointer-events: auto;
      width: var(--toast-max-width);
      max-width: 100%;
      border-radius: var(--toast-border-radius);
      background-color: var(--toast-bg);
      background-clip: padding-box;
      font-size: var(--toast-font-size);
      color: var(--toast-color);
      --tw-shadow: var(--toast-box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:not(:has(.alert)) {
        border-style: var(--tw-border-style);
        border-width: var(--toast-border-width);
        border-color: var(--toast-border-color);
        @media (prefers-color-scheme: dark) {
          --toast-border-color: var(--border-color-subtle);
        }
      }
      &.showing {
        opacity: 0%;
      }
      &:not(.show) {
        display: none;
      }
    }
  }
  .offcanvas {
    @layer base {
      --offcanvas-zindex: 1045;
      --offcanvas-width: 20rem;
      --offcanvas-height: 30vh;
      --offcanvas-padding-x: calc(var(--spacing) * 4);
      --offcanvas-padding-y: calc(var(--spacing) * 4);
      --offcanvas-color: var(--text-color-default);
      --offcanvas-bg: var(--background-color-subtle);
      --offcanvas-border-width: var(--border-width);
      --offcanvas-border-color: var(--border-color-default);
      --offcanvas-box-shadow: var(--shadow-xl);
      --offcanvas-transition-duration: 0.3s;
      --offcanvas-title-line-height: 1.5;
      visibility: hidden;
      position: fixed;
      bottom: calc(var(--spacing) * 0);
      z-index: var(--offcanvas-zindex);
      display: flex;
      max-width: 100%;
      flex-direction: column;
      background-color: var(--offcanvas-bg);
      background-clip: padding-box;
      color: var(--offcanvas-color);
      --tw-shadow: var(--offcanvas-box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
      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: var(--offcanvas-transition-duration);
      transition-duration: var(--offcanvas-transition-duration);
      &.showing, &.show:not(.hiding) {
        translate: none;
      }
      &.showing, &.hiding, &.show {
        visibility: visible;
      }
    }
  }
  .collapse {
    visibility: collapse;
  }
  .modal {
    @layer base {
      --modal-zindex: 1055;
      --modal-width: 31.25rem;
      --modal-padding: calc(var(--spacing) * 4);
      --modal-margin: calc(var(--spacing) * 2);
      --modal-color: var(--text-color-default);
      --modal-bg: var(--background-color-default);
      --modal-font-size: var(--text-base);
      --modal-border-color: var(--border-color-subtle);
      --modal-border-width: var(--border-width);
      --modal-border-radius: var(--radius-2xl);
      --modal-inner-border-radius: calc(var(--modal-border-radius) - var(--modal-border-width));
      --modal-header-padding-x: calc(var(--spacing) * 4);
      --modal-header-padding-y: calc(var(--spacing) * 4);
      --modal-header-border-color: var(--border-color-subtle);
      --modal-header-border-width: var(--border-width);
      --modal-title-line-height: 1.5;
      --modal-footer-padding-x: calc(var(--spacing) * 4);
      --modal-footer-padding-y: calc(var(--spacing) * 4);
      --modal-footer-bg: unset;
      --modal-footer-border-color: var(--border-color-subtle);
      --modal-footer-border-width: var(--border-width);
      --modal-fade-transform: translate(0, -50px);
      --modal-show-transform: none;
      --modal-scale-transform: scale(1.02);
      --modal-transition-duration: 0.3s;
      position: fixed;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: var(--modal-zindex);
      display: none;
      height: 100%;
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      font-size: var(--modal-font-size);
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
      @media (width >= 40rem) {
        --modal-margin: calc(var(--spacing) * 7);
      }
    }
  }
  .carousel {
    @layer base {
      --carousel-transition-duration: 0.6s;
      --carousel-control-width: 15%;
      --carousel-control-color: var(--color-contrast);
      --carousel-control-opacity: 0.5;
      --carousel-control-hover-opacity: 0.9;
      --carousel-control-icon-width: 2rem;
      --carousel-control-icon-height: 2rem;
      --carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
      --carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
      --carousel-indicator-width: 1.875rem;
      --carousel-indicator-height: 0.1875rem;
      --carousel-indicator-spacer: calc(var(--spacing) * 0.75);
      --carousel-indicator-active-bg: var(--color-contrast);
      --carousel-indicator-hit-area-height: 0.625rem;
      --carousel-indicator-opacity: 0.5;
      --carousel-indicator-active-opacity: 1;
      --carousel-caption-width: 70%;
      --carousel-caption-spacer: calc(var(--spacing) * 5);
      --carousel-caption-padding-y: calc(var(--spacing) * 5);
      --carousel-caption-color: var(--color-contrast);
      position: relative;
      &.pointer-event {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
      }
      .carousel-item.active, .carousel-item-next, .carousel-item-prev {
        display: block;
      }
      .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      @media (prefers-color-scheme: dark) {
        --carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2306080A'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
        --carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2306080A'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
      }
    }
  }
  .alert {
    @layer base {
      --alert-bg: var(--color-dark);
      --alert-padding-x: calc(var(--spacing) * 4);
      --alert-padding-y: calc(var(--spacing) * 3.5);
      --alert-color: var(--color-white);
      --alert-border-color: transparent;
      --alert-border-radius: var(--radius-lg);
      --alert-icon-color: var(--color-contrast);
      position: relative;
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--alert-border-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--alert-border-color);
      background-color: var(--alert-bg);
      padding: var(--alert-padding-y) var(--alert-padding-x);
      --tw-leading: 1.5;
      line-height: 1.5;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--alert-color);
    }
  }
  .dropdown {
    @layer base {
      position: relative;
    }
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .container {
    @layer base {
      --grid-gutter-x: 1.5rem;
      --grid-gutter-y: 0;
      margin-inline: auto;
      width: 100%;
      padding-right: calc(var(--grid-gutter-x) * 0.5);
      padding-left: calc(var(--grid-gutter-x) * 0.5);
    }
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
}
@layer theme {
  :root, :host {
    @media (prefers-color-scheme: dark) {
      --background-color-subtle: var(--color-gray-900);
      --background-color-muted: var(--color-gray-800);
      --background-color-default: var(--color-gray-950);
      --background-color-highlight: var(--color-gray-700);
      --background-color-emphasis: var(--color-gray-600);
      --text-color-subtle: var(--color-gray-500);
      --text-color-muted: var(--color-gray-400);
      --text-color-default: var(--color-gray-100);
      --text-color-highlight: var(--color-gray-50);
      --text-color-emphasis: var(--color-white);
      --color-light: var(--color-gray-800);
      --color-dark: var(--color-gray-700);
      --color-contrast: var(--color-gray-950);
      --color-primary-lighter: var(--color-blue-900);
      --color-primary-light: var(--color-blue-700);
      --color-primary: var(--color-blue-400);
      --color-primary-dark: var(--color-blue-300);
      --color-primary-darker: var(--color-blue-100);
      --color-secondary-lighter: var(--color-purple-900);
      --color-secondary-light: var(--color-purple-700);
      --color-secondary: var(--color-purple-400);
      --color-secondary-dark: var(--color-purple-300);
      --color-secondary-darker: var(--color-purple-100);
      --color-danger-lighter: var(--color-red-900);
      --color-danger-light: var(--color-red-600);
      --color-danger: var(--color-red-400);
      --color-danger-dark: var(--color-red-300);
      --color-danger-darker: var(--color-red-200);
      --color-warning-lighter: var(--color-amber-900);
      --color-warning-light: var(--color-amber-800);
      --color-warning: var(--color-amber-400);
      --color-warning-dark: var(--color-amber-300);
      --color-warning-darker: var(--color-amber-200);
      --color-success-lighter: var(--color-emerald-900);
      --color-success-light: var(--color-emerald-700);
      --color-success: var(--color-emerald-400);
      --color-success-dark: var(--color-emerald-300);
      --color-success-darker: var(--color-emerald-200);
      --color-info-lighter: var(--color-sky-900);
      --color-info-light: var(--color-sky-700);
      --color-info: var(--color-sky-400);
      --color-info-dark: var(--color-sky-300);
      --color-info-darker: var(--color-sky-200);
      --border-color-subtle: var(--color-gray-800);
      --border-color-default: var(--color-gray-700);
      --border-color-emphasis: var(--color-gray-600);
      --color-active: var(--color-gray-500);
      --color-hover: var(--color-gray-700);
      --color-selected: var(--color-gray-900);
      --color-disabled-color: var(--color-gray-500);
      --color-disabled: var(--color-gray-700);
      --color-focus: var(--color-gray-700);
      --shadow-xl: 0px 12px 51px 0px rgba(0, 0, 0, 0.6), 0px 3px 24px 0px rgba(0, 0, 0, 0.56), 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
      --input-bg: var(--background-color-default);
      --input-color: var(--text-color-default);
      --input-border-color: var(--border-color-default);
      --input-hover-bg: var(--background-color-highlight);
      --input-hover-border-color: var(--text-color-subtle);
      --input-focus-bg: var(--color-primary-lighter);
      --input-focus-border-color: var(--color-primary);
      --input-disabled-color: var(--input-color);
      --input-disabled-bg: var(--color-disabled);
      --input-disabled-border-color: var(--border-color-default);
      --form-valid-bg: var(--color-success-lighter);
      --form-valid-color: var(--color-success);
      --form-valid-border-color: var(--color-success-light);
      --form-valid-focus-border-color: var(--color-success);
      --form-invalid-bg: var(--color-danger-lighter);
      --form-invalid-color: var(--color-danger);
      --form-invalid-border-color: var(--color-danger-light);
      --form-invalid-focus-border-color: var(--color-danger);
      --form-feedback-tooltip-color: var(--color-contrast);
      --body-bg: var(--background-color-default);
      --body-color: var(--text-color-default);
      --hr-border-color: var(--border-color-default);
      --anchor-color: var(--color-primary);
      --anchor-hover-color: var(--color-primary-dark);
    }
  }
}
@layer base {
  html {
    -webkit-font-smoothing: antialiased;
  }
  body {
    background-color: var(--body-bg);
    font-size: var(--body-font-size);
    --tw-leading: var(--body-line-height);
    line-height: var(--body-line-height);
    --tw-font-weight: var(--body-font-weight);
    font-weight: var(--body-font-weight);
    color: var(--body-color);
  }
  hr {
    margin-inline: var(--hr-margin-x);
    margin-block: var(--hr-margin-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--hr-border-color);
  }
  h1 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h1-font-size);
    --tw-leading: var(--h1-line-height);
    line-height: var(--h1-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  h2 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h2-font-size);
    --tw-leading: var(--h2-line-height);
    line-height: var(--h2-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  h3 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h3-font-size);
    --tw-leading: var(--h3-line-height);
    line-height: var(--h3-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  h4 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h4-font-size);
    --tw-leading: var(--h4-line-height);
    line-height: var(--h4-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  h5 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h5-font-size);
    --tw-leading: var(--h5-line-height);
    line-height: var(--h5-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  h6 {
    margin-bottom: var(--headings-margin-bottom);
    font-size: var(--h6-font-size);
    --tw-leading: var(--h6-line-height);
    line-height: var(--h6-line-height);
    --tw-font-weight: var(--headings-font-weight);
    font-weight: var(--headings-font-weight);
  }
  p {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: var(--paragraph-margin-bottom);
  }
  address {
    margin-bottom: calc(var(--spacing) * 4);
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ol, ul {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  ol, ul, dl {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
  }
  ol ol, ul ul, ol ul, ul ol {
    margin-bottom: calc(var(--spacing) * 0);
  }
  dt {
    --tw-font-weight: var(--dt-font-weight);
    font-weight: var(--dt-font-weight);
  }
  blockquote {
    margin-bottom: calc(var(--spacing) * 4);
  }
  a {
    color: var(--anchor-color);
    text-decoration-line: underline;
    &:hover {
      @media (hover: hover) {
        color: var(--anchor-hover-color);
      }
    }
  }
  a:not([href]):not([class]) {
    &, &:hover {
      color: inherit;
      text-decoration-line: none;
    }
  }
  code {
    font-size: var(--code-font-size);
    color: var(--code-color);
    a > & {
      color: inherit;
    }
  }
  figure {
    margin-bottom: calc(var(--spacing) * 4);
  }
  caption {
    caption-side: bottom;
    padding-inline: var(--caption-padding-x);
    padding-block: var(--caption-padding-y);
    text-align: left;
    --tw-font-weight: var(--caption-font-weight);
    font-weight: var(--caption-font-weight);
  }
  label {
    display: inline-block;
  }
  button {
    cursor: pointer;
    &:disabled {
      cursor: default;
    }
  }
  legend {
    float: left;
    margin-bottom: var(--legend-margin-bottom);
    width: 100%;
    padding: calc(var(--spacing) * 0);
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--legend-font-weight);
    font-weight: var(--legend-font-weight);
    color: var(--legend-font-size);
  }
  output {
    display: inline-block;
  }
  :root, :host {
    @media (prefers-color-scheme: dark) {
      color-scheme: dark;
    }
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loader-bar1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes loader-bar2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.modal-backdrop {
  --backdrop-zindex: 1050;
  --backdrop-bg: color-mix(in srgb, oklch(13.4% 0.005 262.316) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --backdrop-bg: color-mix(in oklab, var(--color-gray-950) 20%, transparent);
  }
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: var(--backdrop-zindex);
  height: 100vh;
  width: 100vw;
  background-color: var(--backdrop-bg);
}
.offcanvas-backdrop {
  --backdrop-zindex: 1040;
  --backdrop-bg: color-mix(in srgb, oklch(13.4% 0.005 262.316) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --backdrop-bg: color-mix(in oklab, var(--color-gray-950) 20%, transparent);
  }
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: var(--backdrop-zindex);
  height: 100vh;
  width: 100vw;
  background-color: var(--backdrop-bg);
}
@keyframes placeholder-glow {
  50% {
    opacity: var(--placeholder-opacity-min);
  }
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.popover {
  --popover-zindex: 1070;
  --popover-max-width: 16rem;
  --popover-font-size: var(--text-sm);
  --popover-bg: var(--background-color-default);
  --popover-border-width: var(--border-width);
  --popover-border-color: var(--border-color-subtle);
  --popover-border-radius: var(--radius-lg);
  --popover-box-shadow: var(--shadow-xl);
  --popover-header-padding-x: calc(var(--spacing) * 4);
  --popover-header-padding-y: calc(var(--spacing) * 3);
  --popover-margin: calc(var(--spacing) * 1);
  --popover-header-font-size: var(--text-base);
  --popover-header-color: var(--text-color-default);
  --popover-header-bg: var(--background-color-default);
  --popover-body-padding-x: calc(var(--spacing) * 4);
  --popover-body-padding-y: calc(var(--spacing) * 3);
  --popover-body-color: var(--text-color-default);
  --popover-arrow-width: 0.85rem;
  --popover-arrow-height: 0.62rem;
  --popover-arrow-border-radius: calc(var(--spacing) * 0.5);
  --popover-arrow-border-color: var(--popover-border-color);
  z-index: var(--popover-zindex);
  display: block;
  max-width: var(--popover-max-width);
  border-radius: var(--popover-border-radius);
  border-style: var(--tw-border-style);
  border-width: var(--popover-border-width);
  border-color: var(--popover-border-color);
  background-color: var(--popover-bg);
  background-clip: padding-box;
  font-size: var(--popover-font-size);
  overflow-wrap: break-word;
  --tw-shadow: var(--popover-box-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  .popover-arrow {
    height: var(--popover-arrow-height);
    width: var(--popover-arrow-width);
    overflow: hidden;
    &::before {
      display: block;
      height: 100%;
      width: 100%;
      rotate: 45deg;
      border-style: var(--tw-border-style);
      border-width: var(--popover-border-width);
      border-color: var(--popover-arrow-border-color);
      background-color: var(--popover-bg);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
.bs-popover-auto {
  &[data-popper-placement^='top'] {
    margin-bottom: var(--popover-margin) !important;
    .popover-arrow {
      bottom: calc(var(--spacing) * 0);
      margin-bottom: calc(var(--popover-arrow-height) * -1);
      &::before {
        transform-origin: 100% 0;
        border-bottom-right-radius: var(--popover-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='right'] {
    --popover-arrow-height: 0.85rem;
    --popover-arrow-width: 0.62rem;
    margin-left: var(--popover-margin) !important;
    .popover-arrow {
      left: calc(var(--spacing) * 0);
      margin-left: calc(var(--popover-arrow-width) * -1);
      &::before {
        transform-origin: 100% 100%;
        border-bottom-left-radius: var(--popover-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='bottom'] {
    margin-top: var(--popover-margin) !important;
    .popover-arrow {
      top: calc(var(--spacing) * 0);
      margin-top: calc(var(--popover-arrow-height) * -1);
      &::before {
        transform-origin: 0px 100%;
        border-top-left-radius: var(--popover-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='left'] {
    --popover-arrow-height: 0.85rem;
    --popover-arrow-width: 0.62rem;
    margin-right: var(--popover-margin) !important;
    .popover-arrow {
      right: calc(var(--spacing) * 0);
      margin-right: calc(var(--popover-arrow-width) * -1);
      &::before {
        transform-origin: 0 0;
        border-top-right-radius: var(--popover-arrow-border-radius);
      }
    }
  }
}
.popover-header {
  margin-bottom: calc(var(--spacing) * 0);
  border-top-left-radius: calc(var(--popover-border-radius) - 1.5px);
  border-top-right-radius: calc(var(--popover-border-radius) - 1.5px);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: var(--popover-border-width);
  border-color: var(--popover-border-color);
  background-color: var(--popover-header-bg);
  padding-inline: var(--popover-header-padding-x);
  padding-block: var(--popover-header-padding-y);
  font-size: var(--popover-header-font-size);
  color: var(--popover-header-color);
  &:empty {
    display: none;
  }
}
.popover-body {
  padding-inline: var(--popover-body-padding-x);
  padding-block: var(--popover-body-padding-y);
  color: var(--popover-body-color);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--progress-stripe-size);
  }
}
.tooltip {
  --tooltip-zindex: 1080;
  --tooltip-max-width: 12.5rem;
  --tooltip-padding-x: calc(var(--spacing) * 2.5);
  --tooltip-padding-y: calc(var(--spacing) * 2);
  --tooltip-bg: var(--color-dark);
  --tooltip-color: var(--color-white);
  --tooltip-font-size: var(--text-xs);
  --tooltip-margin: calc(var(--spacing) * 1);
  --tooltip-opacity: 1;
  --tooltip-border-radius: var(--radius-sm);
  --tooltip-arrow-width: 0.75rem;
  --tooltip-arrow-height: 0.53rem;
  --tooltip-arrow-border-radius: calc(var(--spacing) * 0.5);
  z-index: var(--tooltip-zindex);
  display: block;
  font-size: var(--tooltip-font-size);
  --tw-leading: 1.2;
  line-height: 1.2;
  overflow-wrap: break-word;
  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: 200ms;
  transition-duration: 200ms;
  &.show {
    opacity: var(--tooltip-opacity);
  }
  .tooltip-arrow {
    height: var(--tooltip-arrow-height);
    width: var(--tooltip-arrow-width);
    overflow: hidden;
    &::before {
      display: block;
      height: 100%;
      width: 100%;
      rotate: 45deg;
      background-color: var(--tooltip-bg);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
.bs-tooltip-auto {
  &[data-popper-placement^='top'] {
    margin-bottom: var(--tooltip-margin) !important;
    .tooltip-arrow {
      bottom: calc(var(--spacing) * 0);
      margin-bottom: calc(var(--tooltip-arrow-height) * -1);
      &::before {
        transform-origin: 100% 0;
        border-bottom-right-radius: var(--tooltip-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='right'] {
    --tooltip-arrow-height: 0.75rem;
    --tooltip-arrow-width: 0.53rem;
    margin-left: var(--tooltip-margin) !important;
    .tooltip-arrow {
      left: calc(var(--spacing) * 0);
      margin-left: calc(var(--tooltip-arrow-width) * -1);
      &::before {
        transform-origin: 100% 100%;
        border-bottom-left-radius: var(--tooltip-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='bottom'] {
    margin-top: var(--tooltip-margin) !important;
    .tooltip-arrow {
      top: calc(var(--spacing) * 0);
      margin-top: calc(var(--tooltip-arrow-height) * -1);
      &::before {
        transform-origin: 0px 100%;
        border-top-left-radius: var(--tooltip-arrow-border-radius);
      }
    }
  }
  &[data-popper-placement^='left'] {
    --tooltip-arrow-height: 0.75rem;
    --tooltip-arrow-width: 0.53rem;
    margin-right: var(--tooltip-margin) !important;
    .tooltip-arrow {
      right: calc(var(--spacing) * 0);
      margin-right: calc(var(--tooltip-arrow-width) * -1);
      &::before {
        transform-origin: 0 0;
        border-top-right-radius: var(--tooltip-arrow-border-radius);
      }
    }
  }
}
.tooltip-inner {
  max-width: var(--tooltip-max-width);
  border-radius: var(--tooltip-border-radius);
  background-color: var(--tooltip-bg);
  padding-inline: var(--tooltip-padding-x);
  padding-block: var(--tooltip-padding-y);
  text-align: center;
  color: var(--tooltip-color);
}
.fade {
  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: 150ms;
  transition-duration: 150ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  &:not(.show) {
    opacity: 0%;
  }
}
.collapse {
  visibility: visible;
  &:not(.show) {
    display: none;
  }
}
.collapsing {
  height: calc(var(--spacing) * 0);
  overflow: hidden;
  transition-property: height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &.collapse-horizontal {
    height: auto;
    width: calc(var(--spacing) * 0);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --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-border-style: solid;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-content: "";
      --tw-ease: initial;
    }
  }
}