/*!
 * Bootstrap v6 (compiled from /home/runner/work/bootstrap-tokens/bootstrap-tokens/bootstrap-v6-dev) — MIT
 * Vendored for the token chooser preview. Regenerate with: bstokens vendor
 */
@charset "UTF-8";
/*!
  * Bootstrap  v6.0.0-alpha1 (https://getbootstrap.com/)
  * Copyright 2011-2026 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
:root,
:host {
  --blue-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.24 240deg));
  --blue-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.24 240deg));
  --blue-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.24 240deg));
  --blue-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.24 240deg));
  --blue-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.24 240deg));
  --blue-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.24 240deg));
  --blue-500: oklch(60% 0.24 240deg);
  --blue-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.24 240deg));
  --blue-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.24 240deg));
  --blue-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.24 240deg));
  --blue-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.24 240deg));
  --blue-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.24 240deg));
  --blue-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.24 240deg));
  --indigo-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.26 288deg));
  --indigo-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.26 288deg));
  --indigo-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.26 288deg));
  --indigo-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.26 288deg));
  --indigo-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.26 288deg));
  --indigo-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.26 288deg));
  --indigo-500: oklch(56% 0.26 288deg);
  --indigo-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.26 288deg));
  --indigo-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.26 288deg));
  --indigo-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.26 288deg));
  --indigo-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.26 288deg));
  --indigo-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.26 288deg));
  --indigo-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.26 288deg));
  --violet-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 300deg));
  --violet-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 300deg));
  --violet-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 300deg));
  --violet-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 300deg));
  --violet-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 300deg));
  --violet-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 300deg));
  --violet-500: oklch(56% 0.24 300deg);
  --violet-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 300deg));
  --violet-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 300deg));
  --violet-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 300deg));
  --violet-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 300deg));
  --violet-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 300deg));
  --violet-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 300deg));
  --purple-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 320deg));
  --purple-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 320deg));
  --purple-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 320deg));
  --purple-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 320deg));
  --purple-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 320deg));
  --purple-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 320deg));
  --purple-500: oklch(56% 0.24 320deg);
  --purple-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 320deg));
  --purple-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 320deg));
  --purple-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 320deg));
  --purple-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 320deg));
  --purple-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 320deg));
  --purple-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 320deg));
  --pink-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 4deg));
  --pink-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 4deg));
  --pink-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 4deg));
  --pink-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 4deg));
  --pink-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 4deg));
  --pink-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 4deg));
  --pink-500: oklch(60% 0.22 4deg);
  --pink-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 4deg));
  --pink-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 4deg));
  --pink-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 4deg));
  --pink-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 4deg));
  --pink-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 4deg));
  --pink-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 4deg));
  --red-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 20deg));
  --red-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 20deg));
  --red-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 20deg));
  --red-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 20deg));
  --red-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 20deg));
  --red-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 20deg));
  --red-500: oklch(60% 0.22 20deg);
  --red-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 20deg));
  --red-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 20deg));
  --red-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 20deg));
  --red-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 20deg));
  --red-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 20deg));
  --red-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 20deg));
  --orange-025: color-mix(in oklch, var(--white) 94%, oklch(70% 0.22 52deg));
  --orange-050: color-mix(in oklch, var(--white) 90%, oklch(70% 0.22 52deg));
  --orange-100: color-mix(in oklch, var(--white) 80%, oklch(70% 0.22 52deg));
  --orange-200: color-mix(in oklch, var(--white) 60%, oklch(70% 0.22 52deg));
  --orange-300: color-mix(in oklch, var(--white) 40%, oklch(70% 0.22 52deg));
  --orange-400: color-mix(in oklch, var(--white) 20%, oklch(70% 0.22 52deg));
  --orange-500: oklch(70% 0.22 52deg);
  --orange-600: color-mix(in oklch, var(--black) 16%, oklch(70% 0.22 52deg));
  --orange-700: color-mix(in oklch, var(--black) 32%, oklch(70% 0.22 52deg));
  --orange-800: color-mix(in oklch, var(--black) 48%, oklch(70% 0.22 52deg));
  --orange-900: color-mix(in oklch, var(--black) 64%, oklch(70% 0.22 52deg));
  --orange-950: color-mix(in oklch, var(--black) 70%, oklch(70% 0.22 52deg));
  --orange-975: color-mix(in oklch, var(--black) 76%, oklch(70% 0.22 52deg));
  --amber-025: color-mix(in oklch, var(--white) 94%, oklch(79% 0.2 78deg));
  --amber-050: color-mix(in oklch, var(--white) 90%, oklch(79% 0.2 78deg));
  --amber-100: color-mix(in oklch, var(--white) 80%, oklch(79% 0.2 78deg));
  --amber-200: color-mix(in oklch, var(--white) 60%, oklch(79% 0.2 78deg));
  --amber-300: color-mix(in oklch, var(--white) 40%, oklch(79% 0.2 78deg));
  --amber-400: color-mix(in oklch, var(--white) 20%, oklch(79% 0.2 78deg));
  --amber-500: oklch(79% 0.2 78deg);
  --amber-600: color-mix(in oklch, var(--black) 16%, oklch(79% 0.2 78deg));
  --amber-700: color-mix(in oklch, var(--black) 32%, oklch(79% 0.2 78deg));
  --amber-800: color-mix(in oklch, var(--black) 48%, oklch(79% 0.2 78deg));
  --amber-900: color-mix(in oklch, var(--black) 64%, oklch(79% 0.2 78deg));
  --amber-950: color-mix(in oklch, var(--black) 70%, oklch(79% 0.2 78deg));
  --amber-975: color-mix(in oklch, var(--black) 76%, oklch(79% 0.2 78deg));
  --yellow-025: color-mix(in oklch, var(--white) 94%, oklch(88% 0.24 88deg));
  --yellow-050: color-mix(in oklch, var(--white) 90%, oklch(88% 0.24 88deg));
  --yellow-100: color-mix(in oklch, var(--white) 80%, oklch(88% 0.24 88deg));
  --yellow-200: color-mix(in oklch, var(--white) 60%, oklch(88% 0.24 88deg));
  --yellow-300: color-mix(in oklch, var(--white) 40%, oklch(88% 0.24 88deg));
  --yellow-400: color-mix(in oklch, var(--white) 20%, oklch(88% 0.24 88deg));
  --yellow-500: oklch(88% 0.24 88deg);
  --yellow-600: color-mix(in oklch, var(--black) 16%, oklch(88% 0.24 88deg));
  --yellow-700: color-mix(in oklch, var(--black) 32%, oklch(88% 0.24 88deg));
  --yellow-800: color-mix(in oklch, var(--black) 48%, oklch(88% 0.24 88deg));
  --yellow-900: color-mix(in oklch, var(--black) 64%, oklch(88% 0.24 88deg));
  --yellow-950: color-mix(in oklch, var(--black) 70%, oklch(88% 0.24 88deg));
  --yellow-975: color-mix(in oklch, var(--black) 76%, oklch(88% 0.24 88deg));
  --lime-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.24 135deg));
  --lime-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.24 135deg));
  --lime-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.24 135deg));
  --lime-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.24 135deg));
  --lime-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.24 135deg));
  --lime-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.24 135deg));
  --lime-500: oklch(65% 0.24 135deg);
  --lime-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.24 135deg));
  --lime-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.24 135deg));
  --lime-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.24 135deg));
  --lime-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.24 135deg));
  --lime-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.24 135deg));
  --lime-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.24 135deg));
  --green-025: color-mix(in oklch, var(--white) 94%, oklch(64% 0.22 160deg));
  --green-050: color-mix(in oklch, var(--white) 90%, oklch(64% 0.22 160deg));
  --green-100: color-mix(in oklch, var(--white) 80%, oklch(64% 0.22 160deg));
  --green-200: color-mix(in oklch, var(--white) 60%, oklch(64% 0.22 160deg));
  --green-300: color-mix(in oklch, var(--white) 40%, oklch(64% 0.22 160deg));
  --green-400: color-mix(in oklch, var(--white) 20%, oklch(64% 0.22 160deg));
  --green-500: oklch(64% 0.22 160deg);
  --green-600: color-mix(in oklch, var(--black) 16%, oklch(64% 0.22 160deg));
  --green-700: color-mix(in oklch, var(--black) 32%, oklch(64% 0.22 160deg));
  --green-800: color-mix(in oklch, var(--black) 48%, oklch(64% 0.22 160deg));
  --green-900: color-mix(in oklch, var(--black) 64%, oklch(64% 0.22 160deg));
  --green-950: color-mix(in oklch, var(--black) 70%, oklch(64% 0.22 160deg));
  --green-975: color-mix(in oklch, var(--black) 76%, oklch(64% 0.22 160deg));
  --teal-025: color-mix(in oklch, var(--white) 94%, oklch(68% 0.22 190deg));
  --teal-050: color-mix(in oklch, var(--white) 90%, oklch(68% 0.22 190deg));
  --teal-100: color-mix(in oklch, var(--white) 80%, oklch(68% 0.22 190deg));
  --teal-200: color-mix(in oklch, var(--white) 60%, oklch(68% 0.22 190deg));
  --teal-300: color-mix(in oklch, var(--white) 40%, oklch(68% 0.22 190deg));
  --teal-400: color-mix(in oklch, var(--white) 20%, oklch(68% 0.22 190deg));
  --teal-500: oklch(68% 0.22 190deg);
  --teal-600: color-mix(in oklch, var(--black) 16%, oklch(68% 0.22 190deg));
  --teal-700: color-mix(in oklch, var(--black) 32%, oklch(68% 0.22 190deg));
  --teal-800: color-mix(in oklch, var(--black) 48%, oklch(68% 0.22 190deg));
  --teal-900: color-mix(in oklch, var(--black) 64%, oklch(68% 0.22 190deg));
  --teal-950: color-mix(in oklch, var(--black) 70%, oklch(68% 0.22 190deg));
  --teal-975: color-mix(in oklch, var(--black) 76%, oklch(68% 0.22 190deg));
  --cyan-025: color-mix(in oklch, var(--white) 94%, oklch(69% 0.22 220deg));
  --cyan-050: color-mix(in oklch, var(--white) 90%, oklch(69% 0.22 220deg));
  --cyan-100: color-mix(in oklch, var(--white) 80%, oklch(69% 0.22 220deg));
  --cyan-200: color-mix(in oklch, var(--white) 60%, oklch(69% 0.22 220deg));
  --cyan-300: color-mix(in oklch, var(--white) 40%, oklch(69% 0.22 220deg));
  --cyan-400: color-mix(in oklch, var(--white) 20%, oklch(69% 0.22 220deg));
  --cyan-500: oklch(69% 0.22 220deg);
  --cyan-600: color-mix(in oklch, var(--black) 16%, oklch(69% 0.22 220deg));
  --cyan-700: color-mix(in oklch, var(--black) 32%, oklch(69% 0.22 220deg));
  --cyan-800: color-mix(in oklch, var(--black) 48%, oklch(69% 0.22 220deg));
  --cyan-900: color-mix(in oklch, var(--black) 64%, oklch(69% 0.22 220deg));
  --cyan-950: color-mix(in oklch, var(--black) 70%, oklch(69% 0.22 220deg));
  --cyan-975: color-mix(in oklch, var(--black) 76%, oklch(69% 0.22 220deg));
  --brown-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.12 54deg));
  --brown-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.12 54deg));
  --brown-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.12 54deg));
  --brown-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.12 54deg));
  --brown-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.12 54deg));
  --brown-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.12 54deg));
  --brown-500: oklch(60% 0.12 54deg);
  --brown-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.12 54deg));
  --brown-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.12 54deg));
  --brown-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.12 54deg));
  --brown-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.12 54deg));
  --brown-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.12 54deg));
  --brown-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.12 54deg));
  --gray-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.02 245deg));
  --gray-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.02 245deg));
  --gray-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.02 245deg));
  --gray-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.02 245deg));
  --gray-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.02 245deg));
  --gray-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.02 245deg));
  --gray-500: oklch(60% 0.02 245deg);
  --gray-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.02 245deg));
  --gray-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.02 245deg));
  --gray-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.02 245deg));
  --gray-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.02 245deg));
  --gray-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.02 245deg));
  --gray-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.02 245deg));
  --pewter-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.01 290deg));
  --pewter-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.01 290deg));
  --pewter-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.01 290deg));
  --pewter-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.01 290deg));
  --pewter-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.01 290deg));
  --pewter-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.01 290deg));
  --pewter-500: oklch(65% 0.01 290deg);
  --pewter-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.01 290deg));
  --pewter-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.01 290deg));
  --pewter-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.01 290deg));
  --pewter-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.01 290deg));
  --pewter-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.01 290deg));
  --pewter-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.01 290deg));
}

@layer colors, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;
:root,
:host {
  --black: #000;
  --white: #fff;
  --gradient: linear-gradient(180deg, color-mix(var(--white) 15%, transparent), color-mix(var(--white) 0%, transparent));
  --body-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --body-font-size: 1rem;
  --body-font-weight: var(--font-weight-normal);
  --body-line-height: 1.5;
  --heading-color: inherit;
  --hr-border-color: var(--border-color);
  --link-color: light-dark(var(--primary-base), var(--primary-fg));
  --link-decoration: underline;
  --link-underline-offset: 0.2em;
  --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Monaco, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace;
  --code-font-size: 95%;
  --code-color: var(--fg-2);
  --border-width: 1px;
  --border-width-keyline: 0.5px;
  --border-style: solid;
  --border-color: light-dark(var(--gray-200), var(--gray-700));
  --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent);
  --shadow-color: #000;
  --shadow-strength: 1;
  --transition-timing-overlay: cubic-bezier(0.22, 1, 0.36, 1);
  --spacer: 1rem;
  --focus-ring-width: 3px;
  --focus-ring-offset: 1px;
  --focus-ring-color: var(--primary-focus-ring);
  --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);
  --control-checked-bg: var(--primary-base);
  --control-checked-border-color: var(--control-checked-bg);
  --control-active-bg: var(--primary-base);
  --control-active-border-color: var(--control-active-bg);
  --control-disabled-bg: var(--bg-3);
  --control-disabled-opacity: 0.65;
  --control-transition-duration: 0.15s;
  --control-transition-timing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --btn-input-fg: var(--fg-body);
  --btn-input-bg: var(--bg-body);
  --btn-input-gap: 0.375rem;
  --btn-input-min-height: 2.375rem;
  --btn-input-padding-y: 0.375rem;
  --btn-input-padding-x: 0.75rem;
  --btn-input-font-size: var(--body-font-size);
  --btn-input-line-height: var(--body-line-height);
  --btn-input-border-radius: var(--radius-5);
  --btn-input-xs-gap: var(--spacer-1);
  --btn-input-xs-min-height: 1.5rem;
  --btn-input-xs-padding-y: 0.125rem;
  --btn-input-xs-padding-x: 0.5rem;
  --btn-input-xs-font-size: var(--font-size-xs);
  --btn-input-xs-line-height: 1.125;
  --btn-input-xs-border-radius: var(--radius-5);
  --btn-input-sm-gap: 0.375rem;
  --btn-input-sm-min-height: 2rem;
  --btn-input-sm-padding-y: 0.25rem;
  --btn-input-sm-padding-x: 0.625rem;
  --btn-input-sm-font-size: var(--font-size-sm);
  --btn-input-sm-line-height: var(--line-height-sm);
  --btn-input-sm-border-radius: var(--radius-5);
  --btn-input-lg-gap: 0.375rem;
  --btn-input-lg-min-height: 2.75rem;
  --btn-input-lg-padding-y: 0.5rem;
  --btn-input-lg-padding-x: 1rem;
  --btn-input-lg-font-size: var(--font-size-md);
  --btn-input-lg-line-height: var(--line-height-md);
  --btn-input-lg-border-radius: var(--radius-7);
  --font-size-xs: 0.75rem;
  --line-height-xs: 1.25;
  --font-size-sm: 0.875rem;
  --line-height-sm: 1.5;
  --font-size-md: 1rem;
  --line-height-md: 1.5;
  --font-size-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --line-height-lg: 1.5;
  --font-size-xl: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
  --line-height-xl: 1.4285714286;
  --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);
  --line-height-2xl: 1.3333333333;
  --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
  --line-height-3xl: 1.2;
  --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  --line-height-4xl: 1.1;
  --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);
  --line-height-5xl: 1.1;
  --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
  --line-height-6xl: 1;
  --font-weight-lighter: lighter;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-bolder: bolder;
  --primary-base: var(--blue-500);
  --primary-fg: light-dark(var(--blue-600), var(--blue-400));
  --primary-fg-emphasis: light-dark(var(--blue-800), var(--blue-200));
  --primary-bg: var(--blue-500);
  --primary-bg-subtle: light-dark(var(--blue-100), var(--blue-900));
  --primary-bg-muted: light-dark(var(--blue-200), var(--blue-800));
  --primary-border: light-dark(var(--blue-300), var(--blue-600));
  --primary-focus-ring: light-dark(color-mix(in oklch, var(--blue-500) 50%, var(--bg-body)), color-mix(in oklch, var(--blue-500) 75%, var(--bg-body)));
  --primary-contrast: var(--white);
  --accent-base: var(--indigo-500);
  --accent-fg: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));
  --accent-fg-emphasis: light-dark(var(--indigo-800), var(--indigo-300));
  --accent-bg: var(--indigo-500);
  --accent-bg-subtle: light-dark(var(--indigo-100), var(--indigo-900));
  --accent-bg-muted: light-dark(var(--indigo-200), var(--indigo-800));
  --accent-border: light-dark(var(--indigo-300), var(--indigo-600));
  --accent-focus-ring: light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body)));
  --accent-contrast: var(--white);
  --success-base: var(--green-500);
  --success-fg: light-dark(var(--green-600), var(--green-400));
  --success-fg-emphasis: light-dark(var(--green-800), var(--green-300));
  --success-bg: var(--green-500);
  --success-bg-subtle: light-dark(var(--green-100), var(--green-900));
  --success-bg-muted: light-dark(var(--green-200), var(--green-800));
  --success-border: light-dark(var(--green-300), var(--green-600));
  --success-focus-ring: light-dark(color-mix(in oklch, var(--green-500) 50%, var(--bg-body)), color-mix(in oklch, var(--green-500) 75%, var(--bg-body)));
  --success-contrast: var(--white);
  --danger-base: var(--red-500);
  --danger-fg: light-dark(var(--red-600), var(--red-400));
  --danger-fg-emphasis: light-dark(var(--red-800), var(--red-300));
  --danger-bg: var(--red-500);
  --danger-bg-subtle: light-dark(var(--red-100), var(--red-900));
  --danger-bg-muted: light-dark(var(--red-200), var(--red-800));
  --danger-border: light-dark(var(--red-300), var(--red-600));
  --danger-focus-ring: light-dark(color-mix(in oklch, var(--red-500) 50%, var(--bg-body)), color-mix(in oklch, var(--red-500) 75%, var(--bg-body)));
  --danger-contrast: var(--white);
  --warning-base: var(--yellow-500);
  --warning-fg: light-dark(var(--yellow-700), var(--yellow-400));
  --warning-fg-emphasis: light-dark(var(--yellow-800), var(--yellow-300));
  --warning-bg: var(--yellow-500);
  --warning-bg-subtle: light-dark(var(--yellow-100), var(--yellow-900));
  --warning-bg-muted: light-dark(var(--yellow-200), var(--yellow-800));
  --warning-border: light-dark(var(--yellow-300), var(--yellow-600));
  --warning-focus-ring: light-dark(color-mix(in oklch, var(--yellow-500) 50%, var(--bg-body)), color-mix(in oklch, var(--yellow-400) 85%, var(--bg-body)));
  --warning-contrast: var(--gray-900);
  --info-base: var(--cyan-500);
  --info-fg: light-dark(var(--cyan-600), var(--cyan-400));
  --info-fg-emphasis: light-dark(var(--cyan-800), var(--cyan-300));
  --info-bg: var(--cyan-500);
  --info-bg-subtle: light-dark(var(--cyan-100), var(--cyan-900));
  --info-bg-muted: light-dark(var(--cyan-200), var(--cyan-800));
  --info-border: light-dark(var(--cyan-300), var(--cyan-600));
  --info-focus-ring: light-dark(color-mix(in oklch, var(--cyan-500) 50%, var(--bg-body)), color-mix(in oklch, var(--cyan-500) 75%, var(--bg-body)));
  --info-contrast: var(--gray-900);
  --inverse-base: var(--gray-900);
  --inverse-fg: light-dark(var(--gray-900), var(--gray-200));
  --inverse-fg-emphasis: light-dark(var(--gray-975), var(--white));
  --inverse-bg: light-dark(var(--gray-900), var(--gray-025));
  --inverse-bg-subtle: light-dark(var(--gray-100), var(--gray-900));
  --inverse-bg-muted: light-dark(var(--gray-200), var(--gray-300));
  --inverse-border: light-dark(var(--gray-400), var(--gray-100));
  --inverse-focus-ring: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body));
  --inverse-contrast: light-dark(var(--white), var(--gray-900));
  --secondary-base: var(--gray-200);
  --secondary-fg: light-dark(var(--gray-600), var(--gray-400));
  --secondary-fg-emphasis: light-dark(var(--gray-800), var(--gray-200));
  --secondary-bg: light-dark(var(--gray-100), var(--gray-600));
  --secondary-bg-subtle: light-dark(var(--gray-050), var(--gray-800));
  --secondary-bg-muted: light-dark(var(--gray-100), var(--gray-700));
  --secondary-border: light-dark(var(--gray-300), var(--gray-600));
  --secondary-focus-ring: color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body));
  --secondary-contrast: light-dark(var(--gray-900), var(--white));
  --bg-body: light-dark(var(--white), var(--gray-975));
  --bg-1: light-dark(var(--gray-025), var(--gray-950));
  --bg-2: light-dark(var(--gray-050), var(--gray-900));
  --bg-3: light-dark(var(--gray-100), var(--gray-800));
  --bg-4: light-dark(var(--gray-200), var(--gray-700));
  --bg-fg: var(--fg-body);
  --bg-white: var(--white);
  --bg-black: var(--black);
  --bg-transparent: transparent;
  --bg-inherit: inherit;
  --fg-body: light-dark(var(--gray-900), var(--gray-050));
  --fg-1: light-dark(var(--gray-800), var(--gray-200));
  --fg-2: light-dark(var(--gray-700), var(--gray-300));
  --fg-3: light-dark(var(--gray-600), var(--gray-500));
  --fg-4: light-dark(var(--gray-500), var(--gray-600));
  --fg-bg: var(--bg-body);
  --fg-white: var(--white);
  --fg-black: var(--black);
  --fg-inherit: inherit;
  --border-bg: var(--bg-body);
  --border-body: light-dark(var(--gray-300), var(--gray-800));
  --border-muted: light-dark(var(--gray-200), var(--gray-800));
  --border-subtle: light-dark(color-mix(in oklch, var(--gray-100), var(--gray-200)), color-mix(in oklch, var(--gray-800), var(--gray-900)));
  --border-emphasized: light-dark(var(--gray-400), var(--gray-600));
  --border-white: var(--white);
  --border-black: var(--black);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.375rem;
  --spacer-3: 0.5rem;
  --spacer-4: 0.75rem;
  --spacer-5: 1rem;
  --spacer-6: 1.25rem;
  --spacer-7: 1.5rem;
  --spacer-8: 1.75rem;
  --spacer-9: 2rem;
  --spacer-10: 2.25rem;
  --spacer-11: 2.5rem;
  --spacer-12: 3rem;
  --radius-0: 0;
  --radius-1: 0.125rem;
  --radius-2: 0.1875rem;
  --radius-3: 0.25rem;
  --radius-4: 0.375rem;
  --radius-5: 0.5rem;
  --radius-6: 0.625rem;
  --radius-7: 0.75rem;
  --radius-8: 0.875rem;
  --radius-9: 1rem;
  --radius-pill: 50rem;
  --box-shadow: 0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-xs: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-sm: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-lg: 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-xl: 0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-inset: inset 0 1px 2px light-dark(oklch(from var(--sc, var(--shadow-color)) l c h/calc(8% * var(--so, 1))), oklch(from var(--sc, var(--shadow-color)) l c h/calc(26% * var(--so, 1))));
  --z-n1: -1;
  --z-0: 0;
  --z-1: 1;
  --z-2: 2;
  --z-3: 3;
  --z-menu: 1000;
  --z-sticky: 1010;
  --z-fixed: 1020;
  --z-drawer: 1030;
  --z-dialog: 1040;
  --z-popover: 1050;
  --z-tooltip: 1060;
  --z-toast: 1070;
  color-scheme: light dark;
  scrollbar-gutter: stable;
}

@media (prefers-color-scheme: dark) {
  :root,
  :host {
    --shadow-strength: 2.4;
  }
}
[data-bs-theme=dark] {
  --shadow-strength: 2.4;
  color-scheme: dark;
}

[data-bs-theme=light] {
  --shadow-strength: 1;
  color-scheme: light;
}

:root,
:host {
  --heading-margin-bottom: var(--spacer-2);
  --heading-line-height: 1.2;
  --paragraph-margin-bottom: var(--spacer);
  --legend-margin-bottom: var(--spacer-2);
  --legend-font-size: 1.5rem;
  --list-padding-x: var(--spacer-7);
}

@layer reboot {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  :root,
  :host {
    accent-color: var(--primary-base);
  }
  iframe {
    color-scheme: light dark;
    border: 0;
  }
  body {
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--fg-body);
    text-align: var(--body-text-align);
    background-color: var(--bg-body);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    margin: var(--hr-margin-y, var(--spacer)) 0;
    border: 0;
    border-block-start: var(--border-width) solid var(--hr-border-color);
  }
  h6,
  .h6, h5,
  .h5, h4,
  .h4, h3,
  .h3, h2,
  .h2, h1,
  .h1 {
    margin-top: 0;
    margin-bottom: var(--heading-margin-bottom);
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight, var(--font-weight-medium));
    line-height: var(--heading-line-height);
    color: var(--heading-color);
  }
  h1,
  .h1 {
    font-size: var(--font-size-3xl);
  }
  h2,
  .h2 {
    font-size: var(--font-size-2xl);
  }
  h3,
  .h3 {
    font-size: var(--font-size-xl);
  }
  h4,
  .h4 {
    font-size: var(--font-size-lg);
  }
  h5,
  .h5 {
    font-size: var(--font-size-md);
  }
  h6,
  .h6 {
    font-size: var(--font-size-sm);
  }
  p {
    margin-top: 0;
    margin-bottom: var(--paragraph-margin-bottom);
  }
  abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
  }
  .initialism {
    font-size: var(--initialism-font-size, var(--font-size-xs));
    text-transform: uppercase;
  }
  address {
    margin-bottom: var(--spacer);
    font-style: normal;
    line-height: inherit;
  }
  ol,
  ul {
    padding-inline-start: var(--list-padding-x);
  }
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: var(--spacer);
  }
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  dt {
    font-weight: var(--dt-font-weight, var(--font-weight-bold));
  }
  dd {
    margin-inline-start: 0;
    margin-bottom: var(--spacer-2);
  }
  blockquote {
    margin: 0 0 var(--spacer);
  }
  blockquote > * {
    margin-block: 0;
  }
  b,
  strong {
    font-weight: var(--font-weight-bolder);
  }
  small,
  .small {
    font-size: var(--small-font-size, 87.5%);
  }
  mark,
  .mark {
    --mark-padding: 0.1875em;
    --mark-color: var(--fg-body);
    --mark-bg: light-dark(var(--yellow-100), var(--yellow-900));
    padding: var(--mark-padding);
    color: var(--mark-color);
    background-color: var(--mark-bg);
  }
  sub,
  sup {
    position: relative;
    font-size: var(--sub-sup-font-size, 0.75em);
    line-height: 0;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  a {
    color: var(--theme-fg, var(--link-color));
    text-decoration: var(--link-decoration);
    text-underline-offset: var(--link-underline-offset);
  }
  a:hover {
    color: var(--theme-fg-emphasis, var(--link-hover-color));
    text-decoration: var(--link-hover-decoration, var(--link-decoration));
  }
  a:not([href], [class]), a:not([href], [class]):hover {
    color: inherit;
    text-decoration: none;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: var(--font-mono);
    font-size: 1em;
  }
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: var(--spacer);
    overflow: auto;
    font-size: var(--code-font-size);
    color: var(--code-color, inherit);
    scrollbar-gutter: stable;
  }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }
  code {
    font-size: var(--code-font-size);
    color: var(--code-color);
    word-wrap: break-word;
  }
  a > code {
    color: inherit;
  }
  kbd {
    --kbd-padding-y: 0.125rem;
    --kbd-padding-x: var(--spacer-1);
    --kbd-font-size: var(--font-size-xs);
    --kbd-color: var(--bg-body);
    --kbd-bg: var(--fg-2);
    --kbd-border-radius: var(--radius-3);
    padding: var(--kbd-padding-y) var(--kbd-padding-x);
    font-size: var(--kbd-font-size);
    color: var(--kbd-color);
    background-color: var(--kbd-bg);
    border-radius: var(--kbd-border-radius);
  }
  kbd kbd {
    padding: 0;
    font-size: 1em;
  }
  figure {
    margin: 0 0 var(--spacer);
  }
  img,
  svg {
    vertical-align: middle;
  }
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  caption {
    padding-block: var(--spacer-2);
    color: var(--fg-3);
    text-align: start;
  }
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  label {
    display: inline-block;
  }
  button {
    border-radius: 0;
  }
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  [role=button] {
    cursor: pointer;
  }
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  [list]:not([type=date], [type=datetime-local], [type=month], [type=week], [type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  textarea {
    resize: vertical;
  }
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    float: inline-start;
    width: 100%;
    padding: 0;
    margin-bottom: var(--legend-margin-bottom);
    font-size: var(--legend-font-size);
    font-weight: var(--legend-font-weight);
    line-height: inherit;
  }
  legend + * {
    clear: inline-start;
  }
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-meridiem-field,
  ::-webkit-datetime-edit-ampm-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-week-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1);
  }
  [type=tel],
  [type=url],
  [type=email],
  [type=number] {
    direction: ltr;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }
  output {
    display: inline-block;
  }
  summary {
    display: list-item;
    cursor: pointer;
  }
  progress {
    vertical-align: baseline;
  }
  [hidden] {
    display: none !important;
  }
}
@layer content {
  .list-unstyled {
    padding-inline-start: 0;
    list-style-type: "";
  }
  .list-inline {
    padding-inline-start: 0;
    list-style-type: "";
  }
  .list-inline-item {
    display: inline-block;
  }
  .list-inline-item:not(:last-child) {
    margin-inline-end: var(--list-inline-padding, var(--spacer)/2);
  }
}
@layer content {
  .blockquote {
    --blockquote-gap: calc(var(--spacer) / 2);
    --blockquote-padding-x: var(--spacer);
    --blockquote-margin-y: var(--spacer);
    --blockquote-font-size: var(--font-size-md);
    --blockquote-border-width: 0.25rem;
    --blockquote-border-color: var(--border-color);
    --blockquote-footer-font-size: var(--font-size-sm);
    --blockquote-footer-color: var(--fg-3);
    display: flex;
    flex-direction: column;
    gap: var(--blockquote-gap);
    padding-inline-start: var(--blockquote-padding-x);
    margin-bottom: var(--blockquote-margin-y);
    font-size: var(--blockquote-font-size);
    border-inline-start: var(--blockquote-border-width) solid var(--blockquote-border-color);
  }
  .blockquote > * {
    margin-bottom: 0;
  }
  figure.blockquote blockquote {
    margin-bottom: 0;
  }
  .blockquote-footer {
    font-size: var(--blockquote-footer-font-size);
    color: var(--blockquote-footer-color);
  }
  .blockquote-footer::before {
    content: "— ";
  }
}
@layer content {
  .table {
    --table-cell-padding-y: 0.5rem;
    --table-cell-padding-x: 0.5rem;
    --table-cell-vertical-align: top;
    --table-color: var(--fg-body);
    --table-bg: var(--bg-body);
    --table-accent-bg: transparent;
    --table-border-width: var(--border-width);
    --table-border-color: var(--border-color);
    --table-group-separator-color: currentcolor;
    --table-striped-color: var(--table-color);
    --table-striped-bg-factor: 5%;
    --table-striped-bg: color-mix(in srgb, var(--table-color) var(--table-striped-bg-factor), transparent);
    --table-active-color: var(--table-color);
    --table-active-bg-factor: 10%;
    --table-active-bg: color-mix(in srgb, var(--table-color) var(--table-active-bg-factor), transparent);
    --table-hover-color: var(--table-color);
    --table-hover-bg-factor: 7.5%;
    --table-hover-bg: color-mix(in srgb, var(--table-color) var(--table-hover-bg-factor), transparent);
    --table-color-type: initial;
    --table-bg-type: initial;
    --table-color-state: initial;
    --table-bg-state: initial;
    width: 100%;
    margin-bottom: var(--spacer);
    vertical-align: var(--table-cell-vertical-align);
    border-color: var(--theme-border, var(--table-border-color));
  }
  .table > :not(caption) > * > * {
    padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
    color: var(--table-color-state, var(--table-color-type, var(--theme-fg, var(--table-color))));
    background-color: var(--theme-bg-subtle, var(--table-bg));
    border-block-end-width: var(--table-border-width);
    box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--theme-bg-subtle, var(--table-accent-bg))));
  }
  .table > tbody {
    vertical-align: inherit;
  }
  .table > thead {
    vertical-align: bottom;
  }
  .table-group-divider {
    border-block-start: calc(var(--table-border-width) * 2) solid var(--table-group-separator-color);
  }
  .caption-top {
    caption-side: top;
  }
  .table-sm > :not(caption) > * > * {
    --table-cell-padding-y: .25rem;
    --table-cell-padding-x: .25rem;
  }
  .table-bordered > :not(caption) > * {
    border-width: var(--table-border-width) 0;
  }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--table-border-width);
  }
  .table-borderless > :not(caption) > * > * {
    border-block-end-width: 0;
  }
  .table-borderless > :not(:first-child) {
    border-block-start-width: 0;
  }
  .table-striped > tbody > tr:nth-of-type(odd) > * {
    --table-color-type: var(--theme-fg, var(--table-striped-color));
    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);
  }
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --table-color-type: var(--theme-fg, var(--table-striped-color));
    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);
  }
  .table-active {
    --table-color-state: var(--theme-fg, var(--table-active-color));
    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-active-bg-factor), transparent);
  }
  .table-hover > tbody > tr:hover > * {
    --table-color-state: var(--theme-fg, var(--table-hover-color));
    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-hover-bg-factor), transparent);
  }
  .table-responsive {
    container-type: inline-size;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .sm\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 576px) {
    .sm\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .md\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 768px) {
    .md\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .lg\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1024px) {
    .lg\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .xl\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1280px) {
    .xl\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .\32 xl\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1536px) {
    .\32 xl\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .table-stacked > thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .table-stacked > tbody > tr {
    display: block;
    padding-block: var(--table-cell-padding-y);
  }
  .table-stacked > tbody > tr + tr {
    border-block-start: var(--table-border-width) solid var(--table-border-color);
  }
  .table-stacked > tbody > tr > td {
    display: block;
    padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
    border: 0;
  }
  .table-stacked > tbody > tr > td:first-child {
    font-weight: var(--font-weight-bold);
  }
  .table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
    display: block;
    font-weight: var(--font-weight-semibold);
    content: attr(data-cell);
  }
  .table-stacked > tbody > tr > td:not(:first-child) + td::before {
    margin-block-start: 0.25rem;
  }
  @container (width < 576px) {
    .sm\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .sm\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .sm\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .sm\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .sm\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .sm\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .sm\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 768px) {
    .md\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .md\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .md\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .md\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .md\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .md\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .md\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1024px) {
    .lg\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .lg\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .lg\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .lg\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .lg\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .lg\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .lg\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1280px) {
    .xl\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .xl\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .xl\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .xl\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .xl\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1536px) {
    .\32 xl\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .\32 xl\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .\32 xl\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .\32 xl\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .\32 xl\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .\32 xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .\32 xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
}
@layer content {
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .img-thumbnail {
    --thumbnail-padding: 0.25rem;
    --thumbnail-bg: var(--bg-body);
    --thumbnail-border-width: var(--border-width);
    --thumbnail-border-color: var(--border-color);
    --thumbnail-border-radius: var(--radius-5);
    --thumbnail-box-shadow: var(--box-shadow-sm);
    padding: var(--thumbnail-padding);
    background-color: var(--thumbnail-bg);
    border: var(--thumbnail-border-width) solid var(--thumbnail-border-color);
    border-radius: var(--thumbnail-border-radius);
    box-shadow: var(--thumbnail-box-shadow);
    max-width: 100%;
    height: auto;
  }
  .figure {
    --figure-gap: calc(var(--spacer) * 0.5);
    --figure-caption-font-size: var(--font-size-sm);
    --figure-caption-color: var(--fg-3);
    display: flex;
    flex-direction: column;
    gap: var(--figure-gap);
  }
  .figure-caption {
    font-size: var(--figure-caption-font-size);
    color: var(--figure-caption-color);
  }
}
@layer content {
  .prose {
    --content-font-size: 1rem;
    --content-line-height: 1.5;
    --content-gap: calc(var(--content-font-size) * var(--content-line-height));
    --heading-color: light-dark(var(--gray-900), var(--white));
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--content-gap);
    max-width: 1000px;
    margin-inline: auto;
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
  }
  @media (width >= 1024px) {
    .prose {
      --content-font-size: var(--font-size-md);
      --content-line-height: 1.625;
    }
  }
  .prose :where(p, ul, ol, dl, pre, table, blockquote):not(:where(.not-prose, .not-prose *)) {
    margin-block: 0;
  }
  .prose :where(ul, ol):not([class], :where(.not-prose, .not-prose *)) li:not(:last-child) {
    margin-bottom: calc(var(--content-gap) / 4);
  }
  .prose :where(li ul, li ol):not(:where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) / 4);
  }
  .prose :where(hr):not(:where(.not-prose, .not-prose *)) {
    margin: calc(var(--content-gap) * 1.5) 0;
    border: 0;
    border-block-start: var(--border-width) solid var(--hr-border-color);
  }
  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) {
    margin-top: 0;
    margin-bottom: calc(var(--content-gap) / -2);
    font-weight: 500;
    line-height: 1.25;
  }
  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) code {
    font-weight: 600;
    color: inherit;
  }
  .prose :where(h1, h2):not(:first-child, :where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) * 0.75);
  }
  .prose :where(h3, h4, h5, h6):not(:first-child, :where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) * 0.5);
  }
  .prose :where(h1):not(:where(.not-prose, .not-prose *)) {
    font-size: 2.25em;
    line-height: 1.1;
  }
  .prose :where(h2):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.75em;
  }
  .prose :where(h3):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.5em;
  }
  .prose :where(h4):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.25em;
  }
  .prose :where(h5):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.125em;
  }
  .prose :where(h6):not(:where(.not-prose, .not-prose *)) {
    font-size: 1em;
  }
  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--link-color) 25%, transparent);
    text-underline-offset: 4px;
  }
  @media (prefers-reduced-motion: no-preference) {
    .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {
      transition: 0.1s text-decoration-color ease-in-out;
    }
  }
  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)):hover {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-color);
  }
  .prose :where(img):not(:where(.not-prose, .not-prose *)) {
    max-width: 100%;
  }
  .prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
    padding-inline-start: calc(var(--content-gap) / 2);
    margin: 0;
    border-inline-start: 4px solid var(--border-color);
  }
  .prose :where(table):not(:where(.not-prose, .not-prose *)) {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
  }
  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td,
  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) th {
    padding: 6px 12px;
    text-align: inherit;
    border: 1px solid var(--border-color);
  }
  .prose :where(dt):not(:where(.not-prose, .not-prose *)) {
    font-weight: 500;
  }
  .prose :where(video, img):not(:where(.not-prose, .not-prose *)) {
    max-width: 100%;
  }
}
@layer layout {
  .container,
  .container-fluid,
  .\32 xl\:container,
  .xl\:container,
  .lg\:container,
  .md\:container,
  .sm\:container {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    width: 100%;
    padding-inline: calc(var(--gutter-x) * 0.5);
    margin-inline: auto;
  }
  @media (width >= 576px) {
    .sm\:container, .container {
      max-width: 540px;
    }
  }
  @media (width >= 768px) {
    .md\:container, .sm\:container, .container {
      max-width: 720px;
    }
  }
  @media (width >= 1024px) {
    .lg\:container, .md\:container, .sm\:container, .container {
      max-width: 960px;
    }
  }
  @media (width >= 1280px) {
    .xl\:container, .lg\:container, .md\:container, .sm\:container, .container {
      max-width: 1200px;
    }
  }
  @media (width >= 1536px) {
    .\32 xl\:container, .xl\:container, .lg\:container, .md\:container, .sm\:container, .container {
      max-width: 1440px;
    }
  }
}
@layer layout {
  .row {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(-0.5 * var(--gutter-x));
    margin-top: calc(-1 * var(--gutter-y));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--gutter-x) * 0.5);
    margin-top: var(--gutter-y);
  }
  .col {
    flex: 1 0 0;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-3 {
    margin-inline-start: 25%;
  }
  .offset-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-6 {
    margin-inline-start: 50%;
  }
  .offset-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-9 {
    margin-inline-start: 75%;
  }
  .offset-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-11 {
    margin-inline-start: 91.6666666667%;
  }
  .g-0,
  .gx-0 {
    --gutter-x: 0;
  }
  .g-0,
  .gy-0 {
    --gutter-y: 0;
  }
  .g-1,
  .gx-1 {
    --gutter-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --gutter-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --gutter-x: 0.375rem;
  }
  .g-2,
  .gy-2 {
    --gutter-y: 0.375rem;
  }
  .g-3,
  .gx-3 {
    --gutter-x: 0.5rem;
  }
  .g-3,
  .gy-3 {
    --gutter-y: 0.5rem;
  }
  .g-4,
  .gx-4 {
    --gutter-x: 0.75rem;
  }
  .g-4,
  .gy-4 {
    --gutter-y: 0.75rem;
  }
  .g-5,
  .gx-5 {
    --gutter-x: 1rem;
  }
  .g-5,
  .gy-5 {
    --gutter-y: 1rem;
  }
  .g-6,
  .gx-6 {
    --gutter-x: 1.25rem;
  }
  .g-6,
  .gy-6 {
    --gutter-y: 1.25rem;
  }
  .g-7,
  .gx-7 {
    --gutter-x: 1.5rem;
  }
  .g-7,
  .gy-7 {
    --gutter-y: 1.5rem;
  }
  .g-8,
  .gx-8 {
    --gutter-x: 1.75rem;
  }
  .g-8,
  .gy-8 {
    --gutter-y: 1.75rem;
  }
  .g-9,
  .gx-9 {
    --gutter-x: 2rem;
  }
  .g-9,
  .gy-9 {
    --gutter-y: 2rem;
  }
  .g-10,
  .gx-10 {
    --gutter-x: 2.25rem;
  }
  .g-10,
  .gy-10 {
    --gutter-y: 2.25rem;
  }
  .g-11,
  .gx-11 {
    --gutter-x: 2.5rem;
  }
  .g-11,
  .gy-11 {
    --gutter-y: 2.5rem;
  }
  .g-12,
  .gx-12 {
    --gutter-x: 3rem;
  }
  .g-12,
  .gy-12 {
    --gutter-y: 3rem;
  }
  @media (width >= 576px) {
    .sm\:col {
      flex: 1 0 0;
    }
    .sm\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .sm\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .sm\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .sm\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .sm\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .sm\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .sm\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .sm\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .sm\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .sm\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .sm\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .sm\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .sm\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .sm\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .sm\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .sm\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .sm\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .sm\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .sm\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .sm\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .sm\:offset-0 {
      margin-inline-start: 0;
    }
    .sm\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .sm\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .sm\:offset-3 {
      margin-inline-start: 25%;
    }
    .sm\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .sm\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .sm\:offset-6 {
      margin-inline-start: 50%;
    }
    .sm\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .sm\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .sm\:offset-9 {
      margin-inline-start: 75%;
    }
    .sm\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .sm\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .sm\:g-0,
    .sm\:gx-0 {
      --gutter-x: 0;
    }
    .sm\:g-0,
    .sm\:gy-0 {
      --gutter-y: 0;
    }
    .sm\:g-1,
    .sm\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .sm\:g-1,
    .sm\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .sm\:g-2,
    .sm\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .sm\:g-2,
    .sm\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .sm\:g-3,
    .sm\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .sm\:g-3,
    .sm\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .sm\:g-4,
    .sm\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .sm\:g-4,
    .sm\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .sm\:g-5,
    .sm\:gx-5 {
      --gutter-x: 1rem;
    }
    .sm\:g-5,
    .sm\:gy-5 {
      --gutter-y: 1rem;
    }
    .sm\:g-6,
    .sm\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .sm\:g-6,
    .sm\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .sm\:g-7,
    .sm\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .sm\:g-7,
    .sm\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .sm\:g-8,
    .sm\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .sm\:g-8,
    .sm\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .sm\:g-9,
    .sm\:gx-9 {
      --gutter-x: 2rem;
    }
    .sm\:g-9,
    .sm\:gy-9 {
      --gutter-y: 2rem;
    }
    .sm\:g-10,
    .sm\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .sm\:g-10,
    .sm\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .sm\:g-11,
    .sm\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .sm\:g-11,
    .sm\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .sm\:g-12,
    .sm\:gx-12 {
      --gutter-x: 3rem;
    }
    .sm\:g-12,
    .sm\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 768px) {
    .md\:col {
      flex: 1 0 0;
    }
    .md\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .md\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .md\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .md\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .md\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .md\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .md\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .md\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .md\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .md\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .md\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .md\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .md\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .md\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .md\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .md\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .md\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .md\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .md\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .md\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .md\:offset-0 {
      margin-inline-start: 0;
    }
    .md\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .md\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .md\:offset-3 {
      margin-inline-start: 25%;
    }
    .md\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .md\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .md\:offset-6 {
      margin-inline-start: 50%;
    }
    .md\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .md\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .md\:offset-9 {
      margin-inline-start: 75%;
    }
    .md\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .md\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .md\:g-0,
    .md\:gx-0 {
      --gutter-x: 0;
    }
    .md\:g-0,
    .md\:gy-0 {
      --gutter-y: 0;
    }
    .md\:g-1,
    .md\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .md\:g-1,
    .md\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .md\:g-2,
    .md\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .md\:g-2,
    .md\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .md\:g-3,
    .md\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .md\:g-3,
    .md\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .md\:g-4,
    .md\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .md\:g-4,
    .md\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .md\:g-5,
    .md\:gx-5 {
      --gutter-x: 1rem;
    }
    .md\:g-5,
    .md\:gy-5 {
      --gutter-y: 1rem;
    }
    .md\:g-6,
    .md\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .md\:g-6,
    .md\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .md\:g-7,
    .md\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .md\:g-7,
    .md\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .md\:g-8,
    .md\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .md\:g-8,
    .md\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .md\:g-9,
    .md\:gx-9 {
      --gutter-x: 2rem;
    }
    .md\:g-9,
    .md\:gy-9 {
      --gutter-y: 2rem;
    }
    .md\:g-10,
    .md\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .md\:g-10,
    .md\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .md\:g-11,
    .md\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .md\:g-11,
    .md\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .md\:g-12,
    .md\:gx-12 {
      --gutter-x: 3rem;
    }
    .md\:g-12,
    .md\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1024px) {
    .lg\:col {
      flex: 1 0 0;
    }
    .lg\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .lg\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .lg\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .lg\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .lg\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .lg\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .lg\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .lg\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .lg\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .lg\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .lg\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .lg\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .lg\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .lg\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .lg\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .lg\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .lg\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .lg\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .lg\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .lg\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .lg\:offset-0 {
      margin-inline-start: 0;
    }
    .lg\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .lg\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .lg\:offset-3 {
      margin-inline-start: 25%;
    }
    .lg\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .lg\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .lg\:offset-6 {
      margin-inline-start: 50%;
    }
    .lg\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .lg\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .lg\:offset-9 {
      margin-inline-start: 75%;
    }
    .lg\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .lg\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .lg\:g-0,
    .lg\:gx-0 {
      --gutter-x: 0;
    }
    .lg\:g-0,
    .lg\:gy-0 {
      --gutter-y: 0;
    }
    .lg\:g-1,
    .lg\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .lg\:g-1,
    .lg\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .lg\:g-2,
    .lg\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .lg\:g-2,
    .lg\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .lg\:g-3,
    .lg\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .lg\:g-3,
    .lg\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .lg\:g-4,
    .lg\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .lg\:g-4,
    .lg\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .lg\:g-5,
    .lg\:gx-5 {
      --gutter-x: 1rem;
    }
    .lg\:g-5,
    .lg\:gy-5 {
      --gutter-y: 1rem;
    }
    .lg\:g-6,
    .lg\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .lg\:g-6,
    .lg\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .lg\:g-7,
    .lg\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .lg\:g-7,
    .lg\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .lg\:g-8,
    .lg\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .lg\:g-8,
    .lg\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .lg\:g-9,
    .lg\:gx-9 {
      --gutter-x: 2rem;
    }
    .lg\:g-9,
    .lg\:gy-9 {
      --gutter-y: 2rem;
    }
    .lg\:g-10,
    .lg\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .lg\:g-10,
    .lg\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .lg\:g-11,
    .lg\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .lg\:g-11,
    .lg\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .lg\:g-12,
    .lg\:gx-12 {
      --gutter-x: 3rem;
    }
    .lg\:g-12,
    .lg\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1280px) {
    .xl\:col {
      flex: 1 0 0;
    }
    .xl\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .xl\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .xl\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .xl\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .xl\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .xl\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .xl\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .xl\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .xl\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .xl\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .xl\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .xl\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .xl\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .xl\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .xl\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .xl\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .xl\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .xl\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .xl\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .xl\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .xl\:offset-0 {
      margin-inline-start: 0;
    }
    .xl\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .xl\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .xl\:offset-3 {
      margin-inline-start: 25%;
    }
    .xl\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .xl\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .xl\:offset-6 {
      margin-inline-start: 50%;
    }
    .xl\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .xl\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .xl\:offset-9 {
      margin-inline-start: 75%;
    }
    .xl\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .xl\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .xl\:g-0,
    .xl\:gx-0 {
      --gutter-x: 0;
    }
    .xl\:g-0,
    .xl\:gy-0 {
      --gutter-y: 0;
    }
    .xl\:g-1,
    .xl\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .xl\:g-1,
    .xl\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .xl\:g-2,
    .xl\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .xl\:g-2,
    .xl\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .xl\:g-3,
    .xl\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .xl\:g-3,
    .xl\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .xl\:g-4,
    .xl\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .xl\:g-4,
    .xl\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .xl\:g-5,
    .xl\:gx-5 {
      --gutter-x: 1rem;
    }
    .xl\:g-5,
    .xl\:gy-5 {
      --gutter-y: 1rem;
    }
    .xl\:g-6,
    .xl\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .xl\:g-6,
    .xl\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .xl\:g-7,
    .xl\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .xl\:g-7,
    .xl\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .xl\:g-8,
    .xl\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .xl\:g-8,
    .xl\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .xl\:g-9,
    .xl\:gx-9 {
      --gutter-x: 2rem;
    }
    .xl\:g-9,
    .xl\:gy-9 {
      --gutter-y: 2rem;
    }
    .xl\:g-10,
    .xl\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .xl\:g-10,
    .xl\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .xl\:g-11,
    .xl\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .xl\:g-11,
    .xl\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .xl\:g-12,
    .xl\:gx-12 {
      --gutter-x: 3rem;
    }
    .xl\:g-12,
    .xl\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1536px) {
    .\32 xl\:col {
      flex: 1 0 0;
    }
    .\32 xl\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .\32 xl\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .\32 xl\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .\32 xl\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .\32 xl\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .\32 xl\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .\32 xl\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .\32 xl\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .\32 xl\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .\32 xl\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .\32 xl\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .\32 xl\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .\32 xl\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .\32 xl\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .\32 xl\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .\32 xl\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .\32 xl\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .\32 xl\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .\32 xl\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .\32 xl\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .\32 xl\:offset-0 {
      margin-inline-start: 0;
    }
    .\32 xl\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .\32 xl\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .\32 xl\:offset-3 {
      margin-inline-start: 25%;
    }
    .\32 xl\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .\32 xl\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .\32 xl\:offset-6 {
      margin-inline-start: 50%;
    }
    .\32 xl\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .\32 xl\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .\32 xl\:offset-9 {
      margin-inline-start: 75%;
    }
    .\32 xl\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .\32 xl\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .\32 xl\:g-0,
    .\32 xl\:gx-0 {
      --gutter-x: 0;
    }
    .\32 xl\:g-0,
    .\32 xl\:gy-0 {
      --gutter-y: 0;
    }
    .\32 xl\:g-1,
    .\32 xl\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .\32 xl\:g-1,
    .\32 xl\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .\32 xl\:g-2,
    .\32 xl\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .\32 xl\:g-2,
    .\32 xl\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .\32 xl\:g-3,
    .\32 xl\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .\32 xl\:g-3,
    .\32 xl\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .\32 xl\:g-4,
    .\32 xl\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .\32 xl\:g-4,
    .\32 xl\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .\32 xl\:g-5,
    .\32 xl\:gx-5 {
      --gutter-x: 1rem;
    }
    .\32 xl\:g-5,
    .\32 xl\:gy-5 {
      --gutter-y: 1rem;
    }
    .\32 xl\:g-6,
    .\32 xl\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .\32 xl\:g-6,
    .\32 xl\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .\32 xl\:g-7,
    .\32 xl\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .\32 xl\:g-7,
    .\32 xl\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .\32 xl\:g-8,
    .\32 xl\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .\32 xl\:g-8,
    .\32 xl\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .\32 xl\:g-9,
    .\32 xl\:gx-9 {
      --gutter-x: 2rem;
    }
    .\32 xl\:g-9,
    .\32 xl\:gy-9 {
      --gutter-y: 2rem;
    }
    .\32 xl\:g-10,
    .\32 xl\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .\32 xl\:g-10,
    .\32 xl\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .\32 xl\:g-11,
    .\32 xl\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .\32 xl\:g-11,
    .\32 xl\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .\32 xl\:g-12,
    .\32 xl\:gx-12 {
      --gutter-x: 3rem;
    }
    .\32 xl\:g-12,
    .\32 xl\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  .grid {
    --columns: 12;
    --rows: 1;
    --gap: 1.5rem;
    container-type: inline-size;
    display: grid;
    grid-template-rows: repeat(var(--rows), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap);
  }
  .g-col-1 {
    grid-column: auto/span 1;
  }
  .g-col-2 {
    grid-column: auto/span 2;
  }
  .g-col-3 {
    grid-column: auto/span 3;
  }
  .g-col-4 {
    grid-column: auto/span 4;
  }
  .g-col-5 {
    grid-column: auto/span 5;
  }
  .g-col-6 {
    grid-column: auto/span 6;
  }
  .g-col-7 {
    grid-column: auto/span 7;
  }
  .g-col-8 {
    grid-column: auto/span 8;
  }
  .g-col-9 {
    grid-column: auto/span 9;
  }
  .g-col-10 {
    grid-column: auto/span 10;
  }
  .g-col-11 {
    grid-column: auto/span 11;
  }
  .g-col-12 {
    grid-column: auto/span 12;
  }
  .g-start-1 {
    grid-column-start: 1;
  }
  .g-start-2 {
    grid-column-start: 2;
  }
  .g-start-3 {
    grid-column-start: 3;
  }
  .g-start-4 {
    grid-column-start: 4;
  }
  .g-start-5 {
    grid-column-start: 5;
  }
  .g-start-6 {
    grid-column-start: 6;
  }
  .g-start-7 {
    grid-column-start: 7;
  }
  .g-start-8 {
    grid-column-start: 8;
  }
  .g-start-9 {
    grid-column-start: 9;
  }
  .g-start-10 {
    grid-column-start: 10;
  }
  .g-start-11 {
    grid-column-start: 11;
  }
  @container (width >= 576px) {
    .sm\:g-col-1 {
      grid-column: auto/span 1;
    }
    .sm\:g-col-2 {
      grid-column: auto/span 2;
    }
    .sm\:g-col-3 {
      grid-column: auto/span 3;
    }
    .sm\:g-col-4 {
      grid-column: auto/span 4;
    }
    .sm\:g-col-5 {
      grid-column: auto/span 5;
    }
    .sm\:g-col-6 {
      grid-column: auto/span 6;
    }
    .sm\:g-col-7 {
      grid-column: auto/span 7;
    }
    .sm\:g-col-8 {
      grid-column: auto/span 8;
    }
    .sm\:g-col-9 {
      grid-column: auto/span 9;
    }
    .sm\:g-col-10 {
      grid-column: auto/span 10;
    }
    .sm\:g-col-11 {
      grid-column: auto/span 11;
    }
    .sm\:g-col-12 {
      grid-column: auto/span 12;
    }
    .sm\:g-start-1 {
      grid-column-start: 1;
    }
    .sm\:g-start-2 {
      grid-column-start: 2;
    }
    .sm\:g-start-3 {
      grid-column-start: 3;
    }
    .sm\:g-start-4 {
      grid-column-start: 4;
    }
    .sm\:g-start-5 {
      grid-column-start: 5;
    }
    .sm\:g-start-6 {
      grid-column-start: 6;
    }
    .sm\:g-start-7 {
      grid-column-start: 7;
    }
    .sm\:g-start-8 {
      grid-column-start: 8;
    }
    .sm\:g-start-9 {
      grid-column-start: 9;
    }
    .sm\:g-start-10 {
      grid-column-start: 10;
    }
    .sm\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 768px) {
    .md\:g-col-1 {
      grid-column: auto/span 1;
    }
    .md\:g-col-2 {
      grid-column: auto/span 2;
    }
    .md\:g-col-3 {
      grid-column: auto/span 3;
    }
    .md\:g-col-4 {
      grid-column: auto/span 4;
    }
    .md\:g-col-5 {
      grid-column: auto/span 5;
    }
    .md\:g-col-6 {
      grid-column: auto/span 6;
    }
    .md\:g-col-7 {
      grid-column: auto/span 7;
    }
    .md\:g-col-8 {
      grid-column: auto/span 8;
    }
    .md\:g-col-9 {
      grid-column: auto/span 9;
    }
    .md\:g-col-10 {
      grid-column: auto/span 10;
    }
    .md\:g-col-11 {
      grid-column: auto/span 11;
    }
    .md\:g-col-12 {
      grid-column: auto/span 12;
    }
    .md\:g-start-1 {
      grid-column-start: 1;
    }
    .md\:g-start-2 {
      grid-column-start: 2;
    }
    .md\:g-start-3 {
      grid-column-start: 3;
    }
    .md\:g-start-4 {
      grid-column-start: 4;
    }
    .md\:g-start-5 {
      grid-column-start: 5;
    }
    .md\:g-start-6 {
      grid-column-start: 6;
    }
    .md\:g-start-7 {
      grid-column-start: 7;
    }
    .md\:g-start-8 {
      grid-column-start: 8;
    }
    .md\:g-start-9 {
      grid-column-start: 9;
    }
    .md\:g-start-10 {
      grid-column-start: 10;
    }
    .md\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1024px) {
    .lg\:g-col-1 {
      grid-column: auto/span 1;
    }
    .lg\:g-col-2 {
      grid-column: auto/span 2;
    }
    .lg\:g-col-3 {
      grid-column: auto/span 3;
    }
    .lg\:g-col-4 {
      grid-column: auto/span 4;
    }
    .lg\:g-col-5 {
      grid-column: auto/span 5;
    }
    .lg\:g-col-6 {
      grid-column: auto/span 6;
    }
    .lg\:g-col-7 {
      grid-column: auto/span 7;
    }
    .lg\:g-col-8 {
      grid-column: auto/span 8;
    }
    .lg\:g-col-9 {
      grid-column: auto/span 9;
    }
    .lg\:g-col-10 {
      grid-column: auto/span 10;
    }
    .lg\:g-col-11 {
      grid-column: auto/span 11;
    }
    .lg\:g-col-12 {
      grid-column: auto/span 12;
    }
    .lg\:g-start-1 {
      grid-column-start: 1;
    }
    .lg\:g-start-2 {
      grid-column-start: 2;
    }
    .lg\:g-start-3 {
      grid-column-start: 3;
    }
    .lg\:g-start-4 {
      grid-column-start: 4;
    }
    .lg\:g-start-5 {
      grid-column-start: 5;
    }
    .lg\:g-start-6 {
      grid-column-start: 6;
    }
    .lg\:g-start-7 {
      grid-column-start: 7;
    }
    .lg\:g-start-8 {
      grid-column-start: 8;
    }
    .lg\:g-start-9 {
      grid-column-start: 9;
    }
    .lg\:g-start-10 {
      grid-column-start: 10;
    }
    .lg\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1280px) {
    .xl\:g-col-1 {
      grid-column: auto/span 1;
    }
    .xl\:g-col-2 {
      grid-column: auto/span 2;
    }
    .xl\:g-col-3 {
      grid-column: auto/span 3;
    }
    .xl\:g-col-4 {
      grid-column: auto/span 4;
    }
    .xl\:g-col-5 {
      grid-column: auto/span 5;
    }
    .xl\:g-col-6 {
      grid-column: auto/span 6;
    }
    .xl\:g-col-7 {
      grid-column: auto/span 7;
    }
    .xl\:g-col-8 {
      grid-column: auto/span 8;
    }
    .xl\:g-col-9 {
      grid-column: auto/span 9;
    }
    .xl\:g-col-10 {
      grid-column: auto/span 10;
    }
    .xl\:g-col-11 {
      grid-column: auto/span 11;
    }
    .xl\:g-col-12 {
      grid-column: auto/span 12;
    }
    .xl\:g-start-1 {
      grid-column-start: 1;
    }
    .xl\:g-start-2 {
      grid-column-start: 2;
    }
    .xl\:g-start-3 {
      grid-column-start: 3;
    }
    .xl\:g-start-4 {
      grid-column-start: 4;
    }
    .xl\:g-start-5 {
      grid-column-start: 5;
    }
    .xl\:g-start-6 {
      grid-column-start: 6;
    }
    .xl\:g-start-7 {
      grid-column-start: 7;
    }
    .xl\:g-start-8 {
      grid-column-start: 8;
    }
    .xl\:g-start-9 {
      grid-column-start: 9;
    }
    .xl\:g-start-10 {
      grid-column-start: 10;
    }
    .xl\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:g-col-1 {
      grid-column: auto/span 1;
    }
    .\32 xl\:g-col-2 {
      grid-column: auto/span 2;
    }
    .\32 xl\:g-col-3 {
      grid-column: auto/span 3;
    }
    .\32 xl\:g-col-4 {
      grid-column: auto/span 4;
    }
    .\32 xl\:g-col-5 {
      grid-column: auto/span 5;
    }
    .\32 xl\:g-col-6 {
      grid-column: auto/span 6;
    }
    .\32 xl\:g-col-7 {
      grid-column: auto/span 7;
    }
    .\32 xl\:g-col-8 {
      grid-column: auto/span 8;
    }
    .\32 xl\:g-col-9 {
      grid-column: auto/span 9;
    }
    .\32 xl\:g-col-10 {
      grid-column: auto/span 10;
    }
    .\32 xl\:g-col-11 {
      grid-column: auto/span 11;
    }
    .\32 xl\:g-col-12 {
      grid-column: auto/span 12;
    }
    .\32 xl\:g-start-1 {
      grid-column-start: 1;
    }
    .\32 xl\:g-start-2 {
      grid-column-start: 2;
    }
    .\32 xl\:g-start-3 {
      grid-column-start: 3;
    }
    .\32 xl\:g-start-4 {
      grid-column-start: 4;
    }
    .\32 xl\:g-start-5 {
      grid-column-start: 5;
    }
    .\32 xl\:g-start-6 {
      grid-column-start: 6;
    }
    .\32 xl\:g-start-7 {
      grid-column-start: 7;
    }
    .\32 xl\:g-start-8 {
      grid-column-start: 8;
    }
    .\32 xl\:g-start-9 {
      grid-column-start: 9;
    }
    .\32 xl\:g-start-10 {
      grid-column-start: 10;
    }
    .\32 xl\:g-start-11 {
      grid-column-start: 11;
    }
  }
}
@layer forms {
  .form-label,
  .col-form-label {
    font-size: var(--label-font-size, inherit);
    font-style: var(--label-font-style, inherit);
    font-weight: var(--label-font-weight, 500);
    color: var(--label-color, var(--fg-body));
  }
  .form-label {
    margin-bottom: var(--label-margin-bottom, calc(var(--spacer) / 2));
  }
  .col-form-label {
    --label-padding-y: calc(var(--btn-input-padding-y) + var(--border-width));
    padding-block: var(--label-padding-y);
    margin-bottom: 0;
  }
  .col-form-label-lg {
    --label-padding-y: calc(var(--btn-input-lg-padding-y) + var(--border-width));
    font-size: var(--btn-input-lg-font-size);
  }
  .col-form-label-sm {
    --label-padding-y: calc(var(--btn-input-sm-padding-y) + var(--border-width));
    font-size: var(--btn-input-sm-font-size);
  }
}
@layer forms {
  .form-text {
    --form-text-margin-top: 0.25rem;
    --form-text-font-size: var(--font-size-sm);
    --form-text-color: var(--fg-2);
    font-size: var(--form-text-font-size);
    font-style: var(--form-text-font-style);
    font-weight: var(--form-text-font-weight);
    color: var(--form-text-color);
  }
}
@layer forms {
  .form-control {
    --control-min-height: var(--btn-input-min-height);
    --control-padding-y: var(--btn-input-padding-y);
    --control-padding-x: var(--btn-input-padding-x);
    --control-font-size: var(--btn-input-font-size);
    --control-line-height: var(--btn-input-line-height);
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    --control-box-shadow: var(--box-shadow-inset);
    --control-action-bg: var(--bg-1);
    --control-action-hover-bg: var(--bg-2);
    --control-transition-property: border-color, box-shadow;
    --control-transition-duration: 0.15s;
    --control-transition-timing: ease-in-out;
    --control-placeholder-color: var(--fg-3);
    --control-disabled-color: var(--control-fg);
    --control-disabled-bg: var(--bg-2);
    --control-disabled-border-color: var(--control-border-color);
    --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --control-select-bg-position: right 0.75rem center;
    --control-select-bg-size: 16px 12px;
    --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: flex;
    width: 100%;
    min-height: var(--control-min-height);
    padding: var(--control-padding-y) var(--control-padding-x);
    font-size: var(--control-font-size);
    line-height: var(--control-line-height);
    color: var(--control-fg);
    appearance: none;
    background-color: var(--control-bg);
    background-clip: padding-box;
    border: var(--control-border-width) solid var(--control-border-color);
    border-radius: var(--control-border-radius);
    box-shadow: var(--control-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-control {
      transition-timing-function: var(--control-transition-timing);
      transition-duration: var(--control-transition-duration);
      transition-property: var(--control-transition-property);
    }
  }
  .form-control:focus-visible, .form-control:focus-within {
    --focus-ring-offset: -1px;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-control::placeholder {
    color: var(--control-placeholder-color);
    opacity: 1;
  }
  .form-control:disabled {
    color: var(--control-disabled-color);
    background-color: var(--control-disabled-bg);
    border-color: var(--control-disabled-border-color);
    opacity: 1;
  }
  .form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
  }
  .form-control[type=file] {
    overflow: hidden;
  }
  .form-control[type=file]:not(:disabled, [readonly]) {
    cursor: pointer;
  }
  .form-control::file-selector-button {
    min-height: var(--control-min-height);
    padding: var(--control-padding-y) var(--control-padding-x);
    margin: calc(var(--control-padding-y) * -1) calc(var(--control-padding-x) * -1);
    margin-inline-end: var(--control-padding-x);
    color: var(--control-fg);
    pointer-events: none;
    background-color: var(--control-action-bg);
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--control-border-width);
    border-radius: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-control::file-selector-button {
      transition-timing-function: var(--control-transition-timing);
      transition-duration: var(--control-transition-duration);
      transition-property: var(--control-transition-property);
    }
  }
  .form-control:hover:not(:disabled, [readonly])::file-selector-button {
    background-color: var(--control-action-hover-bg);
  }
  .form-control-plaintext {
    --control-min-height: var(--btn-input-min-height);
    --control-padding-y: var(--btn-input-padding-y);
    --control-padding-x: var(--btn-input-padding-x);
    --control-font-size: var(--btn-input-font-size);
    --control-line-height: var(--btn-input-line-height);
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    --control-box-shadow: var(--box-shadow-inset);
    --control-action-bg: var(--bg-1);
    --control-action-hover-bg: var(--bg-2);
    --control-transition-property: border-color, box-shadow;
    --control-transition-duration: 0.15s;
    --control-transition-timing: ease-in-out;
    --control-placeholder-color: var(--fg-3);
    --control-disabled-color: var(--control-fg);
    --control-disabled-bg: var(--bg-2);
    --control-disabled-border-color: var(--control-border-color);
    --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --control-select-bg-position: right 0.75rem center;
    --control-select-bg-size: 16px 12px;
    --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: var(--control-padding-y) 0;
    margin-bottom: 0;
    line-height: var(--control-line-height);
    color: var(--control-fg);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--control-border-width) 0;
  }
  .form-control-plaintext:focus {
    outline: 0;
  }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-inline: 0;
  }
  select.form-control,
  .form-control-caret {
    padding-inline-end: calc(var(--control-padding-x) * 3);
    background-image: var(--control-select-bg);
    background-repeat: no-repeat;
    background-position: var(--control-select-bg-position);
    background-size: var(--control-select-bg-size);
  }
  select.form-control[multiple], select.form-control[size]:not([size="1"]),
  .form-control-caret[multiple],
  .form-control-caret[size]:not([size="1"]) {
    padding-inline-end: var(--control-padding-x);
    background-image: none;
  }
  [data-bs-theme=dark] select.form-control,
  [data-bs-theme=dark] .form-control-caret {
    background-image: var(--control-select-bg-dark);
  }
  .form-control-sm {
    --control-min-height: var(--btn-input-sm-min-height);
    --control-padding-y: var(--btn-input-sm-padding-y);
    --control-padding-x: var(--btn-input-sm-padding-x);
    --control-font-size: var(--btn-input-sm-font-size);
    --control-line-height: var(--btn-input-sm-line-height);
    --control-border-radius: var(--btn-input-sm-border-radius);
  }
  .form-control-lg {
    --control-min-height: var(--btn-input-lg-min-height);
    --control-padding-y: var(--btn-input-lg-padding-y);
    --control-padding-x: var(--btn-input-lg-padding-x);
    --control-font-size: var(--btn-input-lg-font-size);
    --control-line-height: var(--btn-input-lg-line-height);
    --control-border-radius: var(--btn-input-lg-border-radius);
  }
  .form-control-color {
    width: var(--control-min-height);
    padding: var(--control-padding-y);
  }
  .form-control-color:not(:disabled, [readonly]) {
    cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--radius-5);
  }
  .form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--radius-5);
  }
  .form-ghost {
    display: block;
    width: 100%;
    padding: 0;
    font: inherit;
    color: inherit;
    appearance: none;
    background: transparent;
    border: 0;
  }
  .form-ghost:focus {
    outline: 0;
  }
  .form-ghost::placeholder {
    color: var(--fg-3);
    opacity: 1;
  }
  .form-ghost:disabled {
    color: var(--fg-4);
    cursor: not-allowed;
  }
}
@layer forms {
  .check {
    --check-size: 1.25rem;
    --check-margin-block: 0.125rem;
    --check-bg: var(--bg-body);
    --check-border-color: var(--border-color);
    --check-border-radius: var(--radius-5);
    --check-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5.5 10 3 3 6-6'/%3e%3c/svg%3e");
    --check-icon-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e");
    --check-checked-bg: var(--control-checked-bg);
    --check-checked-border-color: var(--control-checked-border-color);
    --check-indeterminate-bg: var(--control-checked-bg);
    --check-indeterminate-border-color: var(--control-checked-border-color);
    --check-active-bg: var(--control-active-bg);
    --check-active-border-color: var(--control-active-border-color);
    --check-disabled-bg: var(--control-disabled-bg);
    --check-disabled-opacity: var(--control-disabled-opacity);
    position: relative;
    flex-shrink: 0;
    width: var(--check-size);
    height: var(--check-size);
    margin-block: var(--check-margin-block);
    appearance: none;
    background-color: var(--theme-bg, var(--check-bg));
    border: 1px solid var(--theme-bg, var(--check-border-color));
    border-radius: 33%;
  }
  @media (prefers-reduced-motion: no-preference) {
    .check {
      transition: background-color var(--control-transition-duration) var(--control-transition-timing), border-color var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .check::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background-color: var(--theme-contrast, var(--primary-contrast));
    opacity: 0;
    transform: scale(0);
    mask-image: var(--check-icon-checked);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  @media (prefers-reduced-motion: no-preference) {
    .check::before {
      transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .check:checked, .check:indeterminate {
    background-color: var(--theme-bg, var(--check-checked-bg));
    border-color: var(--theme-bg, var(--check-checked-border-color));
  }
  .check:checked::before, .check:indeterminate::before {
    opacity: 1;
    transform: scale(1);
  }
  .check:indeterminate::before {
    mask-image: var(--check-icon-indeterminate);
  }
  .check:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: -1px;
  }
  .check:disabled {
    --check-bg: var(--check-disabled-bg);
  }
  .check:disabled ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .check:disabled:checked {
    opacity: var(--check-disabled-opacity);
  }
  .check-sm {
    --check-size: 1rem;
  }
  .check-sm + label {
    font-size: var(--font-size-sm);
  }
  .check-lg {
    --check-size: 1.5rem;
    --check-margin-block: .375rem;
  }
  .check-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .radio {
    --radio-size: 1.25rem;
    --radio-margin-block: 0.125rem;
    --radio-bg: var(--bg-body);
    --radio-border-color: var(--border-color);
    --radio-checked-bg: var(--control-checked-bg);
    --radio-checked-border-color: var(--control-checked-border-color);
    --radio-disabled-bg: var(--control-disabled-bg);
    --radio-disabled-opacity: var(--control-disabled-opacity);
    position: relative;
    flex-shrink: 0;
    width: var(--radio-size);
    height: var(--radio-size);
    margin-block: var(--radio-margin-block);
    appearance: none;
    background-color: var(--theme-bg, var(--radio-bg));
    border: 1px solid var(--theme-bg, var(--radio-border-color));
    border-radius: 50%;
  }
  @media (prefers-reduced-motion: no-preference) {
    .radio {
      transition: color var(--control-transition-duration) var(--control-transition-timing), background-color var(--control-transition-duration) var(--control-transition-timing), border-color var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .radio::before {
    position: absolute;
    inset: calc(var(--radio-size) * 0.25);
    content: "";
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
  }
  @media (prefers-reduced-motion: no-preference) {
    .radio::before {
      transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .radio:checked {
    color: var(--theme-contrast, var(--primary-contrast));
    background-color: var(--theme-bg, var(--radio-checked-bg));
    border-color: var(--theme-bg, var(--radio-checked-border-color));
  }
  .radio:checked::before {
    opacity: 1;
    transform: scale(1);
  }
  .radio:disabled {
    --radio-bg: var(--radio-disabled-bg);
  }
  .radio:disabled ~ label {
    color: var(--secondary-fg);
    cursor: default;
  }
  .radio:disabled:checked {
    opacity: var(--radio-disabled-opacity);
  }
  .radio:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .radio-sm {
    --radio-size: 1rem;
  }
  .radio-sm + label {
    font-size: var(--font-size-sm);
  }
  .radio-lg {
    --radio-size: 1.5rem;
    --radio-margin-block: .375rem;
  }
  .radio-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .switch {
    --switch-height: 1.25rem;
    --switch-width: calc(var(--switch-height) * 1.75);
    --switch-padding: 0.0625rem;
    --switch-margin-block: 0.125rem;
    --switch-transition-duration: var(--control-transition-duration);
    --switch-transition-timing: var(--control-transition-timing);
    --switch-bg: var(--bg-3);
    --switch-border-width: var(--border-width);
    --switch-border-color: var(--border-color);
    --switch-indicator-bg: var(--white);
    --switch-indicator-width: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);
    --switch-indicator-height: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);
    --switch-checked-bg: var(--control-checked-bg);
    --switch-checked-border-color: var(--switch-checked-bg);
    --switch-checked-indicator-bg: var(--white);
    --switch-disabled-bg: var(--control-disabled-bg);
    --switch-disabled-indicator-bg: var(--fg-3);
    position: relative;
    flex-shrink: 0;
    width: var(--switch-width);
    height: var(--switch-height);
    padding: var(--switch-padding);
    margin-block: var(--switch-margin-block);
    background-color: var(--switch-bg);
    border: var(--switch-border-width) solid var(--switch-border-color);
    border-radius: 10rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  @media (prefers-reduced-motion: no-preference) {
    .switch {
      transition: background-color var(--switch-transition-duration) var(--switch-transition-timing);
    }
  }
  .switch::before {
    position: absolute;
    inset-block: var(--switch-padding);
    inset-inline-start: var(--switch-padding);
    width: var(--switch-indicator-width);
    height: var(--switch-indicator-height);
    content: "";
    background-color: var(--theme-contrast, var(--switch-indicator-bg));
    border-radius: 10rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  @media (prefers-reduced-motion: no-preference) {
    .switch::before {
      transition: inset-inline-start var(--switch-transition-duration) var(--switch-transition-timing);
    }
  }
  .switch input {
    position: absolute;
    inset: 0;
    appearance: none;
    background-color: transparent;
    outline: 0;
  }
  .switch:focus-within {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .switch:has(input:disabled:not(:checked)) {
    --switch-bg: var(--switch-disabled-bg);
    --switch-indicator-bg: var(--switch-disabled-indicator-bg);
  }
  .switch:has(input:disabled:not(:checked))::before {
    opacity: 0.4;
  }
  .switch:has(input:disabled:not(:checked)) ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .switch:has(input:checked) {
    background-color: var(--theme-bg, var(--switch-checked-bg));
    border-color: var(--theme-bg, var(--switch-checked-border-color));
  }
  .switch:has(input:checked)::before {
    inset-inline-start: calc(100% - var(--switch-indicator-width) - var(--switch-padding));
  }
  .switch:has(input:checked:disabled) {
    opacity: 0.65;
  }
  .switch:has(input:checked:disabled) ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .switch-sm {
    --switch-height: 1rem;
  }
  .switch-sm + label {
    font-size: var(--font-size-sm);
  }
  .switch-lg {
    --switch-height: 1.5rem;
    --switch-margin-block: .375rem;
  }
  .switch-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .form-range {
    --range-track-width: 100%;
    --range-track-height: 0.5rem;
    --range-track-cursor: pointer;
    --range-track-bg: var(--bg-3);
    --range-track-border-radius: 1rem;
    --range-track-fill-bg: var(--primary-base);
    --range-track-disabled-bg: color-mix(in oklch, var(--bg-4), var(--fg-3));
    --range-thumb-width: 1rem;
    --range-thumb-height: var(--range-thumb-width);
    --range-thumb-bg: var(--primary-base);
    --range-thumb-border: var(--range-thumb-bg) solid var(--border-color);
    --range-thumb-border-radius: 1rem;
    --range-thumb-box-shadow: 0 1px 2px rgb(0 0 0 / 7.5%), 0 2px 4px rgb(0 0 0 / 7.5%);
    --range-thumb-active-bg: color-mix(in oklch, var(--primary-base) 70%, var(--bg-body));
    --range-thumb-disabled-bg: var(--fg-3);
    --range-thumb-transition-property: background-color, border-color, box-shadow;
    --range-thumb-transition-duration: 0.15s;
    --range-thumb-transition-timing: ease-in-out;
    --range-tick-width: var(--border-width);
    --range-tick-height: 0.5rem;
    --range-tick-bg: var(--border-color);
    position: relative;
    display: block;
    width: 100%;
  }
  .form-range-input {
    display: block;
    width: 100%;
    height: calc(var(--range-thumb-height) + var(--focus-ring-width) * 2);
    padding: 0;
    appearance: none;
    background-color: transparent;
  }
  .form-range-input:hover::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--primary-focus-ring), transparent);
  }
  .form-range-input:hover::-moz-range-thumb {
    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--primary-focus-ring), transparent);
  }
  .form-range-input:focus-visible {
    outline: 0;
  }
  .form-range-input:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 0;
  }
  .form-range-input:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 0;
  }
  .form-range-input::-moz-focus-outer {
    border: 0;
  }
  .form-range-input::-webkit-slider-thumb {
    width: var(--range-thumb-width);
    height: var(--range-thumb-height);
    appearance: none;
    background-color: var(--range-thumb-bg);
    background-image: var(--gradient);
    border: var(--range-thumb-border);
    border-radius: var(--range-thumb-border-radius);
    box-shadow: var(--range-thumb-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-range-input::-webkit-slider-thumb {
      transition-timing-function: var(--range-thumb-transition-timing);
      transition-duration: var(--range-thumb-transition-duration);
      transition-property: var(--range-thumb-transition-property);
    }
  }
  .form-range-input::-webkit-slider-thumb:active {
    background-color: var(--range-thumb-active-bg);
    background-image: var(--gradient);
  }
  .form-range-input::-webkit-slider-thumb {
    margin-top: calc((var(--range-track-height) - var(--range-thumb-height)) * 0.5);
  }
  .form-range-input::-moz-range-thumb {
    width: var(--range-thumb-width);
    height: var(--range-thumb-height);
    appearance: none;
    background-color: var(--range-thumb-bg);
    background-image: var(--gradient);
    border: var(--range-thumb-border);
    border-radius: var(--range-thumb-border-radius);
    box-shadow: var(--range-thumb-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-range-input::-moz-range-thumb {
      transition-timing-function: var(--range-thumb-transition-timing);
      transition-duration: var(--range-thumb-transition-duration);
      transition-property: var(--range-thumb-transition-property);
    }
  }
  .form-range-input::-moz-range-thumb:active {
    background-color: var(--range-thumb-active-bg);
    background-image: var(--gradient);
  }
  .form-range-input::-webkit-slider-runnable-track {
    width: var(--range-track-width);
    height: var(--range-track-height);
    color: transparent;
    cursor: var(--range-track-cursor);
    background-color: var(--range-track-bg);
    background-image: linear-gradient(to right, var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%), transparent calc(var(--range-fill, 0) * 100%));
    border-color: transparent;
    border-radius: var(--range-track-border-radius);
    box-shadow: var(--range-track-box-shadow);
  }
  .form-range-input::-moz-range-track {
    width: var(--range-track-width);
    height: var(--range-track-height);
    color: transparent;
    cursor: var(--range-track-cursor);
    background-color: var(--range-track-bg);
    background-image: linear-gradient(to right, var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%), transparent calc(var(--range-fill, 0) * 100%));
    border-color: transparent;
    border-radius: var(--range-track-border-radius);
    box-shadow: var(--range-track-box-shadow);
  }
  .form-range-input:disabled {
    pointer-events: none;
  }
  .form-range-input:disabled::-webkit-slider-thumb {
    background-color: var(--range-thumb-disabled-bg);
  }
  .form-range-input:disabled::-moz-range-thumb {
    background-color: var(--range-thumb-disabled-bg);
  }
  .form-range-input:disabled::-webkit-slider-runnable-track {
    --range-track-fill-bg: var(--range-track-disabled-bg);
  }
  .form-range-input:disabled::-moz-range-track {
    --range-track-fill-bg: var(--range-track-disabled-bg);
  }
  .form-range-bubble {
    position: absolute;
    bottom: 100%;
    left: calc(var(--range-thumb-width) * 0.5 + var(--range-fill, 0) * (100% - var(--range-thumb-width)));
    margin-bottom: var(--tooltip-arrow-height);
    pointer-events: none;
    transform: translateX(-50%);
  }
  .form-range-bubble .tooltip-arrow {
    position: absolute;
    bottom: calc(-1 * var(--tooltip-arrow-height));
    left: 50%;
    transform: translateX(-50%);
  }
  .form-range-ticks {
    display: grid;
    padding-inline: calc(var(--range-thumb-width) * 0.25);
  }
  .form-range-tick {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: start;
    width: 0;
  }
  .form-range-tick::before {
    width: var(--range-tick-width);
    height: var(--range-tick-height);
    content: "";
    background-color: var(--range-tick-bg);
  }
  .form-range-tick:first-child {
    align-items: flex-start;
  }
  .form-range-tick:last-child {
    align-items: flex-end;
  }
  .form-range-tick-label {
    margin-top: 0.125rem;
    font-size: var(--font-size-sm);
    color: var(--fg-2);
    white-space: nowrap;
  }
}
@layer forms {
  .form-floating {
    --form-floating-height: calc(3.75rem + var(--border-width) * 2);
    --form-floating-line-height: 1.25;
    --form-floating-padding-x: calc(var(--btn-input-padding-x) * 1.25);
    --form-floating-padding-y: 1rem;
    --form-floating-input-padding-t: 1.625rem;
    --form-floating-input-padding-b: 0.625rem;
    --form-floating-label-height: 1.5em;
    --form-floating-label-bg: var(--btn-input-bg);
    --form-floating-label-disabled-bg: var(--bg-2);
    --form-floating-label-opacity: 0.65;
    --form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    --form-floating-label-disabled-color: var(--fg-3);
    --form-floating-transition-property: opacity, transform;
    --form-floating-transition-duration: 0.1s;
    --form-floating-transition-timing: ease-in-out;
    position: relative;
  }
  .form-floating > label {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%;
    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);
    overflow: hidden;
    color: color-mix(in oklch, var(--fg-body) var(--form-floating-label-opacity), transparent);
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--border-width) solid transparent;
    transform-origin: 0 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-floating > label {
      transition-timing-function: var(--form-floating-transition-timing);
      transition-duration: var(--form-floating-transition-duration);
      transition-property: var(--form-floating-transition-property);
    }
  }
  .form-floating > label:has(~ textarea) {
    align-items: flex-start;
  }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext {
    height: var(--form-floating-height);
    min-height: var(--form-floating-height);
    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);
    line-height: var(--form-floating-line-height);
  }
  .form-floating > .form-control::placeholder,
  .form-floating > .form-control-plaintext::placeholder {
    color: transparent;
  }
  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating > .form-control:-webkit-autofill,
  .form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating > label:has(~ .form-control:focus),
  .form-floating > label:has(~ .form-control:not(:placeholder-shown)),
  .form-floating > label:has(~ .form-control-plaintext) {
    transform: var(--form-floating-label-transform);
  }
  .form-floating > label:has(~ .form-control:-webkit-autofill) {
    transform: var(--form-floating-label-transform);
  }
  .form-floating > label:has(~ textarea:focus)::after,
  .form-floating > label:has(~ textarea:not(:placeholder-shown))::after {
    position: absolute;
    inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5);
    z-index: -1;
    height: var(--form-floating-label-height);
    content: "";
    background-color: var(--form-floating-label-bg);
    border-radius: var(--btn-input-border-radius);
  }
  .form-floating > label:has(~ textarea:disabled)::after {
    background-color: var(--form-floating-label-disabled-bg);
  }
  .form-floating > label:has(~ .form-control-plaintext) {
    border-width: var(--control-border-width) 0;
  }
  .form-floating > label:has(~ :disabled),
  .form-floating > label:has(~ .form-control:disabled) {
    color: var(--form-floating-label-disabled-color);
  }
}
@layer components {
  .input-group {
    --input-group-addon-padding-y: var(--btn-input-padding-y);
    --input-group-addon-padding-x: var(--btn-input-padding-x);
    --input-group-addon-font-size: var(--btn-input-font-size);
    --input-group-addon-line-height: var(--btn-input-line-height);
    --input-group-addon-color: var(--fg-body);
    --input-group-addon-bg: var(--bg-2);
    --input-group-addon-border-color: var(--border-color);
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control,
  .input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .input-group > .form-control:focus,
  .input-group > .form-floating:focus-within {
    z-index: 5;
  }
  .input-group > .input-group-btn {
    position: relative;
    z-index: 2;
  }
  .input-group > .input-group-btn:focus {
    z-index: 5;
  }
  .input-group-text {
    display: flex;
    align-items: center;
    padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x);
    font-size: var(--input-group-addon-font-size);
    line-height: var(--input-group-addon-line-height);
    color: var(--input-group-addon-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--input-group-addon-bg);
    border: var(--border-width) solid var(--input-group-addon-border-color);
    border-radius: var(--btn-input-border-radius);
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-text,
  .input-group-sm > .btn {
    min-height: var(--btn-input-sm-min-height);
    padding: var(--btn-input-sm-padding-y) var(--btn-input-sm-padding-x);
    font-size: var(--btn-input-sm-font-size);
    border-radius: var(--btn-input-sm-border-radius);
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-text,
  .input-group-lg > .btn {
    min-height: var(--btn-input-lg-min-height);
    padding: var(--btn-input-lg-padding-y) var(--btn-input-lg-padding-x);
    font-size: var(--btn-input-lg-font-size);
    border-radius: var(--btn-input-lg-border-radius);
  }
  .input-group > :not(:last-child, .menu-toggle-split, .menu, .input-group-ignore, .form-floating, :has(+ :is(.menu, .input-group-ignore):last-child)),
  .input-group > .menu-toggle-split:nth-last-child(n+3),
  .input-group > .form-floating:not(:last-child) > .form-control,
  .input-group > .form-floating:not(:last-child) > .form-select {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .input-group > :not(:first-child, .menu, .input-group-ignore) {
    margin-inline-start: calc(-1 * var(--border-width));
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .input-group > :first-child:is(.input-group-ignore) + :not(.menu, .input-group-ignore) {
    border-start-start-radius: var(--btn-input-border-radius);
    border-end-start-radius: var(--btn-input-border-radius);
  }
  .input-group > .form-floating:not(:first-child) > .form-control,
  .input-group > .form-floating:not(:first-child) > .form-select {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
}
@layer forms {
  .strength {
    --strength-height: 0.375rem;
    --strength-gap: 0.25rem;
    --strength-margin-top: 0.25rem;
    --strength-border-radius: var(--radius-pill);
    --strength-bg: var(--bg-2);
    --strength-color: var(--bg-2);
    --strength-weak-color: var(--danger-bg);
    --strength-fair-color: var(--warning-bg);
    --strength-good-color: var(--info-bg);
    --strength-strong-color: var(--success-bg);
    display: flex;
    gap: var(--strength-gap);
    width: 100%;
    margin-top: var(--strength-margin-top);
  }
  .strength-segment {
    flex: 1;
    height: var(--strength-height);
    background-color: var(--strength-bg);
    border-radius: var(--strength-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-segment {
      transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
    }
  }
  .strength-segment.active {
    background-color: var(--strength-color);
  }
  .strength[data-bs-strength=weak] {
    --strength-color: var(--strength-weak-color);
  }
  .strength[data-bs-strength=fair] {
    --strength-color: var(--strength-fair-color);
  }
  .strength[data-bs-strength=good] {
    --strength-color: var(--strength-good-color);
  }
  .strength[data-bs-strength=strong] {
    --strength-color: var(--strength-strong-color);
  }
  .strength-text {
    display: block;
    margin-top: var(--strength-margin-top);
    font-size: var(--font-size-xs);
    color: var(--strength-color, var(--fg-3));
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-text {
      transition: color 0.2s ease-in-out;
    }
  }
  .strength-text:empty {
    display: none;
  }
  .strength-bar {
    --strength-height: 0.375rem;
    --strength-gap: 0.25rem;
    --strength-margin-top: 0.25rem;
    --strength-border-radius: var(--radius-pill);
    --strength-bg: var(--bg-2);
    --strength-color: var(--bg-2);
    --strength-weak-color: var(--danger-bg);
    --strength-fair-color: var(--warning-bg);
    --strength-good-color: var(--info-bg);
    --strength-strong-color: var(--success-bg);
    --strength-color: transparent;
    --strength-width: 0%;
    width: 100%;
    height: var(--strength-height);
    margin-top: var(--strength-margin-top);
    overflow: hidden;
    background-color: var(--strength-bg);
    border-radius: var(--strength-border-radius);
  }
  .strength-bar::after {
    display: block;
    width: var(--strength-width);
    height: 100%;
    content: "";
    background-color: var(--strength-color);
    border-radius: var(--strength-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-bar::after {
      transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
    }
  }
  .strength-bar[data-bs-strength=weak] {
    --strength-color: var(--strength-weak-color);
    --strength-width: 25%;
  }
  .strength-bar[data-bs-strength=fair] {
    --strength-color: var(--strength-fair-color);
    --strength-width: 50%;
  }
  .strength-bar[data-bs-strength=good] {
    --strength-color: var(--strength-good-color);
    --strength-width: 75%;
  }
  .strength-bar[data-bs-strength=strong] {
    --strength-color: var(--strength-strong-color);
    --strength-width: 100%;
  }
}
@layer components {
  .otp {
    --otp-size: var(--btn-input-lg-min-height);
    --otp-font-size: var(--btn-input-font-size);
    --otp-gap: 0.5rem;
    --otp-slot-fg: var(--btn-input-fg);
    --otp-slot-bg: var(--btn-input-bg);
    --otp-slot-border-width: var(--border-width);
    --otp-slot-border-color: var(--border-color);
    --otp-slot-border-radius: var(--radius-5);
    position: relative;
    display: flex;
  }
  .otp-rendered .otp-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    pointer-events: auto;
    cursor: default;
    caret-color: transparent;
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
  }
  .otp-rendered .otp-input::selection {
    color: transparent;
    background-color: transparent;
  }
  .otp-slots {
    display: inline-flex;
    gap: var(--otp-gap);
    pointer-events: none;
  }
  .otp-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--otp-size);
    min-height: var(--otp-size);
    font-size: var(--otp-font-size);
    font-weight: 500;
    line-height: 1;
    color: var(--otp-slot-fg);
    user-select: none;
    background-color: var(--otp-slot-bg);
    border: var(--otp-slot-border-width) solid var(--otp-slot-border-color);
    border-radius: var(--otp-slot-border-radius);
    box-shadow: var(--box-shadow-inset);
  }
  @media (prefers-reduced-motion: no-preference) {
    .otp-slot {
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  }
  .otp-slot-active {
    --focus-ring-offset: -1px;
    z-index: 1;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .otp-slot-active:not(.otp-slot-filled)::after {
    width: 1px;
    height: 50%;
    content: "";
    background-color: var(--otp-slot-fg);
    animation: otp-caret-blink 1s step-end infinite;
  }
  .otp-input:disabled ~ .otp-slots .otp-slot {
    background-color: var(--bg-2);
  }
  .otp-connected .otp-slots {
    gap: 0;
  }
  .otp-connected .otp-slot {
    border-radius: 0;
  }
  .otp-connected .otp-slot:not(:first-child) {
    margin-inline-start: calc(var(--otp-slot-border-width) * -1);
  }
  .otp-connected .otp-slot:first-child {
    border-start-start-radius: var(--otp-slot-border-radius);
    border-end-start-radius: var(--otp-slot-border-radius);
  }
  .otp-connected .otp-slot:last-child {
    border-start-end-radius: var(--otp-slot-border-radius);
    border-end-end-radius: var(--otp-slot-border-radius);
  }
  .otp-separator {
    display: flex;
    align-items: center;
    padding-inline: var(--otp-gap);
    font-size: var(--otp-font-size);
    color: var(--fg-4);
    user-select: none;
  }
  .otp-sm {
    --otp-size: var(--btn-input-sm-min-height);
    --otp-font-size: var(--btn-input-sm-font-size);
  }
  .otp-lg {
    --otp-size: var(--btn-input-lg-min-height);
    --otp-font-size: var(--btn-input-lg-font-size);
  }
}
@keyframes otp-caret-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@layer forms {
  .form-adorn {
    --form-adorn-gap: 0.375rem;
    --form-adorn-icon-size: 1rem;
    --form-adorn-icon-color: var(--fg-2);
    gap: var(--form-adorn-gap);
    align-items: center;
    cursor: text;
  }
  .form-adorn:focus-visible {
    outline: 0;
  }
  .form-adorn > .form-ghost {
    flex: 1;
    min-width: 0;
  }
  .form-adorn.form-adorn-end > .form-ghost {
    order: -1;
  }
  .form-adorn-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: var(--form-adorn-icon-color);
    pointer-events: none;
  }
  .form-adorn-icon > svg {
    width: var(--form-adorn-icon-size);
    height: var(--form-adorn-icon-size);
  }
  .form-adorn-text {
    flex-shrink: 0;
    color: var(--form-adorn-icon-color);
    pointer-events: none;
    user-select: none;
  }
}
@layer forms {
  .chip-input {
    --chip-input-padding-y: 0.75rem;
    --chip-input-padding-x: 0.75rem;
    --chip-input-gap: 0.375rem;
    --chip-input-ghost-min-width: 5rem;
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    display: flex;
    flex-wrap: wrap;
    gap: var(--chip-input-gap);
    align-items: center;
    padding: var(--chip-input-padding-y) var(--chip-input-padding-x);
    color: var(--control-fg);
    background-color: var(--control-bg);
    border: var(--control-border-width) solid var(--control-border-color);
    border-radius: var(--control-border-radius);
  }
  .chip-input:focus-within {
    --focus-ring-offset: -1px;
    border-color: var(--focus-ring-color);
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .chip-input > .form-ghost {
    flex: 1 1 0;
    min-width: var(--chip-input-ghost-min-width);
    min-height: 1.75rem;
  }
  .chip-input.disabled, .chip-input:has(.form-ghost:disabled) {
    cursor: not-allowed;
    background-color: var(--bg-2);
    opacity: 1;
  }
  .chip-input.disabled:focus-within, .chip-input:has(.form-ghost:disabled):focus-within {
    border-color: var(--control-border-color);
    outline: 0;
  }
  .chip-input.disabled > .chip, .chip-input:has(.form-ghost:disabled) > .chip {
    pointer-events: none;
    opacity: var(--control-disabled-opacity);
  }
}
@layer components {
  .combobox-toggle {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-inline-end: var(--control-padding-x);
    text-align: start;
    cursor: pointer;
  }
  .combobox-toggle.show {
    background-color: var(--bg-1);
  }
  .combobox-toggle:disabled, .combobox-toggle.disabled {
    cursor: not-allowed;
    opacity: 0.65;
  }
  .combobox-value {
    display: flex;
    flex: 1;
    gap: 0.5rem;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .combobox-placeholder {
    color: color-mix(in oklch, currentcolor 65%, transparent);
  }
  .combobox-caret {
    flex-shrink: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .combobox-caret {
      transition: transform 0.2s ease-in-out;
    }
  }
  .show > .combobox-caret {
    transform: rotate(180deg);
  }
  .combobox-toggle + .menu {
    --menu-max-height: 300px;
    --menu-overflow-y: auto;
  }
  .combobox-search {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: var(--menu-padding-x, 0.25rem);
    background-color: var(--menu-bg, var(--bg-body));
  }
  .combobox-search-input {
    width: 100%;
  }
  .combobox-no-results {
    padding: 1rem;
    font-size: var(--font-size-sm);
    color: var(--fg-3);
    text-align: center;
  }
}
@layer forms {
  .form-field {
    position: relative;
    display: grid;
    gap: 0.5rem;
  }
  .form-field > label,
  .form-field > .form-label {
    justify-self: start;
    margin-bottom: 0;
  }
  .form-field:has(> .check, > .radio, > .switch) {
    grid-template-columns: auto 1fr;
    column-gap: 0.5rem;
    align-items: start;
  }
  .form-field:has(> .check, > .radio, > .switch) > .check,
  .form-field:has(> .check, > .radio, > .switch) > .radio,
  .form-field:has(> .check, > .radio, > .switch) > .switch {
    grid-column: 1;
  }
  .form-field:has(> .check, > .radio, > .switch) > :not(.check, .radio, .switch) {
    grid-column: 2;
  }
  .form-field:has(> .check, > .radio, > .switch) > .form-label {
    grid-column: 1/-1;
  }
  .form-field-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .form-field-card {
    position: relative;
    padding: calc(var(--spacer) * 0.75);
    cursor: pointer;
    border: var(--border-width) solid transparent;
    border-radius: var(--radius-7);
  }
  .form-field-card:hover {
    background-color: var(--bg-1);
  }
  .form-field-card:has(:checked) {
    background-color: var(--bg-1);
    border-color: var(--border-color);
  }
  .form-field-card label::before {
    position: absolute;
    inset: 0;
    content: "";
  }
  .form-group {
    display: grid;
    gap: 0.5rem;
  }
  .form-group > label,
  .form-group > .form-label,
  .form-group > legend {
    justify-self: start;
    margin-bottom: 0;
  }
}
@layer components {
  .valid-feedback {
    display: none;
    width: 100%;
    font-size: var(--font-size-sm);
    color: var(--success-fg);
  }
  .tooltip.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    margin-top: 0.1rem;
    color: var(--success-contrast);
    text-align: center;
    background-color: var(--success-bg);
    opacity: 1;
    border-radius: var(--tooltip-border-radius);
  }
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] :user-valid ~ .valid-feedback,
  [data-bs-validate~=valid] :user-valid ~ .valid-tooltip {
    display: block;
  }
  .form-control.is-valid {
    --control-border-color: var(--success-border);
  }
  .form-control.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-control:user-valid {
    --control-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-control:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--success-border);
  }
  .check.is-valid {
    --check-border-color: var(--success-border);
    --check-checked-bg: var(--success-bg);
    --check-checked-border-color: var(--success-bg);
  }
  .check.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .check:user-valid {
    --check-border-color: var(--success-border);
    --check-checked-bg: var(--success-bg);
    --check-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .check:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.check.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.check.is-valid) .valid-feedback,
  .form-field:has(.check.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-tooltip {
    display: block;
  }
  .radio.is-valid {
    --radio-border-color: var(--success-border);
    --radio-checked-bg: var(--success-bg);
    --radio-checked-border-color: var(--success-bg);
  }
  .radio.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .radio:user-valid {
    --radio-border-color: var(--success-border);
    --radio-checked-bg: var(--success-bg);
    --radio-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .radio:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.radio.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.radio.is-valid) .valid-feedback,
  .form-field:has(.radio.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-tooltip {
    display: block;
  }
  .switch:has(input.is-valid) {
    --switch-border-color: var(--success-border);
    --switch-checked-bg: var(--success-bg);
    --switch-checked-border-color: var(--success-bg);
  }
  .switch:has(input.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .switch:has(input:user-valid) {
    --switch-border-color: var(--success-border);
    --switch-checked-bg: var(--success-bg);
    --switch-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .switch:has(input:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.switch input.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.switch input.is-valid) .valid-feedback,
  .form-field:has(.switch input.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-tooltip {
    display: block;
  }
  .chip-input:has(.form-ghost.is-valid) {
    border-color: var(--success-border);
  }
  .chip-input:has(.form-ghost.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  .chip-input:has(.form-ghost.is-valid) ~ .valid-feedback,
  .chip-input:has(.form-ghost.is-valid) ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) {
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-feedback,
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-adorn:has(.form-ghost.is-valid) {
    border-color: var(--success-border);
  }
  .form-adorn:has(.form-ghost.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  .form-adorn:has(.form-ghost.is-valid) ~ .valid-feedback,
  .form-adorn:has(.form-ghost.is-valid) ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) {
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-feedback,
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-range-input.is-valid::-webkit-slider-thumb {
    background: var(--success-bg);
  }
  .form-range-input.is-valid::-moz-range-thumb {
    background: var(--success-bg);
  }
  .form-range-input.is-valid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range-input.is-valid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid::-webkit-slider-thumb {
    background: var(--success-bg);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid::-moz-range-thumb {
    background: var(--success-bg);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range:has(.form-range-input.is-valid) ~ .valid-feedback,
  .form-range:has(.form-range-input.is-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-field:has(.input-group .form-control.is-valid) .valid-feedback,
  .form-field:has(.input-group .form-control.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-tooltip {
    display: block;
  }
  .input-group > .form-control:not(:focus).is-valid,
  .input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
  }
  [data-bs-validate~=valid] .input-group > .form-control:not(:focus), .input-group > .form-floating:not(:focus-within):user-valid {
    z-index: 3;
  }
  .otp.is-valid .otp-slot {
    --otp-slot-border-color: var(--success-border);
  }
  .otp.is-valid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .otp:user-valid .otp-slot {
    --otp-slot-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .otp:user-valid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .invalid-feedback {
    display: none;
    width: 100%;
    font-size: var(--font-size-sm);
    color: var(--danger-fg);
  }
  .tooltip.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    margin-top: 0.1rem;
    color: var(--danger-contrast);
    text-align: center;
    background-color: var(--danger-bg);
    opacity: 1;
    border-radius: var(--tooltip-border-radius);
  }
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] :user-invalid ~ .invalid-feedback,
  [data-bs-validate] :user-invalid ~ .invalid-tooltip {
    display: block;
  }
  .form-control.is-invalid {
    --control-border-color: var(--danger-border);
  }
  .form-control.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--danger-border);
  }
  [data-bs-validate] .form-control:user-invalid {
    --control-border-color: var(--danger-border);
  }
  [data-bs-validate] .form-control:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--danger-border);
  }
  .check.is-invalid {
    --check-border-color: var(--danger-border);
    --check-checked-bg: var(--danger-bg);
    --check-checked-border-color: var(--danger-bg);
  }
  .check.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .check:user-invalid {
    --check-border-color: var(--danger-border);
    --check-checked-bg: var(--danger-bg);
    --check-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .check:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.check.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.check.is-invalid) .invalid-feedback,
  .form-field:has(.check.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.check:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-tooltip {
    display: block;
  }
  .radio.is-invalid {
    --radio-border-color: var(--danger-border);
    --radio-checked-bg: var(--danger-bg);
    --radio-checked-border-color: var(--danger-bg);
  }
  .radio.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .radio:user-invalid {
    --radio-border-color: var(--danger-border);
    --radio-checked-bg: var(--danger-bg);
    --radio-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .radio:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.radio.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.radio.is-invalid) .invalid-feedback,
  .form-field:has(.radio.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.radio:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-tooltip {
    display: block;
  }
  .switch:has(input.is-invalid) {
    --switch-border-color: var(--danger-border);
    --switch-checked-bg: var(--danger-bg);
    --switch-checked-border-color: var(--danger-bg);
  }
  .switch:has(input.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .switch:has(input:user-invalid) {
    --switch-border-color: var(--danger-border);
    --switch-checked-bg: var(--danger-bg);
    --switch-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .switch:has(input:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.switch input.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.switch input.is-invalid) .invalid-feedback,
  .form-field:has(.switch input.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.switch input:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-tooltip {
    display: block;
  }
  .chip-input:has(.form-ghost.is-invalid) {
    border-color: var(--danger-border);
  }
  .chip-input:has(.form-ghost.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  .chip-input:has(.form-ghost.is-invalid) ~ .invalid-feedback,
  .chip-input:has(.form-ghost.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) {
    border-color: var(--danger-border);
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-feedback,
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-adorn:has(.form-ghost.is-invalid) {
    border-color: var(--danger-border);
  }
  .form-adorn:has(.form-ghost.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-feedback,
  .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) {
    border-color: var(--danger-border);
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-feedback,
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-range-input.is-invalid::-webkit-slider-thumb {
    background: var(--danger-bg);
  }
  .form-range-input.is-invalid::-moz-range-thumb {
    background: var(--danger-bg);
  }
  .form-range-input.is-invalid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range-input.is-invalid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .form-range-input:user-invalid::-webkit-slider-thumb {
    background: var(--danger-bg);
  }
  [data-bs-validate] .form-range-input:user-invalid::-moz-range-thumb {
    background: var(--danger-bg);
  }
  [data-bs-validate] .form-range-input:user-invalid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .form-range-input:user-invalid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range:has(.form-range-input.is-invalid) ~ .invalid-feedback,
  .form-range:has(.form-range-input.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-field:has(.input-group .form-control.is-invalid) .invalid-feedback,
  .form-field:has(.input-group .form-control.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-tooltip {
    display: block;
  }
  .input-group > .form-control:not(:focus).is-invalid,
  .input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
  }
  [data-bs-validate] .input-group > .form-control:not(:focus), .input-group > .form-floating:not(:focus-within):user-invalid {
    z-index: 4;
  }
  .otp.is-invalid .otp-slot {
    --otp-slot-border-color: var(--danger-border);
  }
  .otp.is-invalid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .otp:user-invalid .otp-slot {
    --otp-slot-border-color: var(--danger-border);
  }
  [data-bs-validate] .otp:user-invalid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
}
@layer components {
  .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text {
    --btn-gap: var(--btn-input-gap);
    --btn-min-height: var(--btn-input-min-height);
    --btn-padding-x: var(--btn-input-padding-x);
    --btn-padding-y: var(--btn-input-padding-y);
    --btn-font-size: var(--btn-input-font-size);
    --btn-font-weight: var(--btn-input-font-weight);
    --btn-line-height: var(--btn-input-line-height);
    --btn-color: var(--fg-body);
    --btn-white-space: nowrap;
    --btn-border-width: var(--border-width);
    --btn-border-color: transparent;
    --btn-border-radius: var(--radius-5);
    --btn-hover-border-color: transparent;
    --btn-disabled-opacity: 0.65;
    --btn-transition-property: color, background-color, border-color, box-shadow;
    --btn-transition-duration: 0.15s;
    --btn-transition-timing: ease-in-out;
    display: inline-flex;
    gap: var(--btn-gap);
    align-items: center;
    justify-content: center;
    min-height: var(--btn-min-height);
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-decoration: none;
    white-space: var(--btn-white-space);
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: var(--btn-bg, var(--bg-2));
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text {
      transition-timing-function: var(--btn-transition-timing);
      transition-duration: var(--btn-transition-duration);
      transition-property: var(--btn-transition-property);
    }
  }
  .btn:hover, .btn-link:hover, .btn-icon:hover, .btn-solid:hover, .btn-outline:hover, .btn-subtle:hover, .btn-text:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg, var(--bg-3));
    border-color: var(--btn-hover-border-color);
  }
  .btn:focus-visible, .btn-link:focus-visible, .btn-icon:focus-visible, .btn-solid:focus-visible, .btn-outline:focus-visible, .btn-subtle:focus-visible, .btn-text:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 1px;
  }
  .btn.active, .btn.show, .btn-link.active, .btn-link.show, .btn-icon.active, .btn-icon.show, .btn-solid.active, .btn-solid.show, .btn-outline.active, .btn-outline.show, .btn-subtle.active, .btn-subtle.show, .btn-text.active, .btn-text.show {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg, var(--bg-3));
    border-color: var(--btn-active-border-color);
  }
  .btn.active:focus-visible, .btn.show:focus-visible, .btn-link.active:focus-visible, .btn-link.show:focus-visible, .btn-icon.active:focus-visible, .btn-icon.show:focus-visible, .btn-solid.active:focus-visible, .btn-solid.show:focus-visible, .btn-outline.active:focus-visible, .btn-outline.show:focus-visible, .btn-subtle.active:focus-visible, .btn-subtle.show:focus-visible, .btn-text.active:focus-visible, .btn-text.show:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn, .btn-link:disabled, .btn-link.disabled, fieldset:disabled .btn-link, .btn-icon:disabled, .btn-icon.disabled, fieldset:disabled .btn-icon, .btn-solid:disabled, .btn-solid.disabled, fieldset:disabled .btn-solid, .btn-outline:disabled, .btn-outline.disabled, fieldset:disabled .btn-outline, .btn-subtle:disabled, .btn-subtle.disabled, fieldset:disabled .btn-subtle, .btn-text:disabled, .btn-text.disabled, fieldset:disabled .btn-text {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg, var(--bg-1));
    background-image: none;
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity);
  }
  .btn-solid {
    --btn-bg: var(--theme-bg);
    --btn-color: var(--theme-contrast);
    --btn-border-color: var(--theme-bg);
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: var(--theme-bg);
    --btn-disabled-color: var(--theme-contrast);
    --btn-disabled-border-color: var(--theme-bg);
  }
  .btn-solid:hover {
    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-solid:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-solid:active, .btn-solid.active, .btn-solid.btn-check:has(input:checked) {
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-solid:disabled, .btn-solid.disabled, .btn-solid.btn-check:has(input:disabled) {
    --btn-disabled-bg: var(--theme-bg);
    --btn-disabled-color: var(--theme-contrast);
    --btn-disabled-border-color: var(--theme-bg);
  }
  .btn-outline {
    --btn-bg: transparent;
    --btn-color: var(--theme-fg);
    --btn-border-color: var(--theme-border);
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: transparent;
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: var(--theme-border);
  }
  .btn-outline:hover {
    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-outline:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-outline:active, .btn-outline.active, .btn-outline.btn-check:has(input:checked) {
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-outline:disabled, .btn-outline.disabled, .btn-outline.btn-check:has(input:disabled) {
    --btn-disabled-bg: transparent;
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: var(--theme-border);
  }
  .btn-subtle {
    --btn-bg: var(--theme-bg-subtle);
    --btn-color: var(--theme-fg);
    --btn-border-color: transparent;
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: transparent;
  }
  .btn-subtle:hover {
    --btn-hover-bg: color-mix(in oklch, var(--theme-bg-muted) 50%, var(--theme-bg-subtle));
    --btn-hover-color: oklch(from var(--theme-fg-emphasis) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-subtle:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-subtle:active, .btn-subtle.active, .btn-subtle.btn-check:has(input:checked) {
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-subtle:disabled, .btn-subtle.disabled, .btn-subtle.btn-check:has(input:disabled) {
    --btn-disabled-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: transparent;
  }
  .btn-text {
    --btn-color: var(--theme-fg);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: transparent;
  }
  .btn-text:hover {
    --btn-hover-color: oklch(from var(--theme-fg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-bg: var(--theme-bg-subtle);
  }
  .btn-text:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-text:active, .btn-text.active, .btn-text.btn-check:has(input:checked) {
    --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-bg: var(--theme-bg-subtle);
  }
  .btn-text:disabled, .btn-text.disabled, .btn-text.btn-check:has(input:disabled) {
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: transparent;
  }
  .btn-link {
    --btn-font-weight: var(--font-weight-normal);
    --btn-color: var(--link-color);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: var(--link-hover-color);
    --btn-hover-bg: transparent;
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--link-hover-color);
    --btn-active-bg: transparent;
    --btn-active-border-color: transparent;
    --btn-disabled-color: var(--fg-3);
    --btn-disabled-border-color: transparent;
    color: var(--theme-fg, var(--btn-color));
    text-decoration: var(--link-decoration);
    background-image: none;
  }
  .btn-link:focus-visible {
    color: var(--theme-fg, var(--btn-color));
  }
  .btn-link:hover {
    color: var(--theme-fg-emphasis, var(--btn-hover-color));
  }
  .btn-xs,
  .btn-group-xs > [class*=btn-] {
    --btn-gap: var(--btn-input-xs-gap);
    --btn-min-height: var(--btn-input-xs-min-height);
    --btn-padding-y: var(--btn-input-xs-padding-y);
    --btn-padding-x: var(--btn-input-xs-padding-x);
    --btn-font-size: var(--btn-input-xs-font-size);
    --btn-line-height: var(--btn-input-xs-line-height);
    --btn-border-radius: var(--btn-input-xs-border-radius);
  }
  .btn-sm,
  .btn-group-sm > [class*=btn-] {
    --btn-gap: var(--btn-input-sm-gap);
    --btn-min-height: var(--btn-input-sm-min-height);
    --btn-padding-y: var(--btn-input-sm-padding-y);
    --btn-padding-x: var(--btn-input-sm-padding-x);
    --btn-font-size: var(--btn-input-sm-font-size);
    --btn-line-height: var(--btn-input-sm-line-height);
    --btn-border-radius: var(--btn-input-sm-border-radius);
  }
  .btn-lg,
  .btn-group-lg > [class*=btn-] {
    --btn-gap: var(--btn-input-lg-gap);
    --btn-min-height: var(--btn-input-lg-min-height);
    --btn-padding-y: var(--btn-input-lg-padding-y);
    --btn-padding-x: var(--btn-input-lg-padding-x);
    --btn-font-size: var(--btn-input-lg-font-size);
    --btn-line-height: var(--btn-input-lg-line-height);
    --btn-border-radius: var(--btn-input-lg-border-radius);
  }
  .btn-icon {
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    padding: 0;
  }
  .btn-check > input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check:has(input:checked) {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg, var(--bg-3));
    background-image: none;
    border-color: var(--btn-active-border-color);
    box-shadow: var(--btn-active-shadow);
  }
  .btn-check:has(input:focus-visible) {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 1px;
  }
  .btn-check:has(input:disabled) {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg, var(--bg-1));
    background-image: none;
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity);
    box-shadow: none;
  }
  .btn-styled {
    --btn-gradient-start: rgba(255, 255, 255, 0.125);
    --btn-gradient-end: rgba(0, 0, 0, 0.075);
    --btn-border-mix-color: #000;
    --btn-border-mix-amount: 10%;
    --btn-border-hover-mix-amount: 12.5%;
    --btn-border-active-mix-amount: 20%;
    --btn-shadow: 0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%);
    --btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end));
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-mix-amount));
    box-shadow: var(--btn-shadow);
  }
  .btn-styled:hover {
    background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end));
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-hover-mix-amount));
  }
  .btn-styled:active, .btn-styled.active, .btn-styled.show {
    background-image: none;
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-active-mix-amount));
    box-shadow: var(--btn-active-shadow);
  }
  .btn-styled:disabled, .btn-styled.disabled {
    background-image: none;
    box-shadow: none;
  }
}
@layer components {
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .btn-group > [class*=btn-],
  .btn-group-vertical > [class*=btn-] {
    position: relative;
    flex: 1 1 auto;
  }
  .btn-group > [class*=btn-]:hover,
  .btn-group-vertical > [class*=btn-]:hover {
    z-index: 1;
  }
  .btn-group > .btn-check:has(input:checked),
  .btn-group > [class*=btn-]:active,
  .btn-group > [class*=btn-].active,
  .btn-group-vertical > .btn-check:has(input:checked),
  .btn-group-vertical > [class*=btn-]:active,
  .btn-group-vertical > [class*=btn-].active {
    z-index: 2;
  }
  .btn-group > .btn-check:has(input:focus),
  .btn-group > [class*=btn-]:focus,
  .btn-group-vertical > .btn-check:has(input:focus),
  .btn-group-vertical > [class*=btn-]:focus {
    z-index: 3;
  }
  .btn-group-divider > [class*=btn-] + [class*=btn-]::before {
    position: absolute;
    z-index: 3;
    content: "";
    background-color: var(--btn-color);
    opacity: 0.25;
  }
  .btn-group:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {
    top: 25%;
    bottom: 25%;
    left: calc(var(--btn-border-width) * -1);
    width: var(--btn-border-width);
  }
  .btn-group-vertical:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {
    top: calc(var(--btn-border-width) * -1);
    right: var(--btn-padding-x);
    left: var(--btn-padding-x);
    height: var(--btn-border-width);
  }
  .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
  }
  .btn-toolbar .input-group {
    width: auto;
  }
  .btn-group {
    border-radius: var(--btn-border-radius);
  }
  .btn-group > [class*=btn-]:not(:first-child),
  .btn-group > .btn-group:not(:first-child) {
    margin-inline-start: calc(-1 * var(--btn-border-width));
  }
  .btn-group > [class*=btn-]:not(:last-child, :has(+ .menu)),
  .btn-group > .btn-group:not(:last-child) > [class*=btn-] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .btn-group > [class*=btn-]:not(:first-child),
  .btn-group > .btn-group:not(:first-child) > [class*=btn-] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .btn-group-vertical > [class*=btn-],
  .btn-group-vertical > .btn-group {
    width: 100%;
  }
  .btn-group-vertical > [class*=btn-]:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: calc(-1 * var(--btn-border-width));
  }
  .btn-group-vertical > [class*=btn-]:not(:last-child, :has(+ .menu)),
  .btn-group-vertical > .btn-group:not(:last-child) > [class*=btn-] {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .btn-group-vertical > [class*=btn-]:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > [class*=btn-] {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
@layer components {
  .btn-close {
    --btn-close-size: 1.25rem;
    --btn-close-color: inherit;
    --btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4zm-.646 4.646a.5.5 0 0 0-.707 0L8 7.293 5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.647a.5.5 0 1 0 .708.707L8 8.707l2.647 2.646a.5.5 0 1 0 .707-.707L8.707 8l2.646-2.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e");
    --btn-close-opacity: 0.5;
    --btn-close-hover-opacity: 0.75;
    --btn-close-focus-opacity: 0.85;
    --btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    min-width: var(--btn-close-size);
    min-height: var(--btn-close-size);
    padding: 0;
    color: var(--btn-close-color);
    background-color: currentcolor;
    border: 0;
    border-radius: var(--radius-4);
    opacity: var(--btn-close-opacity);
    mask-image: var(--btn-close-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .btn-close:hover {
    color: var(--btn-close-color);
    text-decoration: none;
    opacity: var(--btn-close-hover-opacity);
  }
  .btn-close:focus-visible {
    opacity: var(--btn-close-focus-opacity);
    outline: var(--focus-ring);
  }
  .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--btn-close-disabled-opacity);
  }
}
@layer components {
  .accordion {
    --accordion-padding-x: 1.25rem;
    --accordion-padding-y: 1rem;
    --accordion-color: var(--fg-body);
    --accordion-bg: var(--bg-body);
    --accordion-transition-property: color, background-color, border-radius;
    --accordion-transition-duration: 0.15s;
    --accordion-transition-timing: ease-in-out;
    --accordion-panel-transition-property: content-visibility, block-size;
    --accordion-panel-transition-duration: 0.2s;
    --accordion-panel-transition-timing: ease;
    --accordion-border-color: var(--border-color);
    --accordion-border-width: var(--border-width);
    --accordion-border-radius: var(--accordion-radius, var(--radius-7));
    --accordion-gap: 0;
    --accordion-btn-color: var(--fg-2);
    --accordion-btn-bg: var(--bg-body);
    --accordion-btn-icon-width: 1rem;
    --accordion-btn-icon-transform: rotate(-180deg);
    --accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --accordion-active-color: var(--fg-body);
    --accordion-active-bg: var(--bg-2);
  }
  .accordion-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--accordion-btn-padding-y, var(--accordion-padding-y)) var(--accordion-btn-padding-x, var(--accordion-padding-x));
    font-size: var(--accordion-font-size, var(--body-font-size));
    color: var(--accordion-btn-color);
    text-align: start;
    list-style: none;
    cursor: pointer;
    background-color: var(--accordion-btn-bg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-header {
      transition-timing-function: var(--accordion-transition-timing);
      transition-duration: var(--accordion-transition-duration);
      transition-property: var(--accordion-transition-property);
    }
  }
  .accordion-header::-webkit-details-marker {
    display: none;
  }
  .accordion-header .accordion-icon {
    flex-shrink: 0;
    width: var(--accordion-btn-icon-width);
    height: var(--accordion-btn-icon-width);
    margin-inline-start: auto;
    color: currentcolor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-header .accordion-icon {
      transition: var(--accordion-btn-icon-transition);
    }
  }
  .accordion-header:hover {
    z-index: 2;
  }
  .accordion-header:focus-visible {
    position: relative;
    z-index: 3;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    outline-offset: -1px;
  }
  .accordion-item {
    position: relative;
    color: var(--accordion-color);
    background-color: var(--accordion-bg);
    border: var(--accordion-border-width) solid var(--accordion-border-color);
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-item {
      interpolate-size: allow-keywords;
    }
  }
  .accordion-item::details-content {
    block-size: 0;
    overflow-y: clip;
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-item::details-content {
      transition-timing-function: var(--accordion-panel-transition-timing);
      transition-duration: var(--accordion-panel-transition-duration);
      transition-property: var(--accordion-panel-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .accordion-item:first-of-type {
    border-start-start-radius: var(--accordion-border-radius);
    border-start-end-radius: var(--accordion-border-radius);
  }
  .accordion-item:first-of-type > .accordion-header {
    border-start-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
    border-start-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
  }
  .accordion-item:not(:first-of-type) {
    margin-block-start: calc(-1 * var(--accordion-border-width));
  }
  .accordion-item:last-of-type {
    border-end-start-radius: var(--accordion-border-radius);
    border-end-end-radius: var(--accordion-border-radius);
  }
  .accordion-item:last-of-type > .accordion-header {
    border-end-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
    border-end-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
  }
  .accordion-item:last-of-type > .accordion-body {
    border-end-start-radius: var(--accordion-border-radius);
    border-end-end-radius: var(--accordion-border-radius);
  }
  .accordion-item[open] {
    z-index: 2;
    border-color: var(--theme-border, var(--accordion-border-color));
  }
  .accordion-item[open]::details-content {
    block-size: auto;
  }
  .accordion-item[open] > .accordion-header {
    color: var(--theme-fg, var(--accordion-active-color));
    background-color: var(--theme-bg-subtle, var(--accordion-active-bg));
    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--theme-border, var(--accordion-border-color));
  }
  .accordion-item[open] > .accordion-header .accordion-icon {
    transform: var(--accordion-btn-icon-transform);
  }
  .accordion-item[open]:last-of-type > .accordion-header {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .accordion-body {
    padding: var(--accordion-body-padding-y, var(--accordion-padding-y)) var(--accordion-body-padding-x, var(--accordion-padding-x));
    font-size: var(--accordion-font-size, var(--body-font-size));
  }
  .accordion-sm {
    --accordion-padding-x: .875rem;
    --accordion-padding-y: .625rem;
    --accordion-border-radius: var(--radius-5);
    --accordion-font-size: var(--font-size-sm);
  }
  .accordion-gap {
    --accordion-gap: var(--spacer-2);
    display: flex;
    flex-direction: column;
    gap: var(--accordion-gap);
  }
  .accordion-gap > .accordion-item {
    margin-block-start: 0;
    overflow: clip;
    border-radius: var(--accordion-border-radius);
  }
  .accordion-gap > .accordion-item > .accordion-header,
  .accordion-gap > .accordion-item > .accordion-body {
    border-radius: 0;
  }
  .accordion-flush > .accordion-item {
    border-inline: 0;
    border-radius: 0;
  }
  .accordion-flush > .accordion-item:first-child {
    border-block-start: 0;
  }
  .accordion-flush > .accordion-item:last-child {
    border-block-end: 0;
  }
  .accordion-flush > .accordion-item > .accordion-header,
  .accordion-flush > .accordion-item > .accordion-body {
    border-radius: 0;
  }
}
@layer components {
  .alert {
    --alert-gap: var(--spacer-3);
    --alert-bg: var(--bg-1);
    --alert-padding-x: var(--spacer);
    --alert-padding-y: var(--spacer);
    --alert-color: inherit;
    --alert-border-color: var(--border-color);
    --alert-border-radius: var(--radius-7);
    --alert-link-color: inherit;
    --alert-transition-property: opacity;
    --alert-transition-duration: 0.15s;
    --alert-transition-timing: linear;
    --hr-border-color: var(--theme-border, var(--alert-border-color));
    display: flex;
    gap: var(--alert-gap);
    align-items: start;
    padding: var(--alert-padding-y) var(--alert-padding-x);
    color: var(--theme-fg, var(--alert-color));
    background-color: var(--theme-bg-subtle, var(--alert-bg));
    border: var(--border-width) solid var(--theme-border, var(--alert-border-color));
    border-radius: var(--alert-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .alert:not(.alert-instant) {
      transition-timing-function: var(--alert-transition-timing);
      transition-duration: var(--alert-transition-duration);
      transition-property: var(--alert-transition-property);
    }
  }
  .alert.hiding {
    opacity: 0;
  }
  .alert > p {
    margin-bottom: 0;
  }
  .alert-heading {
    color: inherit;
  }
  .alert-link {
    font-weight: var(--font-weight-semibold);
    color: var(--alert-link-color);
  }
}
@layer components {
  .avatar {
    --avatar-size: 2.5rem;
    --avatar-border-radius: 50%;
    --avatar-border-width: 2px;
    --avatar-border-color: var(--bg-body);
    --avatar-bg: var(--bg-2);
    --avatar-color: var(--fg-body);
    --avatar-status-size: 0.75rem;
    --avatar-status-border-width: 2px;
    --avatar-status-border-color: var(--bg-body);
    --avatar-stack-spacing: -0.3;
    --avatar-stack-transition: transform .2s ease-in-out;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--avatar-size);
    height: var(--avatar-size);
    font-size: calc(var(--avatar-size) * 0.4);
    font-weight: var(--avatar-font-weight, var(--font-weight-medium));
    line-height: 1;
    color: var(--theme-contrast, var(--avatar-color));
    text-transform: uppercase;
    vertical-align: middle;
    background-color: var(--theme-bg, var(--avatar-bg));
    border-radius: var(--avatar-border-radius);
  }
  .avatar > .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .avatar-subtle {
    color: var(--theme-fg, var(--avatar-color));
    background-color: var(--theme-bg-subtle, var(--avatar-bg));
  }
  .avatar-img {
    border-radius: var(--avatar-border-radius, 50%);
  }
  .avatar-status {
    position: absolute;
    right: calc(var(--avatar-status-border-width) * -1);
    bottom: calc(var(--avatar-status-border-width) * -1);
    width: var(--avatar-status-size);
    height: var(--avatar-status-size);
    background-color: var(--gray-400);
    border: var(--avatar-status-border-width) solid var(--avatar-status-border-color);
    border-radius: 50%;
  }
  .avatar-status.status-online {
    background-color: var(--green-500);
  }
  .avatar-status.status-offline {
    background-color: var(--gray-400);
    border-radius: 20%;
  }
  .avatar-status.status-busy {
    background-color: var(--red-500);
    border-radius: 20%;
  }
  .avatar-status.status-away {
    background-color: var(--yellow-500);
  }
  .avatar-stack {
    display: inline-flex;
    flex-direction: row-reverse;
  }
  .avatar-stack .avatar {
    margin-left: calc(var(--avatar-size) * var(--avatar-stack-spacing));
    border: var(--avatar-border-width) solid var(--avatar-border-color);
    mask-image: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .avatar-stack .avatar {
      transition: var(--avatar-stack-transition);
    }
  }
  .avatar-stack .avatar:last-child {
    margin-left: 0;
  }
  .avatar-stack .avatar:hover {
    z-index: 1;
    transform: translateY(-2px);
  }
  .avatar-xs,
  .avatar-stack-xs > .avatar {
    --avatar-size: 1.5rem;
    --avatar-status-size: 0.625rem;
  }
  .avatar-sm,
  .avatar-stack-sm > .avatar {
    --avatar-size: 2rem;
  }
  .avatar-lg,
  .avatar-stack-lg > .avatar {
    --avatar-size: 3rem;
    --avatar-status-size: 1rem;
    --avatar-border-width: 3px;
  }
  .avatar-xl,
  .avatar-stack-xl > .avatar {
    --avatar-size: 4rem;
    --avatar-status-size: 1.25rem;
    --avatar-border-width: 4px;
  }
}
@layer components {
  .badge {
    --badge-gap: 0.375em;
    --badge-padding-x: 0.625em;
    --badge-padding-y: 0.25em;
    --badge-font-size: clamp(12px, 0.75em, 0.75em);
    --badge-font-weight: var(--font-weight-semibold);
    --badge-color: inherit;
    --badge-bg: var(--bg-2);
    --badge-border-width: var(--border-width);
    --badge-border-color: transparent;
    --badge-border-radius: var(--radius-7);
    display: inline-flex;
    gap: var(--badge-gap);
    align-items: center;
    justify-content: center;
    min-height: 1.375rem;
    padding: var(--badge-padding-y) var(--badge-padding-x);
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    line-height: 1;
    color: var(--theme-contrast, var(--badge-color));
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--theme-bg, var(--badge-bg));
    border: var(--badge-border-width) solid var(--badge-border-color);
    border-radius: var(--badge-border-radius);
  }
  .badge:empty {
    display: none;
  }
  a.badge {
    text-decoration: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .badge-subtle {
    --badge-color: var(--theme-fg);
    --badge-bg: var(--theme-bg-subtle);
    --badge-border-color: transparent;
    color: var(--badge-color);
    background-color: var(--badge-bg);
    border-color: var(--badge-border-color);
  }
  .badge-outline {
    --badge-color: var(--theme-fg);
    --badge-bg: transparent;
    --badge-border-color: var(--theme-border);
    color: var(--badge-color);
    background-color: var(--badge-bg);
    border-color: var(--badge-border-color);
  }
  .badge-lg {
    --badge-padding-x: 1rem;
    --badge-padding-y: .5rem;
  }
}
@layer components {
  .breadcrumb {
    --breadcrumb-font-size: inherit;
    --breadcrumb-bg: transparent;
    --breadcrumb-border-radius: var(--radius-5);
    --breadcrumb-divider-color: var(--fg-4);
    --breadcrumb-divider-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 2l4 6-4 6'/%3e%3c/svg%3e");
    --breadcrumb-divider-width: 0.375rem;
    --breadcrumb-divider-height: 0.75rem;
    --breadcrumb-link-padding-x: 0.75rem;
    --breadcrumb-link-padding-y: 0.25rem;
    --breadcrumb-link-color: var(--fg-3);
    --breadcrumb-link-hover-color: var(--fg-2);
    --breadcrumb-link-hover-bg: var(--bg-1);
    --breadcrumb-link-active-color: var(--fg-1);
    --breadcrumb-link-border-radius: var(--radius-7);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0);
    margin-bottom: 0;
    font-size: var(--breadcrumb-font-size);
    list-style-type: "";
    background-color: var(--breadcrumb-bg);
    border-radius: var(--breadcrumb-border-radius);
  }
  .breadcrumb-item {
    display: flex;
  }
  .breadcrumb-divider {
    margin-inline: calc(var(--breadcrumb-link-padding-x) / 4);
    color: var(--breadcrumb-divider-color);
  }
  .breadcrumb-divider:empty::before {
    display: block;
    width: var(--breadcrumb-divider-width);
    height: var(--breadcrumb-divider-height);
    content: "";
    background-color: currentcolor;
    mask-image: var(--breadcrumb-divider-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .breadcrumb-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: var(--breadcrumb-link-padding-y) var(--breadcrumb-link-padding-x);
    color: var(--breadcrumb-link-color);
    text-decoration: none;
    border-radius: var(--breadcrumb-link-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .breadcrumb-link {
      transition: 0.1s text-decoration-color ease-in-out;
    }
  }
  .breadcrumb-link:hover {
    z-index: 2;
    color: var(--breadcrumb-link-hover-color);
    background-color: var(--breadcrumb-link-hover-bg);
  }
  .breadcrumb-link.active {
    color: var(--breadcrumb-link-active-color);
  }
}
@layer components {
  [data-vc=calendar] {
    --calendar-padding: 0;
    --calendar-color: var(--fg-body);
    --calendar-font-size: var(--font-size-sm);
    --calendar-header-font-weight: 600;
    --calendar-weekday-color: var(--fg-3);
    --calendar-day-hover-bg: var(--bg-1);
    --calendar-day-selected-bg: var(--primary-bg);
    --calendar-day-selected-color: var(--primary-contrast);
    --calendar-day-today-bg: var(--bg-2);
    --calendar-day-today-color: var(--fg-1);
    --calendar-day-disabled-color: var(--fg-4);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: var(--calendar-padding);
    font-family: var(--body-font-family);
    font-size: var(--calendar-font-size);
    color: var(--calendar-color);
    color-scheme: light dark;
  }
  [data-vc=calendar][data-bs-theme=light] {
    color-scheme: light;
  }
  [data-vc=calendar][data-bs-theme=dark] {
    color-scheme: dark;
  }
  [data-vc=calendar] button:focus-visible {
    position: relative;
    z-index: 1;
    outline: var(--focus-ring);
  }
  [data-vc-arrow] {
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    color: var(--calendar-color);
    pointer-events: auto;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-arrow]::before {
    position: absolute;
    inset: 0.25rem;
    content: "";
    background-color: var(--calendar-color);
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/></svg>");
    mask-repeat: no-repeat;
    mask-position: center;
  }
  [data-vc-arrow]:hover {
    background-color: var(--calendar-day-hover-bg);
  }
  [data-vc-arrow=prev]::before {
    transform: rotate(90deg);
  }
  [data-vc-arrow=next]::before {
    transform: rotate(-90deg);
  }
  [data-vc=controls] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block-start: var(--calendar-padding);
    padding-inline: var(--calendar-padding);
    pointer-events: none;
  }
  [data-vc=grid] {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 1.75rem;
  }
  [data-vc=column] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-width: 240px;
  }
  [data-vc=header] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
  }
  [data-vc-header=content] {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    white-space: pre-wrap;
  }
  [data-vc=month],
  [data-vc=year] {
    padding: 0.25rem 0.5rem;
    margin-inline: -0.125rem;
    font-size: 1rem;
    font-weight: var(--calendar-header-font-weight);
    color: var(--calendar-color);
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc=month]:disabled,
  [data-vc=year]:disabled {
    color: var(--calendar-day-disabled-color);
    pointer-events: none;
  }
  [data-vc=month]:hover:not(:disabled),
  [data-vc=year]:hover:not(:disabled) {
    background-color: var(--calendar-day-hover-bg);
  }
  [data-vc=content] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
  [data-vc=months],
  [data-vc=years] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    row-gap: 1rem;
  }
  [data-vc-months=row],
  [data-vc-years=row] {
    display: grid;
    grid-template-columns: repeat(var(--calendar-columns, 4), minmax(0, 1fr));
    column-gap: 0.25rem;
    align-items: center;
  }
  [data-vc=years] {
    --calendar-columns: 5;
  }
  [data-vc-months=cell],
  [data-vc-years=cell] {
    display: flex;
  }
  [data-vc-months-month],
  [data-vc-years-year] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.5rem;
    padding: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    color: var(--calendar-weekday-color);
    text-align: center;
    word-break: break-all;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-months-month]:disabled,
  [data-vc-years-year]:disabled {
    color: var(--calendar-day-disabled-color);
    pointer-events: none;
  }
  [data-vc-months-month]:hover:not(:disabled),
  [data-vc-years-year]:hover:not(:disabled) {
    background-color: var(--calendar-day-hover-bg);
  }
  [data-vc-months-month][data-vc-months-month-selected], [data-vc-months-month][data-vc-years-year-selected],
  [data-vc-years-year][data-vc-months-month-selected],
  [data-vc-years-year][data-vc-years-year-selected] {
    color: var(--calendar-day-selected-color);
    background-color: var(--calendar-day-selected-bg);
  }
  [data-vc-months-month][data-vc-months-month-selected]:hover, [data-vc-months-month][data-vc-years-year-selected]:hover,
  [data-vc-years-year][data-vc-months-month-selected]:hover,
  [data-vc-years-year][data-vc-years-year-selected]:hover {
    color: var(--calendar-day-selected-color);
    background-color: var(--calendar-day-selected-bg);
  }
  [data-vc=week] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
    margin-bottom: 0.5rem;
  }
  [data-vc-week-day] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 1.875rem;
    padding: 0;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    color: var(--calendar-weekday-color);
    background-color: transparent;
    border: 0;
  }
  button[data-vc-week-day] {
    cursor: pointer;
  }
  [data-vc=dates] {
    pointer-events: none;
  }
  [data-vc-dates=row] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
  }
  [data-vc-date] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    pointer-events: auto;
  }
  [data-vc-date]:not(:has([data-vc-date-btn])), [data-vc-date][data-vc-date-disabled], [data-vc-date][data-vc-date-disabled] [data-vc-date-btn] {
    pointer-events: none;
  }
  [data-vc-date-btn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 1.875rem;
    height: 100%;
    min-height: 1.875rem;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: var(--calendar-color);
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-date-btn]:hover {
    background-color: var(--calendar-day-hover-bg);
  }
  [data-vc-date-today] [data-vc-date-btn] {
    font-weight: 600;
    color: var(--calendar-day-today-color);
    background-color: var(--calendar-day-today-bg);
  }
  [data-vc-date-month=next] [data-vc-date-btn],
  [data-vc-date-month=prev] [data-vc-date-btn] {
    opacity: 0.5;
  }
  [data-vc-date-disabled] [data-vc-date-btn] {
    color: var(--calendar-day-disabled-color);
  }
  [data-vc-date-hover] [data-vc-date-btn] {
    background-color: var(--calendar-day-hover-bg);
    border-radius: 0;
  }
  [data-vc-date-hover=first] [data-vc-date-btn] {
    border-start-start-radius: var(--radius-5);
    border-end-start-radius: var(--radius-5);
  }
  [data-vc-date-hover=last] [data-vc-date-btn] {
    border-start-end-radius: var(--radius-5);
    border-end-end-radius: var(--radius-5);
  }
  [data-vc-date-hover=first-and-last] [data-vc-date-btn] {
    border-radius: var(--radius-5);
  }
  [data-vc-date-selected=middle] [data-vc-date-btn] {
    border-radius: 0;
    opacity: 0.8;
  }
  [data-vc-date-selected] [data-vc-date-btn] {
    color: var(--calendar-day-selected-color);
    background-color: var(--calendar-day-selected-bg);
  }
  [data-vc-date-selected=first] [data-vc-date-btn] {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--radius-5);
  }
  [data-vc-date-selected=last] [data-vc-date-btn] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--radius-5);
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: 0;
  }
  [data-vc-date-selected=first-and-last] [data-vc-date-btn] {
    border-radius: var(--radius-5);
  }
}
@layer components {
  .chip {
    --chip-height: 1.75rem;
    --chip-padding-x: 0.625rem;
    --chip-gap: 0.3125rem;
    --chip-border-radius: var(--radius-pill);
    --chip-img-size: 1.25rem;
    --chip-icon-size: 1rem;
    --chip-dismiss-size: 1rem;
    --chip-dismiss-opacity: 0.65;
    --chip-dismiss-hover-opacity: 1;
    --chip-color: var(--theme-fg, var(--fg-body));
    --chip-bg: var(--theme-bg-subtle, var(--bg-2));
    --chip-border-color: transparent;
    --chip-selected-color: var(--theme-contrast, var(--primary-contrast));
    --chip-selected-bg: var(--theme-bg, var(--primary-bg));
    --chip-selected-border-color: var(--theme-bg, var(--primary-bg));
    display: inline-flex;
    gap: var(--chip-gap);
    align-items: center;
    height: var(--chip-height);
    padding-inline: var(--chip-padding-x);
    font-size: var(--chip-font-size, var(--font-size-sm));
    font-weight: var(--chip-font-weight, var(--font-weight-base));
    line-height: var(--chip-line-height, 1.25rem);
    color: var(--chip-color);
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--chip-bg);
    border: var(--border-width) solid var(--chip-border-color);
    border-radius: var(--chip-border-radius);
  }
  .chip:hover {
    --chip-bg: var(--theme-bg-muted, var(--bg-3));
  }
  .chip:focus-visible {
    outline: 0;
  }
  .chip.active {
    --chip-color: var(--chip-selected-color);
    --chip-bg: var(--chip-selected-bg);
    --chip-border-color: var(--chip-selected-border-color);
  }
  .chip.active:hover {
    --chip-bg: var(--chip-selected-bg);
    opacity: 0.9;
  }
  .chip.disabled, .chip:disabled {
    pointer-events: none;
    opacity: 0.65;
  }
  .chip-img {
    width: var(--chip-img-size);
    height: var(--chip-img-size);
    border-radius: 50%;
  }
  .chip-img:first-child {
    margin-inline-start: -0.375rem;
  }
  .chip-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-inline-start: calc(var(--chip-gap) * -0.25);
  }
  .chip-icon > svg {
    display: block;
    width: var(--chip-icon-size);
    height: var(--chip-icon-size);
  }
  .chip-icon > img {
    width: var(--chip-icon-size);
    height: var(--chip-icon-size);
    object-fit: cover;
    border-radius: 50%;
  }
  .chip-dismiss {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--chip-dismiss-size);
    height: var(--chip-dismiss-size);
    padding: 0;
    margin-inline-end: calc(var(--chip-padding-x) * -0.25);
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: var(--chip-dismiss-opacity);
  }
  .chip-dismiss:hover {
    opacity: var(--chip-dismiss-hover-opacity);
  }
  .chip-dismiss:focus-visible {
    outline: 0;
    opacity: 1;
    outline: var(--focus-ring);
  }
  .chip-dismiss > svg {
    display: block;
    width: var(--chip-dismiss-size);
    height: var(--chip-dismiss-size);
  }
}
@layer components {
  .card {
    --card-spacer-y: var(--spacer-6);
    --card-spacer-x: var(--spacer-6);
    --card-subtitle-color: inherit;
    --card-border-width: var(--border-width);
    --card-border-color: var(--border-color);
    --card-border-radius: var(--radius-7);
    --card-box-shadow: none;
    --card-inner-border-radius: calc(var(--card-border-radius) - var(--border-width));
    --card-cap-padding-y: var(--spacer-3);
    --card-cap-padding-x: var(--spacer-5);
    --card-cap-bg: var(--bg-1);
    --card-cap-color: inherit;
    --card-height: auto;
    --card-color: inherit;
    --card-bg: var(--bg-body);
    --card-img-overlay-padding: var(--card-spacer-y);
    --card-group-margin: 0.75rem;
    --card-body-gap: calc(var(--card-spacer-y) * 0.5);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--card-height);
    color: var(--fg-body);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
    border-radius: var(--card-border-radius);
    box-shadow: var(--card-box-shadow);
  }
  .card > hr {
    margin-inline: 0;
  }
  .card > :is(.card-img-top, .card-img-bottom, .card-body, .list-group) + :is(.card-body, .card-img-bottom, .list-group) {
    border-block-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card > .list-group:first-child {
    border-start-start-radius: var(--card-inner-border-radius);
    border-start-end-radius: var(--card-inner-border-radius);
  }
  .card > .list-group:last-child {
    border-end-start-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--card-body-gap);
    align-items: stretch;
    padding: var(--card-spacer-y) var(--card-spacer-x);
    color: var(--card-color);
  }
  .card-body > * {
    margin-block: 0;
  }
  .card-body > [class*=btn-] {
    align-self: start;
  }
  .card-subtitle {
    margin-top: calc(var(--card-body-gap) * -0.5);
  }
  .card-header {
    display: flex;
    flex-direction: column;
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    margin-bottom: 0;
    color: var(--theme-contrast, var(--card-cap-color));
    background-color: var(--theme-bg, var(--card-cap-bg));
    border-bottom: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-header:first-child {
    border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
  }
  .card-footer {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    color: var(--card-cap-color);
    background-color: var(--theme-bg, var(--card-cap-bg));
    border-top: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-footer:last-child {
    border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);
  }
  .card-translucent {
    background-color: color-mix(in oklch, var(--card-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .card-translucent .card-header,
  .card-translucent .card-footer {
    background-color: color-mix(in oklch, var(--card-cap-bg) 60%, transparent);
  }
  .card-subtle {
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle .card-header {
    color: var(--theme-fg-emphasis, currentcolor);
    background-color: var(--theme-bg-subtle, var(--card-cap-bg));
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle .card-footer {
    color: var(--theme-fg-emphasis, currentcolor);
    background-color: var(--theme-bg-subtle, var(--card-cap-bg));
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle > :is(.card-body, .list-group) {
    border-color: var(--theme-border, var(--card-border-color));
  }
  .nav.card-header-tabs {
    margin-inline: calc(-0.5 * var(--card-cap-padding-x));
    margin-bottom: calc(-1 * var(--card-cap-padding-y) - var(--nav-tabs-border-width));
    border-block-end: 0;
  }
  .nav.card-header-tabs .nav-link.active {
    background-color: var(--card-bg);
    border-block-end-color: var(--card-bg);
  }
  .card-img-overlay {
    position: absolute;
    inset: 0;
    padding: var(--card-img-overlay-padding);
    border-radius: var(--card-inner-border-radius);
  }
  .card-img,
  .card-img-top,
  .card-img-bottom {
    width: 100%;
  }
  .card-img {
    border-radius: var(--radius-5);
    outline: var(--card-border-width) solid var(--card-border-color);
    outline-offset: calc(var(--card-border-width) * -1);
  }
  .card-img-top {
    border-start-start-radius: var(--card-inner-border-radius);
    border-start-end-radius: var(--card-inner-border-radius);
  }
  .card-img-bottom {
    border-end-start-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-row {
    flex-direction: row;
  }
  .card-row > :is(.card-img-start, .card-img-end, .card-body, .list-group) + :is(.card-body, .card-img-end, .list-group) {
    border-block-start: 0;
    border-inline-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-row > .list-group:first-child {
    border-start-start-radius: var(--card-inner-border-radius);
    border-end-start-radius: var(--card-inner-border-radius);
  }
  .card-row > .list-group:last-child {
    border-start-end-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-img-start {
    border-start-start-radius: var(--card-inner-border-radius);
    border-end-start-radius: var(--card-inner-border-radius);
  }
  .card-img-end {
    border-start-end-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-group > .card {
    margin-bottom: var(--card-group-margin);
  }
  @container (width >= 576px) {
    .card-group {
      display: flex;
      flex-flow: row wrap;
    }
    .card-group > .card {
      flex: 1 0 0;
      margin-bottom: 0;
    }
    .card-group > .card + .card {
      border-inline-start-width: 0;
    }
    .card-group > .card:not(:last-child) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-top,
    .card-group > .card:not(:last-child) > .card-header,
    .card-group > .card:not(:last-child) > .list-group {
      border-start-end-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-bottom,
    .card-group > .card:not(:last-child) > .card-footer,
    .card-group > .card:not(:last-child) > .list-group {
      border-end-end-radius: 0;
    }
    .card-group > .card:not(:first-child) {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-top,
    .card-group > .card:not(:first-child) > .card-header,
    .card-group > .card:not(:first-child) > .list-group {
      border-start-start-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-bottom,
    .card-group > .card:not(:first-child) > .card-footer,
    .card-group > .card:not(:first-child) > .list-group {
      border-end-start-radius: 0;
    }
  }
}
@layer components {
  .carousel {
    --carousel-gap: 0.75rem;
    --carousel-indicator-bg: var(--fg-3);
    --carousel-indicator-width: 0.75rem;
    --carousel-indicator-height: 0.75rem;
    --carousel-indicator-spacer: 0.25rem;
    --carousel-indicator-opacity-duration: 0.6s;
    --carousel-indicator-opacity-timing: ease;
    --carousel-indicator-width-duration: 0.3s;
    --carousel-indicator-width-timing: ease;
    --carousel-indicator-progress-bg: var(--carousel-indicator-bg);
    --carousel-control-icon-width: 1rem;
    --carousel-control-prev-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><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: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><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-control-pause-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5m5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5'/></svg>");
    --carousel-control-play-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
    --carousel-items: 1;
    --carousel-items-gap: 0px;
    --carousel-items-peek: 0px;
    --carousel-fade-duration: 0.6s;
    --carousel-fade-timing: ease;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--carousel-gap);
  }
  .carousel-inner {
    display: flex;
    gap: var(--carousel-items-gap);
    width: 100%;
    padding-inline: var(--carousel-items-peek);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--carousel-items-peek);
    scrollbar-width: none;
  }
  .carousel-inner::-webkit-scrollbar {
    display: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-inner {
      scroll-behavior: smooth;
    }
  }
  .carousel-item {
    flex: 0 0 calc((100% - (var(--carousel-items) - 1) * var(--carousel-items-gap)) / var(--carousel-items));
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .carousel-center .carousel-item {
    scroll-snap-align: center;
  }
  .carousel-auto .carousel-item {
    flex-basis: auto;
  }
  .carousel-fade .carousel-inner {
    display: grid;
    overflow: hidden;
    scroll-snap-type: none;
  }
  .carousel-fade .carousel-item {
    grid-area: 1/1;
    width: 100%;
    visibility: hidden;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-fade .carousel-item {
      transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing), visibility 0s linear var(--carousel-fade-duration);
    }
  }
  .carousel-fade .carousel-item.active {
    visibility: visible;
    opacity: 1;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-fade .carousel-item.active {
      transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing);
    }
  }
  .carousel-icon-prev,
  .carousel-icon-next,
  .carousel-icon-pause,
  .carousel-icon-play {
    display: inline-block;
    width: var(--carousel-control-icon-width);
    height: var(--carousel-control-icon-width);
    background-color: currentcolor;
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-size: 100% 100%;
  }
  .carousel-icon-prev {
    mask-image: var(--carousel-control-prev-icon);
  }
  .carousel-icon-next {
    mask-image: var(--carousel-control-next-icon);
  }
  [dir=rtl] .carousel-icon-prev,
  [dir=rtl] .carousel-icon-next {
    transform: scaleX(-1);
  }
  .carousel-icon-pause {
    mask-image: var(--carousel-control-pause-icon);
  }
  .carousel-icon-play {
    mask-image: var(--carousel-control-play-icon);
  }
  .carousel-control-play-pause .carousel-icon-play {
    display: none;
  }
  .carousel-control-play-pause.paused .carousel-icon-pause {
    display: none;
  }
  .carousel-control-play-pause.paused .carousel-icon-play {
    display: inline-block;
  }
  .carousel-indicators {
    display: flex;
    gap: var(--carousel-indicator-spacer);
    justify-content: center;
  }
  .carousel-indicators [data-bs-target] {
    flex: 0 1 auto;
    width: var(--carousel-indicator-width);
    height: var(--carousel-indicator-height);
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--carousel-indicator-bg);
    border-radius: var(--carousel-indicator-width);
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-indicators [data-bs-target] {
      transition: opacity var(--carousel-indicator-opacity-duration) var(--carousel-indicator-opacity-timing), width var(--carousel-indicator-width-duration) var(--carousel-indicator-width-timing);
    }
  }
  .carousel-indicators .active {
    width: calc(var(--carousel-indicator-width) * 2.5);
    background-color: var(--carousel-indicator-bg);
    border-color: var(--carousel-indicator-bg);
  }
  @keyframes carousel-indicator-progress {
    from {
      inline-size: 0;
    }
    to {
      inline-size: 100%;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-playing .carousel-indicators .active {
      position: relative;
      overflow: hidden;
      background-color: transparent;
    }
    .carousel-playing .carousel-indicators .active::after {
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
      inline-size: 0;
      content: "";
      background-color: var(--carousel-indicator-progress-bg);
      animation: carousel-indicator-progress var(--carousel-interval, 5000ms) linear forwards;
    }
  }
  .carousel-overlay {
    --carousel-indicator-bg: light-dark(var(--white), var(--black));
  }
  .carousel-overlay .carousel-overlay-controls {
    position: absolute;
    inset-block-end: 1rem;
    inset-inline: 1rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@layer components {
  [data-vc=calendar][data-vc-input] {
    --datepicker-padding: 1rem;
    --datepicker-bg: var(--bg-body);
    --datepicker-border-color: var(--border-color-translucent);
    --datepicker-border-width: var(--border-width);
    --datepicker-border-radius: var(--radius-7);
    --datepicker-box-shadow: var(--box-shadow);
    --datepicker-min-width: 280px;
    --datepicker-zindex: var(--z-menu);
    --calendar-padding: var(--datepicker-padding);
    position: absolute;
    z-index: var(--datepicker-zindex);
    min-width: var(--datepicker-min-width);
    background-color: var(--datepicker-bg);
    border: var(--datepicker-border-width) solid var(--datepicker-border-color);
    box-shadow: var(--datepicker-box-shadow);
    opacity: 1;
    border-radius: var(--datepicker-border-radius);
  }
  [data-vc-calendar-hidden] {
    pointer-events: none;
    opacity: 0;
  }
  [data-vc-position=bottom] {
    margin-block-start: 0.25rem;
  }
  [data-vc-position=top] {
    margin-block-end: -0.25rem;
  }
}
@layer components {
  :root.dialog-open {
    overflow: hidden;
  }
  .dialog {
    --dialog-padding: 1rem;
    --dialog-width: 500px;
    --dialog-margin: 1.75rem;
    --dialog-color: var(--fg-body);
    --dialog-bg: var(--bg-body);
    --dialog-border-color: var(--border-color-translucent);
    --dialog-border-width: var(--border-width);
    --dialog-border-radius: var(--radius-7);
    --dialog-box-shadow: var(--box-shadow-xl);
    --dialog-transition-property: opacity, transform, visibility;
    --dialog-transition-duration: 0.3s;
    --dialog-transition-timing: var(--transition-timing-overlay);
    --dialog-backdrop-bg: light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65));
    --dialog-backdrop-blur: 8px;
    --dialog-header-padding: 1rem;
    --dialog-header-border-color: var(--border-color-translucent);
    --dialog-header-border-width: var(--border-width);
    --dialog-footer-padding: 1rem;
    --dialog-footer-border-color: var(--border-color-translucent);
    --dialog-footer-border-width: var(--border-width);
    --dialog-footer-gap: 0.5rem;
    display: flex;
    flex-direction: column;
    width: var(--dialog-width);
    max-width: calc(100% - var(--dialog-margin) * 2);
    max-height: calc(100% - var(--dialog-margin) * 2);
    padding: 0;
    margin: auto;
    overflow: visible;
    color: var(--dialog-color);
    visibility: hidden;
    background-color: var(--dialog-bg);
    background-clip: padding-box;
    border: var(--dialog-border-width) solid var(--dialog-border-color);
    border-radius: var(--dialog-border-radius);
    box-shadow: var(--dialog-box-shadow);
  }
  .dialog:not(.dialog-instant) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .dialog:not(.dialog-instant) {
      transition-timing-function: var(--dialog-transition-timing);
      transition-duration: var(--dialog-transition-duration);
      transition-property: var(--dialog-transition-property);
    }
  }
  .dialog:not(.dialog-instant).dialog-slide-down {
    transform: translateY(-3rem);
  }
  .dialog:not(.dialog-instant).dialog-slide-up {
    transform: translateY(3rem);
  }
  .dialog:not(.dialog-instant)[open]:not(.hiding) {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .dialog:not(.dialog-instant)[open].dialog-static:not(.hiding) {
    transform: scale(1.02);
  }
  .dialog:not(.dialog-instant)::backdrop {
    background-color: var(--dialog-backdrop-bg);
    backdrop-filter: blur(var(--dialog-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .dialog:not(.dialog-instant)::backdrop {
      transition: background-color var(--dialog-transition-duration) var(--dialog-transition-timing), backdrop-filter var(--dialog-transition-duration) var(--dialog-transition-timing), display var(--dialog-transition-duration) allow-discrete, overlay var(--dialog-transition-duration) allow-discrete;
    }
  }
  .dialog:not(.dialog-instant).hiding::backdrop {
    background-color: transparent;
    backdrop-filter: blur(0);
  }
  .dialog.dialog-instant::backdrop {
    background-color: var(--dialog-backdrop-bg);
    backdrop-filter: blur(var(--dialog-backdrop-blur));
  }
  .dialog[open]:not(.hiding) {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .dialog.dialog-nonmodal {
    position: fixed;
    inset: 0;
    z-index: var(--z-dialog);
    height: fit-content;
  }
  .dialog.dialog-scrollable[open] {
    max-height: calc(100% - var(--dialog-margin) * 2);
  }
  .dialog.dialog-scrollable[open] .dialog-body {
    overflow-y: auto;
  }
  @starting-style {
    .dialog:not(.dialog-instant)::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .dialog.dialog-swap-in:not(.dialog-instant)::backdrop {
      background-color: var(--dialog-backdrop-bg);
      backdrop-filter: blur(var(--dialog-backdrop-blur));
    }
  }
  .dialog-sm {
    --dialog-width: 280px;
  }
  .dialog-lg {
    --dialog-width: 800px;
  }
  .dialog-xl {
    --dialog-width: 1140px;
  }
  .dialog-fullscreen {
    --dialog-width: 100vw;
    --dialog-margin: 0;
    --dialog-border-radius: 0;
    --dialog-border-width: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
  }
  @media (width < 576px) {
    .sm-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 768px) {
    .md-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1024px) {
    .lg-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1280px) {
    .xl-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1536px) {
    .\32 xl-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  .dialog-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--dialog-header-padding);
    border-block-end: var(--dialog-header-border-width) solid var(--dialog-header-border-color);
  }
  .dialog-header .btn-close {
    margin-inline-start: auto;
  }
  .dialog-title {
    margin-bottom: 0;
    line-height: 1.25;
    font-size: var(--font-size-md);
  }
  .dialog-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--dialog-padding);
  }
  .dialog-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: var(--dialog-footer-gap);
    align-items: center;
    justify-content: flex-end;
    padding: var(--dialog-footer-padding);
    border-block-start: var(--dialog-footer-border-width) solid var(--dialog-footer-border-color);
  }
}
@layer components {
  .menu {
    --menu-zindex: var(--z-menu);
    --menu-gap: 0.125rem;
    --menu-min-width: 10rem;
    --menu-padding-x: 0.25rem;
    --menu-padding-y: 0.25rem;
    --menu-spacer: 0.125rem;
    --menu-font-size: var(--font-size-sm);
    --menu-color: var(--fg-body);
    --menu-bg: var(--bg-body);
    --menu-box-shadow: var(--box-shadow-lg);
    --menu-divider-bg: var(--border-color-translucent);
    --menu-divider-margin-y: 0.125rem;
    --menu-divider-margin-x: 0.25rem;
    --menu-item-color: var(--menu-color, var(--fg-body));
    --menu-item-hover-color: var(--menu-color, var(--fg-body));
    --menu-item-hover-bg: var(--bg-1);
    --menu-item-active-color: var(--primary-contrast);
    --menu-item-active-bg: var(--primary-bg);
    --menu-item-disabled-color: var(--fg-3);
    --menu-item-gap: 0.5rem;
    --menu-item-padding-x: 0.75rem;
    --menu-item-padding-y: 0.25rem;
    --menu-item-border-radius: var(--radius-5);
    --menu-icon-size: 1rem;
    --menu-description-font-size: var(--font-size-xs);
    --menu-check-color: currentcolor;
    --menu-header-color: var(--fg-3);
    --menu-header-padding-x: 0.75rem;
    --menu-header-padding-y: 0.25rem;
    --menu-transition-property: opacity, transform, display;
    --menu-transition-duration: 0.15s;
    --menu-transition-timing: var(--transition-timing-overlay);
    position: absolute;
    z-index: var(--menu-zindex);
    display: none;
    flex-direction: column;
    gap: var(--menu-gap);
    min-width: var(--menu-min-width);
    max-height: var(--menu-max-height, none);
    padding: var(--menu-padding-y) var(--menu-padding-x);
    margin: 0;
    overflow-y: var(--menu-overflow-y, initial);
    overscroll-behavior: contain;
    font-size: var(--menu-font-size);
    color: var(--menu-color);
    text-align: start;
    list-style-type: "";
    background-color: var(--menu-bg);
    background-clip: padding-box;
    border: var(--menu-border-width, var(--border-width)) solid var(--menu-border-color, var(--border-color-translucent));
    border-radius: var(--menu-border-radius, var(--radius-7));
    box-shadow: var(--menu-box-shadow);
    opacity: 0;
    transform: scale(0.95);
    transform-origin: top start;
  }
  .menu[data-bs-placement^=top] {
    transform-origin: bottom start;
  }
  .menu[data-bs-placement=bottom-end] {
    transform-origin: top end;
  }
  .menu[data-bs-placement=top-end] {
    transform-origin: bottom end;
  }
  .menu[data-bs-placement^=left] {
    transform-origin: top end;
  }
  @media (prefers-reduced-motion: no-preference) {
    .menu {
      transition-timing-function: var(--menu-transition-timing);
      transition-duration: var(--menu-transition-duration);
      transition-property: var(--menu-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .menu.show {
    display: flex;
    opacity: 1;
    transform: none;
  }
  @starting-style {
    .menu.show {
      opacity: 0;
      transform: scale(0.95);
    }
  }
  .menu-scrollable {
    --menu-max-height: 80dvh;
    --menu-overflow-y: auto;
  }
  .menu-translucent {
    --menu-item-hover-bg-light: color-mix(in oklch, var(--bg-1) 90%, transparent);
    --menu-item-hover-bg-dark: color-mix(in oklch, var(--bg-1) 80%, transparent);
    --menu-item-active-bg-light: color-mix(in oklch, var(--primary-bg) 80%, transparent);
    --menu-item-active-bg-dark: color-mix(in oklch, var(--primary-bg) 70%, transparent);
    --menu-item-active-bg: light-dark(var(--menu-item-active-bg-light), var(--menu-item-active-bg-dark));
    --menu-item-hover-bg: light-dark(var(--menu-item-hover-bg-light), var(--menu-item-hover-bg-dark));
    background-color: color-mix(in oklch, var(--menu-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .menu-divider {
    height: 0;
    margin: var(--menu-divider-margin-y) var(--menu-divider-margin-x);
    overflow: hidden;
    border-block-start: 1px solid var(--menu-divider-bg);
    opacity: 1;
  }
  .menu-item {
    display: flex;
    gap: var(--menu-item-gap);
    align-items: center;
    width: 100%;
    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
    font-weight: var(--menu-item-font-weight, var(--font-weight-normal));
    color: var(--theme-fg, var(--menu-item-color));
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-radius: var(--menu-item-border-radius, 0);
  }
  .menu-item:hover, .menu-item:focus {
    color: var(--theme-fg-emphasis, var(--menu-item-hover-color));
    background-color: var(--theme-bg-subtle, var(--menu-item-hover-bg));
  }
  .menu-item.active, .menu-item:active {
    color: var(--theme-contrast, var(--menu-item-active-color));
    background-color: var(--theme-bg, var(--menu-item-active-bg));
  }
  .menu-item.active .menu-item-icon, .menu-item:active .menu-item-icon {
    color: inherit !important;
  }
  .menu-item.selected {
    font-weight: var(--font-weight-semibold);
  }
  .menu-item.disabled, .menu-item:disabled {
    color: var(--menu-item-disabled-color);
    pointer-events: none;
    background-color: transparent;
    background-image: none;
  }
  .menu-item-icon {
    flex-shrink: 0;
    align-self: flex-start;
    width: var(--menu-icon-size);
    height: auto;
    margin-top: 0.125rem;
  }
  .menu-item-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: fit-content;
  }
  .menu-item-description {
    font-size: var(--menu-description-font-size);
    font-weight: var(--font-weight-normal);
    color: color-mix(in oklch, currentcolor 65%, transparent);
  }
  .menu-item-check {
    flex-shrink: 0;
    align-self: flex-start;
    margin-block-start: 0.125rem;
    margin-inline-start: auto;
    color: var(--menu-check-color);
    visibility: hidden;
  }
  .selected > .menu-item-check {
    visibility: visible;
  }
  .menu-header {
    display: block;
    padding: var(--menu-header-padding-y) var(--menu-header-padding-x);
    margin-bottom: 0;
    font-size: var(--font-size-sm);
    color: var(--menu-header-color);
    white-space: nowrap;
  }
  .menu-text {
    display: block;
    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
    color: var(--fg-2);
  }
  .submenu {
    position: relative;
  }
  .submenu > .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .submenu > .menu-item::after {
    display: inline-block;
    flex-shrink: 0;
    width: 0.375em;
    height: 0.375em;
    margin-inline-start: auto;
    content: "";
    border-color: currentcolor;
    border-style: solid;
    border-width: 0 0.125em 0.125em 0;
    transform: rotate(-45deg);
  }
  [dir=rtl] .submenu > .menu-item::after {
    transform: rotate(135deg);
  }
  .submenu > .menu {
    top: 0;
    margin-top: calc(-1 * var(--menu-padding-y));
  }
  .submenu:hover > .menu-item, .submenu:focus-within > .menu-item {
    color: var(--menu-item-hover-color);
    background-color: var(--menu-item-hover-bg);
  }
  .submenu.show > .menu-item {
    color: var(--menu-item-hover-color);
    background-color: var(--menu-item-hover-bg);
  }
}
@layer components {
  .list-group {
    --list-group-color: var(--fg-body);
    --list-group-bg: var(--bg-body);
    --list-group-border-color: var(--border-color);
    --list-group-border-width: var(--border-width);
    --list-group-border-radius: var(--radius-5);
    --list-group-item-padding-x: var(--spacer);
    --list-group-item-padding-y: var(--spacer-2);
    --list-group-action-color: var(--fg-2);
    --list-group-action-hover-color: var(--fg-1);
    --list-group-action-hover-bg: var(--bg-1);
    --list-group-action-active-color: var(--fg-body);
    --list-group-action-active-bg: var(--bg-2);
    --list-group-disabled-color: var(--fg-3);
    --list-group-disabled-bg: var(--bg-body);
    --list-group-active-color: var(--primary-contrast);
    --list-group-active-bg: var(--primary-bg);
    --list-group-active-border-color: var(--primary-bg);
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
    margin-bottom: 0;
    border-radius: var(--list-group-border-radius);
  }
  .list-group-numbered {
    list-style-type: none;
    counter-reset: section;
  }
  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
  }
  .list-group-item {
    position: relative;
    display: block;
    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
    color: var(--theme-fg, var(--list-group-color));
    text-decoration: none;
    background-color: var(--theme-bg-subtle, var(--list-group-bg));
    border: var(--list-group-border-width) solid var(--theme-border, var(--list-group-border-color));
  }
  .list-group-item:first-child {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
  }
  .list-group-item:last-child {
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
  }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--list-group-disabled-color);
    pointer-events: none;
    background-color: var(--list-group-disabled-bg);
  }
  .list-group-item.active {
    z-index: 2;
    color: var(--list-group-active-color);
    background-color: var(--list-group-active-bg);
    border-color: var(--list-group-active-border-color);
  }
  .list-group-item + .list-group-item {
    border-block-start-width: 0;
  }
  .list-group-item + .list-group-item.active {
    margin-top: calc(-1 * var(--list-group-border-width));
    border-block-start-width: var(--list-group-border-width);
  }
  .list-group-item-action {
    width: 100%;
    color: var(--theme-fg, var(--list-group-action-color));
    text-align: inherit;
    text-decoration: none;
  }
  .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
    z-index: 1;
    color: var(--theme-fg-emphasis, var(--list-group-action-hover-color));
    text-decoration: none;
    background-color: var(--theme-bg-muted, var(--list-group-action-hover-bg));
  }
  .list-group-item-action:not(.active):active {
    color: var(--theme-fg-emphasis, var(--list-group-action-active-color));
    background-color: var(--theme-bg-muted, var(--list-group-action-active-bg));
  }
  .list-group-horizontal {
    flex-direction: row;
  }
  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-end-start-radius: var(--list-group-border-radius);
    border-start-end-radius: 0;
  }
  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-start-end-radius: var(--list-group-border-radius);
    border-end-start-radius: 0;
  }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-block-start-width: var(--list-group-border-width);
    border-inline-start-width: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-inline-start: calc(-1 * var(--list-group-border-width));
    border-inline-start-width: var(--list-group-border-width);
  }
  @container (width >= 576px) {
    .sm\:list-group-horizontal {
      flex-direction: row;
    }
    .sm\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .sm\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .sm\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .sm\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .sm\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 768px) {
    .md\:list-group-horizontal {
      flex-direction: row;
    }
    .md\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .md\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .md\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .md\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .md\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1024px) {
    .lg\:list-group-horizontal {
      flex-direction: row;
    }
    .lg\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .lg\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .lg\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .lg\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .lg\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1280px) {
    .xl\:list-group-horizontal {
      flex-direction: row;
    }
    .xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .xl\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .xl\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .xl\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:list-group-horizontal {
      flex-direction: row;
    }
    .\32 xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .\32 xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .\32 xl\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .\32 xl\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .\32 xl\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  .list-group-flush {
    border-radius: 0;
  }
  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--list-group-border-width);
  }
  .list-group-flush > .list-group-item:last-child {
    border-block-end-width: 0;
  }
}
@layer components {
  .nav {
    --nav-gap: 0.125rem;
    --nav-link-gap: 0.5rem;
    --nav-link-align: center;
    --nav-link-justify: center;
    --nav-link-padding-x: 0.75rem;
    --nav-link-padding-y: 0.375rem;
    --nav-link-color: var(--fg-2);
    --nav-link-hover-color: var(--fg-1);
    --nav-link-hover-bg: var(--bg-1);
    --nav-link-active-color: var(--fg-body);
    --nav-link-active-bg: var(--bg-2);
    --nav-link-disabled-color: var(--fg-4);
    --nav-link-border-width: var(--border-width);
    --nav-link-transition-property: color, background-color, border-color;
    --nav-link-transition-duration: 0.15s;
    --nav-link-transition-timing: ease-in-out;
    display: flex;
    flex-wrap: wrap;
    gap: var(--nav-gap);
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style-type: "";
  }
  .nav-item {
    display: flex;
  }
  .nav-link {
    display: flex;
    gap: var(--nav-link-gap);
    align-items: var(--nav-link-align);
    justify-content: var(--nav-link-justify);
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
    font-weight: var(--nav-link-font-weight);
    color: var(--theme-fg, var(--nav-link-color));
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border: var(--nav-link-border-width) solid transparent;
    border-radius: var(--radius-5);
  }
  @media (prefers-reduced-motion: no-preference) {
    .nav-link {
      transition-timing-function: var(--nav-link-transition-timing);
      transition-duration: var(--nav-link-transition-duration);
      transition-property: var(--nav-link-transition-property);
    }
  }
  .nav-link:hover, .nav-link:focus {
    color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
    background-color: var(--theme-bg-muted, var(--nav-link-hover-bg));
  }
  .nav-link:focus-visible {
    --focus-ring-offset: 1px;
    color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .nav-link.active, .nav-link:active {
    color: var(--theme-fg, var(--nav-link-active-color));
    background-color: var(--theme-bg-subtle, var(--nav-link-active-bg));
  }
  .nav-link.disabled, .nav-link:disabled {
    color: var(--nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
  }
  .nav-tabs {
    --nav-tabs-border-width: var(--border-width);
    --nav-tabs-border-color: var(--border-color);
    --nav-tabs-border-radius: var(--radius-5);
    --nav-tabs-link-hover-border-color: var(--border-subtle);
    --nav-tabs-link-active-color: var(--fg-color);
    --nav-tabs-link-active-bg: var(--bg-body);
    --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--bg-body);
    box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color);
  }
  .nav-tabs .nav-link {
    border: var(--nav-tabs-border-width) solid transparent;
    border-bottom-color: var(--nav-tabs-border-color);
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--nav-tabs-link-hover-border-color);
    border-bottom-color: var(--nav-tabs-border-color);
  }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--nav-tabs-link-active-color);
    background-color: var(--nav-tabs-link-active-bg);
    border-color: var(--nav-tabs-link-active-border-color);
    border-bottom-color: var(--nav-tabs-link-active-bg);
  }
  .nav-tabs .menu {
    margin-top: calc(-1 * var(--nav-tabs-border-width));
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
  .nav-pills {
    --nav-pills-bg: var(--bg-1);
    --nav-pills-padding: 0.25rem;
    --nav-pills-border-radius: var(--radius-9);
    --nav-pills-link-active-color: var(--primary-contrast);
    --nav-pills-link-active-bg: var(--primary-bg);
    --nav-pills-link-border-radius: var(--radius-9);
    display: inline-flex;
    padding: var(--nav-pills-padding);
    background-color: var(--nav-pills-bg);
    border-radius: var(--nav-pills-border-radius);
  }
  .nav-pills .nav-link {
    border-radius: var(--nav-pills-link-border-radius);
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: var(--theme-contrast, var(--nav-pills-link-active-color));
    background-color: var(--theme-bg, var(--nav-pills-link-active-bg));
    background-image: var(--gradient);
  }
  .nav-pills-vertical {
    flex-direction: column;
    align-items: stretch;
  }
  .nav-pills-vertical .nav-item,
  .nav-pills-vertical .nav-link {
    width: 100%;
  }
  .nav-underline {
    --nav-gap: 1rem;
    --nav-link-active-bg: transparent;
    --nav-underline-border-width: 0.125rem;
    --nav-underline-link-active-color: var(--fg-color);
  }
  .nav-underline .nav-link {
    padding-inline: 0;
    border: 0;
    border-block-end: var(--nav-underline-border-width) solid transparent;
    border-radius: 0;
  }
  .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
    border-block-end-color: currentcolor;
  }
  .nav-underline .nav-link.active,
  .nav-underline .show > .nav-link {
    font-weight: var(--font-weight-bold);
    color: var(--nav-underline-link-active-color);
    border-block-end-color: currentcolor;
  }
  .nav-fill > .nav-link,
  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-justified > .nav-link,
  .nav-justified .nav-item {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
  }
  .nav-fill .nav-item .nav-link,
  .nav-justified .nav-item .nav-link {
    width: 100%;
  }
  .tab-content > .tab-pane {
    --tab-pane-transition-property: opacity;
    --tab-pane-transition-duration: 0.15s;
    --tab-pane-transition-timing: linear;
    display: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .tab-content > .tab-pane:not(.tab-pane-instant) {
      transition-timing-function: var(--tab-pane-transition-timing);
      transition-duration: var(--tab-pane-transition-duration);
      transition-property: var(--tab-pane-transition-property);
    }
  }
  .tab-content > .active {
    display: block;
  }
  @starting-style {
    .tab-content > .tab-pane:not(.tab-pane-instant).active {
      opacity: 0;
    }
  }
}
@layer components {
  .nav-overflow {
    container-type: inline-size;
    flex: 1 1 0;
    min-width: 0;
  }
  .nav-overflow > .nav {
    display: flex;
    flex-wrap: nowrap;
    min-width: 0;
  }
  .nav-overflow > .nav > .nav-item {
    flex-shrink: 0;
  }
  .nav-overflow-item {
    margin-inline-start: auto;
  }
  .nav-overflow [data-bs-nav-overflow=true] {
    display: none;
  }
}
@layer components {
  .navbar {
    --navbar-padding-x: 0;
    --navbar-padding-y: 0.5rem;
    --navbar-min-height: 3.5rem;
    --navbar-color: var(--fg-2);
    --navbar-hover-color: var(--fg-1);
    --navbar-disabled-color: var(--fg-3);
    --navbar-active-color: var(--fg-body);
    --navbar-brand-padding-y: 0.375rem;
    --navbar-brand-margin-end: 1rem;
    --navbar-brand-font-size: var(--font-size-md);
    --navbar-brand-font-weight: var(--font-weight-medium);
    --navbar-brand-color: var(--fg-body);
    --navbar-brand-hover-color: var(--fg-body);
    --navbar-nav-link-padding-x: 0.75rem;
    --navbar-toggler-width: 2rem;
    --navbar-toggler-padding-y: 0.25rem;
    --navbar-toggler-padding-x: 0.75rem;
    --navbar-toggler-font-size: var(--font-size-lg);
    --navbar-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent);
    --navbar-toggler-border-radius: var(--radius-5);
    --navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    --navbar-toggler-icon-size: 1.25rem;
    --navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-width='1' d='M1 3.5h14M1 8h14M1 12.5h14'/%3e%3c/svg%3e");
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: var(--navbar-min-height);
    padding: var(--navbar-padding-y) var(--navbar-padding-x);
    container-type: inline-size;
    color: var(--navbar-color, var(--fg-body));
    background-color: var(--navbar-bg, var(--bg-body));
  }
  .navbar > .\32 xl\:container, .navbar > .xl\:container, .navbar > .lg\:container, .navbar > .md\:container, .navbar > .sm\:container, .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }
  .navbar-brand {
    padding-top: var(--navbar-brand-padding-y);
    padding-bottom: var(--navbar-brand-padding-y);
    margin-inline-end: var(--navbar-brand-margin-end);
    font-size: var(--navbar-brand-font-size);
    font-weight: var(--navbar-brand-font-weight);
    color: var(--theme-fg, var(--navbar-brand-color));
    text-decoration: none;
    white-space: nowrap;
  }
  .navbar-brand:hover, .navbar-brand:focus {
    color: var(--theme-fg-emphasis, var(--navbar-brand-hover-color));
  }
  .navbar-nav {
    --nav-gap: 0.25rem;
    --nav-link-gap: 0.5rem;
    --nav-link-padding-x: 0.5rem;
    --nav-link-padding-y: 0.375rem;
    --nav-link-color: var(--navbar-color);
    --nav-link-border-width: var(--border-width);
    --nav-link-hover-color: var(--navbar-hover-color);
    --nav-link-hover-bg: transparent;
    --nav-link-active-color: var(--navbar-active-color);
    --nav-link-active-bg: transparent;
    --nav-link-disabled-color: var(--navbar-disabled-color);
    display: flex;
    flex-direction: column;
    gap: var(--nav-gap);
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style-type: "";
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--theme-fg, var(--navbar-active-color));
    border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);
  }
  .navbar-text {
    padding-top: var(--navbar-brand-padding-y);
    padding-bottom: var(--navbar-brand-padding-y);
    color: var(--navbar-color);
  }
  .navbar-text a,
  .navbar-text a:hover,
  .navbar-text a:focus {
    color: var(--theme-fg, var(--navbar-active-color));
  }
  .navbar-toggler {
    --btn-bg: transparent;
    --btn-hover-bg: var(--bg-2);
  }
  @media (prefers-reduced-motion: no-preference) {
    .navbar-toggler {
      transition: var(--navbar-toggler-transition);
    }
  }
  .navbar-toggler-icon {
    display: inline-block;
    width: var(--navbar-toggler-icon-size);
    height: var(--navbar-toggler-icon-size);
    background-color: currentcolor;
    mask-image: var(--navbar-toggler-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand .navbar-nav {
    --nav-link-padding-x: var(--navbar-nav-link-padding-x);
    flex-direction: row;
  }
  .navbar-expand .navbar-toggler {
    display: none !important;
  }
  .navbar-expand [class*=drawer] {
    position: static !important;
    inset: auto !important;
    z-index: auto;
    display: flex !important;
    flex-grow: 1;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    padding: 0;
    margin: 0;
    overflow: visible !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand [class*=drawer] .drawer-header {
    display: none !important;
  }
  .navbar-expand [class*=drawer] .drawer-body {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    padding: 0;
    overflow-y: visible;
  }
  .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  @container (width >= 576px) {
    .sm\:navbar-expand > .container,
    .sm\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .sm\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .sm\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .sm\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .sm\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .sm\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 768px) {
    .md\:navbar-expand > .container,
    .md\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .md\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .md\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .md\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .md\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .md\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1024px) {
    .lg\:navbar-expand > .container,
    .lg\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .lg\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .lg\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .lg\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .lg\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .lg\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1280px) {
    .xl\:navbar-expand > .container,
    .xl\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .xl\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .xl\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .xl\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .xl\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .xl\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:navbar-expand > .container,
    .\32 xl\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .\32 xl\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .\32 xl\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .\32 xl\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .\32 xl\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .\32 xl\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  .navbar [class*=drawer]:not([open], .hiding) {
    transition: none !important;
  }
  .navbar-translucent {
    position: relative;
    background-color: transparent;
  }
  .navbar-translucent::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background-color: color-mix(in oklch, var(--navbar-bg, var(--bg-body)) 80%, transparent);
    background-image: none;
    backdrop-filter: blur(5px) saturate(180%);
  }
  .navbar[data-bs-theme=dark] {
    --navbar-color: color-mix(in oklch, var(--white) 55%, transparent);
    --navbar-hover-color: color-mix(in oklch, var(--white) 75%, transparent);
    --navbar-disabled-color: color-mix(in oklch, var(--white) 25%, transparent);
    --navbar-active-color: var(--white);
    --navbar-brand-color: var(--white);
    --navbar-brand-hover-color: var(--white);
    --navbar-toggler-border-color: color-mix(in oklch, var(--white) 10%, transparent);
  }
}
.drawer, .\32 xl\:drawer, .xl\:drawer, .lg\:drawer, .md\:drawer, .sm\:drawer {
  --drawer-inset: var(--spacer);
  --drawer-zindex: var(--z-drawer);
  --drawer-width: 400px;
  --drawer-height: 30vh;
  --drawer-padding-x: var(--spacer);
  --drawer-padding-y: var(--spacer);
  --drawer-color: var(--fg-body);
  --drawer-bg: var(--bg-body);
  --drawer-border-width: var(--border-width);
  --drawer-border-color: var(--border-color-translucent);
  --drawer-border-radius: var(--radius-7);
  --drawer-box-shadow: var(--box-shadow-xl);
  --drawer-transition-property: transform, visibility;
  --drawer-transition-duration: 0.3s;
  --drawer-transition-timing: var(--transition-timing-overlay);
  --drawer-title-line-height: 1.5;
  --drawer-backdrop-bg: color-mix(in oklch, var(--bg-body) 25%, transparent);
  --drawer-backdrop-blur: 8px;
}

@layer components {
  @media (width < 576px) {
    .sm\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .sm\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .sm\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .sm\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .sm\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .sm\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 576px) and (prefers-reduced-motion: no-preference) {
    .sm\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 576px) {
    .sm\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .sm\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 576px) {
    .sm\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .sm\:drawer .drawer-header {
      display: none;
    }
    .sm\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .sm\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 768px) {
    .md\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .md\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .md\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .md\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .md\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .md\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 768px) and (prefers-reduced-motion: no-preference) {
    .md\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 768px) {
    .md\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .md\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 768px) {
    .md\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .md\:drawer .drawer-header {
      display: none;
    }
    .md\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .md\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1024px) {
    .lg\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .lg\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .lg\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .lg\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .lg\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .lg\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1024px) and (prefers-reduced-motion: no-preference) {
    .lg\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1024px) {
    .lg\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .lg\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1024px) {
    .lg\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .lg\:drawer .drawer-header {
      display: none;
    }
    .lg\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .lg\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1280px) {
    .xl\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .xl\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .xl\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .xl\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .xl\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .xl\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1280px) and (prefers-reduced-motion: no-preference) {
    .xl\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1280px) {
    .xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .xl\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1280px) {
    .xl\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .xl\:drawer .drawer-header {
      display: none;
    }
    .xl\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .xl\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1536px) {
    .\32 xl\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .\32 xl\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .\32 xl\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .\32 xl\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .\32 xl\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .\32 xl\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1536px) and (prefers-reduced-motion: no-preference) {
    .\32 xl\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1536px) {
    .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .\32 xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .\32 xl\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .\32 xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .\32 xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .\32 xl\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .\32 xl\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1536px) {
    .\32 xl\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .\32 xl\:drawer .drawer-header {
      display: none;
    }
    .\32 xl\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .\32 xl\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  .drawer {
    position: fixed;
    inset: auto;
    z-index: var(--drawer-zindex);
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: calc(100% - var(--drawer-inset) * 2);
    height: auto;
    max-height: calc(100% - var(--drawer-inset) * 2);
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: var(--drawer-color);
    visibility: hidden;
    background-color: var(--drawer-bg);
    background-clip: padding-box;
    border: var(--drawer-border-width) solid var(--drawer-border-color);
    outline: 0;
    border-radius: var(--drawer-border-radius);
    box-shadow: var(--drawer-box-shadow);
  }
  .drawer:where(.drawer-start) {
    inset-block: var(--drawer-inset);
    inset-inline-start: var(--drawer-inset);
    width: var(--drawer-width);
  }
  .drawer:where(.drawer-end) {
    inset-block: var(--drawer-inset);
    inset-inline-end: var(--drawer-inset);
    width: var(--drawer-width);
  }
  .drawer:where(.drawer-top) {
    inset: var(--drawer-inset) var(--drawer-inset) auto;
    height: var(--drawer-height);
  }
  .drawer:where(.drawer-bottom) {
    inset: auto var(--drawer-inset) var(--drawer-inset);
    height: var(--drawer-height);
  }
  .drawer:where(.drawer-fullscreen) {
    inset: var(--drawer-inset);
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  .drawer:not(.drawer-instant):where(.drawer-start) {
    transform: translateX(calc(-100% - var(--drawer-inset)));
  }
  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-start) {
    transform: translateX(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-end) {
    transform: translateX(calc(100% + var(--drawer-inset)));
  }
  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-end) {
    transform: translateX(calc(-100% - var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-top) {
    transform: translateY(calc(-100% - var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-bottom) {
    transform: translateY(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-fullscreen) {
    transform: translateY(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant)[open] {
    visibility: visible;
    transform: none;
  }
  .drawer[open] {
    visibility: visible;
    transform: none;
  }
  .sm\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .sm\:drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .md\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .md\:drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .lg\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .lg\:drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .xl\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .xl\:drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .\32 xl\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .\32 xl\:drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .drawer::backdrop {
      transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  @starting-style {
    .sm\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .md\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .lg\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .xl\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .\32 xl\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
  }
  .drawer-static {
    transform: scale(1.02);
  }
  .drawer-translucent {
    background-color: color-mix(in oklch, var(--drawer-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .drawer-sheet {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    margin-inline: auto;
    margin-bottom: calc(-1 * var(--drawer-border-width));
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  @media (width >= 1024px) {
    .drawer-sheet {
      max-width: var(--drawer-sheet-width, 760px);
    }
  }
  .drawer-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
  }
  .drawer-header .btn-close {
    margin-block: calc(-0.5 * var(--drawer-padding-y));
    margin-inline-start: auto;
  }
  .drawer-title {
    margin-bottom: 0;
    line-height: var(--drawer-title-line-height);
  }
  .drawer-body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--drawer-padding-y);
    flex: 1 1 auto;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
    min-height: 0;
    overflow-y: auto;
  }
  .drawer-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
    border-block-start: var(--drawer-border-width) solid var(--drawer-border-color);
  }
  .drawer-fit-content {
    inset-block-end: auto;
  }
}
@layer components {
  .pagination {
    --pagination-min-height: var(--btn-input-min-height);
    --pagination-padding-x: var(--btn-input-padding-x);
    --pagination-padding-y: var(--btn-input-padding-y);
    --pagination-font-size: var(--btn-input-font-size);
    --pagination-color: var(--link-color);
    --pagination-bg: var(--bg-body);
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--btn-input-border-radius);
    --pagination-hover-color: var(--link-hover-color);
    --pagination-hover-bg: var(--bg-1);
    --pagination-hover-border-color: var(--border-color);
    --pagination-active-color: var(--theme-contrast, var(--primary-contrast));
    --pagination-active-bg: var(--theme-bg, var(--primary-bg));
    --pagination-active-border-color: var(--theme-bg, var(--primary-bg));
    --pagination-disabled-color: var(--fg-3);
    --pagination-disabled-bg: var(--bg-2);
    --pagination-disabled-border-color: var(--border-color);
    display: flex;
    padding-inline-start: 0;
    list-style-type: "";
  }
  .page-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--pagination-min-height);
    padding: var(--pagination-padding-y) var(--pagination-padding-x);
    font-size: var(--pagination-font-size);
    color: var(--theme-fg, var(--pagination-color));
    text-decoration: none;
    background-color: var(--pagination-bg);
    border: var(--pagination-border-width) solid var(--pagination-border-color);
  }
  @media (prefers-reduced-motion: no-preference) {
    .page-link {
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  }
  .page-link:hover {
    z-index: 2;
    color: var(--theme-fg-emphasis, var(--pagination-hover-color));
    background-color: var(--theme-bg-subtle, var(--pagination-hover-bg));
    border-color: var(--theme-border, var(--pagination-hover-border-color));
  }
  .page-link:focus-visible {
    z-index: 3;
    outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color));
    outline-offset: var(--focus-ring-offset);
  }
  .page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--theme-contrast, var(--pagination-active-color));
    background-color: var(--theme-bg, var(--pagination-active-bg));
    border-color: var(--theme-bg, var(--pagination-active-border-color));
  }
  .page-link.disabled, .disabled > .page-link {
    color: var(--pagination-disabled-color);
    pointer-events: none;
    background-color: var(--pagination-disabled-bg);
    border-color: var(--pagination-disabled-border-color);
  }
  .page-item:not(:first-child) .page-link {
    margin-inline-start: calc(-1 * var(--pagination-border-width));
  }
  .page-item:first-child .page-link {
    border-start-start-radius: var(--pagination-border-radius);
    border-end-start-radius: var(--pagination-border-radius);
  }
  .page-item:last-child .page-link {
    border-start-end-radius: var(--pagination-border-radius);
    border-end-end-radius: var(--pagination-border-radius);
  }
  .pagination-sm {
    --pagination-min-height: var(--btn-input-sm-min-height);
    --pagination-padding-y: var(--btn-input-sm-padding-y);
    --pagination-padding-x: var(--btn-input-sm-padding-x);
    --pagination-font-size: var(--btn-input-sm-font-size);
    --pagination-border-radius: var(--btn-input-sm-border-radius);
  }
  .pagination-lg {
    --pagination-min-height: var(--btn-input-lg-min-height);
    --pagination-padding-y: var(--btn-input-lg-padding-y);
    --pagination-padding-x: var(--btn-input-lg-padding-x);
    --pagination-font-size: var(--btn-input-lg-font-size);
    --pagination-border-radius: var(--btn-input-lg-border-radius);
  }
}
@layer components {
  .placeholder {
    --placeholder-opacity-max: 0.5;
    --placeholder-opacity-min: 0.2;
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: var(--placeholder-opacity-max);
  }
  .placeholder.btn::before {
    display: inline-block;
    content: "";
  }
  .placeholder-xs {
    min-height: 0.6em;
  }
  .placeholder-sm {
    min-height: 0.8em;
  }
  .placeholder-lg {
    min-height: 1.2em;
  }
  .placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .placeholder-glow .placeholder {
      animation: none;
    }
  }
  @keyframes placeholder-glow {
    50% {
      opacity: var(--placeholder-opacity-min);
    }
  }
  .placeholder-wave {
    mask-image: linear-gradient(130deg, var(--black) 55%, rgb(0, 0, 0, calc(1 - var(--placeholder-opacity-min))) 75%, var(--black) 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .placeholder-wave {
      animation: none;
    }
  }
  @keyframes placeholder-wave {
    100% {
      mask-position: -200% 0%;
    }
  }
}
@layer components {
  .popover {
    --popover-zindex: var(--z-popover);
    --popover-max-width: 280px;
    --popover-font-size: var(--font-size-sm);
    --popover-bg: var(--bg-body);
    --popover-border-width: var(--border-width);
    --popover-border-color: var(--border-color-translucent);
    --popover-border-radius: var(--radius-7);
    --popover-inner-border-radius: calc(var(--radius-7) - var(--border-width));
    --popover-box-shadow: var(--box-shadow);
    --popover-header-padding-x: var(--spacer);
    --popover-header-padding-y: var(--spacer-3);
    --popover-header-font-size: var(--font-size-sm);
    --popover-header-color: inherit;
    --popover-header-bg: var(--bg-1);
    --popover-body-padding-x: var(--spacer);
    --popover-body-padding-y: var(--spacer-3);
    --popover-body-color: var(--fg-body);
    --popover-arrow-width: 1rem;
    --popover-arrow-height: 0.5rem;
    --popover-arrow-border: var(--popover-border-color);
    --popover-transition-property: opacity;
    --popover-transition-duration: 0.15s;
    --popover-transition-timing: linear;
    z-index: var(--popover-zindex);
    display: block;
    max-width: var(--popover-max-width);
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--popover-font-size);
    word-wrap: break-word;
    background-color: var(--popover-bg);
    background-clip: padding-box;
    border: var(--popover-border-width) solid var(--popover-border-color);
    border-radius: var(--popover-border-radius);
    box-shadow: var(--popover-box-shadow);
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .popover:not(.popover-instant) {
      transition-timing-function: var(--popover-transition-timing);
      transition-duration: var(--popover-transition-duration);
      transition-property: var(--popover-transition-property);
    }
  }
  .popover.show {
    opacity: 1;
  }
  .popover .popover-arrow {
    display: block;
    width: var(--popover-arrow-width);
    height: var(--popover-arrow-height);
  }
  .popover .popover-arrow::before, .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
  }
  @starting-style {
    .popover:not(.popover-instant).show {
      opacity: 0;
    }
  }
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow {
    bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {
    border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before {
    bottom: 0;
    border-block-start-color: var(--popover-arrow-border);
  }
  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {
    bottom: var(--popover-border-width);
    border-block-start-color: var(--popover-bg);
  }
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow {
    left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width);
  }
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {
    border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
  }
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before {
    left: 0;
    border-inline-end-color: var(--popover-arrow-border);
  }
  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {
    left: var(--popover-border-width);
    border-inline-end-color: var(--popover-bg);
  }
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow {
    top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {
    border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before {
    top: 0;
    border-block-end-color: var(--popover-arrow-border);
  }
  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {
    top: var(--popover-border-width);
    border-block-end-color: var(--popover-bg);
  }
  .bs-popover-bottom > .popover-arrow:has(+ .popover-header)::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow:has(+ .popover-header)::after {
    border-block-end-color: var(--popover-header-bg);
  }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-bs-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--popover-arrow-width);
    margin-inline-start: calc(-0.5 * var(--popover-arrow-width));
    content: "";
    border-block-end: var(--popover-border-width) solid var(--popover-header-bg);
  }
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow {
    right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width);
  }
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {
    border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
  }
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before {
    right: 0;
    border-inline-start-color: var(--popover-arrow-border);
  }
  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {
    right: var(--popover-border-width);
    border-inline-start-color: var(--popover-bg);
  }
  .popover-header {
    padding: var(--popover-header-padding-y) var(--popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--popover-header-font-size);
    color: var(--popover-header-color);
    background-color: var(--popover-header-bg);
    border-block-end: var(--popover-border-width) solid var(--popover-border-color);
    border-start-start-radius: var(--popover-inner-border-radius);
    border-start-end-radius: var(--popover-inner-border-radius);
  }
  .popover-header:empty {
    display: none;
  }
  .popover-body {
    padding: var(--popover-body-padding-y) var(--popover-body-padding-x);
    color: var(--popover-body-color);
  }
}
@layer components {
  @keyframes progress-bar-stripes {
    0% {
      background-position-x: var(--progress-height);
    }
  }
  .progress,
  .progress-stacked {
    --progress-height: 1rem;
    --progress-font-size: var(--font-size-sm);
    --progress-bg: var(--bg-2);
    --progress-border-radius: var(--radius-5);
    --progress-box-shadow: var(--box-shadow-inset);
    --progress-bar-color: var(--white);
    --progress-bar-bg: var(--primary-bg);
    --progress-bar-transition: width 0.6s ease;
    --progress-bar-animation: progress-bar-stripes 1s linear infinite;
    display: flex;
    height: var(--progress-height);
    overflow: hidden;
    font-size: var(--progress-font-size);
    background-color: var(--progress-bg);
    border-radius: var(--progress-border-radius);
    box-shadow: var(--progress-box-shadow);
  }
  .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--theme-contrast, var(--progress-bar-color));
    text-align: center;
    white-space: nowrap;
    background-color: var(--theme-bg, var(--progress-bar-bg));
  }
  @media (prefers-reduced-motion: no-preference) {
    .progress-bar {
      transition: var(--progress-bar-transition);
    }
  }
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: var(--progress-height) var(--progress-height);
  }
  .progress-stacked > .progress {
    overflow: visible;
  }
  .progress-stacked > .progress > .progress-bar {
    width: 100%;
  }
  .progress-bar-animated {
    animation: var(--progress-bar-animation);
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none;
    }
  }
}
@layer components {
  .spinner-grow,
  .spinner-border {
    display: inline-flex;
    flex-shrink: 0;
    width: var(--spinner-width);
    height: var(--spinner-height);
    border-radius: 50%;
    animation: var(--spinner-animation-speed) var(--spinner-animation-timing-function) infinite var(--spinner-animation-name);
  }
  @keyframes spinner-border {
    to {
      transform: rotate(360deg);
    }
  }
  .spinner-border {
    --spinner-width: 1em;
    --spinner-height: 1em;
    --spinner-border-width: 0.125em;
    --spinner-animation-speed: 1s;
    --spinner-animation-timing-function: linear;
    --spinner-animation-name: spinner-border;
    border: var(--spinner-border-width) solid currentcolor;
    border-inline-end-color: transparent;
  }
  .spinner-sm {
    --spinner-width: .75em;
    --spinner-height: .75em;
  }
  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
  .spinner-grow {
    --spinner-width: 1em;
    --spinner-height: 1em;
    --spinner-animation-speed: 1s;
    --spinner-animation-timing-function: ease-in-out;
    --spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
  }
  .spinner-rotate {
    animation: 1s linear infinite spinner-border;
  }
  @media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
      --spinner-animation-speed: 1.5s;
    }
  }
}
@layer components {
  .stepper {
    --stepper-size: 2rem;
    --stepper-gap: 1rem;
    --stepper-font-size: var(--font-size-sm);
    --stepper-text-gap: 0.5rem;
    --stepper-track-size: 0.125rem;
    --stepper-bg: var(--bg-2);
    --stepper-active-color: var(--primary-contrast);
    --stepper-active-bg: var(--primary-bg);
    display: grid;
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
    gap: var(--stepper-gap);
    padding-inline-start: 0;
    list-style-type: "";
    counter-reset: stepper;
  }
  .stepper-item {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: var(--stepper-size) auto;
    gap: var(--stepper-text-gap);
    align-items: var(--stepper-align-items, center);
    text-decoration: none;
  }
  .stepper-item::before {
    position: relative;
    z-index: 1;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--stepper-size);
    height: var(--stepper-size);
    padding: 0.5rem;
    font-size: var(--stepper-font-size);
    font-weight: 600;
    line-height: 1;
    text-align: center;
    content: counter(stepper);
    counter-increment: stepper;
    background-color: var(--stepper-bg);
    border-radius: 50%;
  }
  .stepper-item::after {
    position: absolute;
    inset-block-start: 50%;
    inset-block-end: 100%;
    inset-inline-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
    width: var(--stepper-track-size);
    height: calc(100% + var(--stepper-gap));
    content: "";
    background-color: var(--stepper-bg);
  }
  .stepper-item:last-child::after {
    display: none;
  }
  .stepper-item.active::before, .stepper-item.active::after {
    color: var(--theme-contrast, var(--stepper-active-color));
    background-color: var(--theme-bg, var(--stepper-active-bg));
  }
  .stepper-item.active:not(:has(+ .stepper-item.active))::after {
    background-color: var(--stepper-bg);
  }
  .stepper-horizontal {
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
  .stepper-horizontal .stepper-item {
    grid-template-rows: var(--stepper-size) auto;
    grid-template-columns: auto;
    align-items: start;
    justify-items: center;
    text-align: center;
  }
  .stepper-horizontal .stepper-item::after {
    inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
    inset-block-end: auto;
    inset-inline-start: 50%;
    inset-inline-end: 100%;
    width: calc(100% + var(--stepper-gap));
    height: var(--stepper-track-size);
  }
  .stepper-horizontal .stepper-item:last-child::after {
    right: 100%;
  }
  @container (width >= 576px) {
    .sm\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .sm\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .sm\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .sm\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 768px) {
    .md\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .md\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .md\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .md\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1024px) {
    .lg\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .lg\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .lg\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .lg\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1280px) {
    .xl\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .xl\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .xl\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .xl\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .\32 xl\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .\32 xl\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .\32 xl\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  .stepper-overflow {
    container-type: inline-size;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .stepper-overflow > .stepper {
    width: max-content;
    min-width: 100%;
  }
}
@layer components {
  .toast {
    --toast-zindex: var(--z-toast);
    --toast-padding-x: 1rem;
    --toast-padding-y: 0.75rem;
    --toast-spacing: 1.5rem;
    --toast-max-width: 350px;
    --toast-font-size: var(--font-size-sm);
    --toast-bg: var(--bg-body);
    --toast-border-width: var(--border-width);
    --toast-border-color: var(--border-color-translucent);
    --toast-box-shadow: var(--box-shadow);
    --toast-header-color: var(--fg-3);
    --toast-header-bg: var(--bg-1);
    --toast-header-border-color: var(--border-color-translucent);
    --toast-transition-property: opacity, display;
    --toast-transition-duration: 0.15s;
    --toast-transition-timing: linear;
    display: none;
    flex-direction: column;
    width: var(--toast-max-width);
    max-width: 100%;
    overflow: hidden;
    font-size: var(--toast-font-size);
    color: var(--toast-color, var(--fg-body));
    pointer-events: auto;
    background-color: var(--toast-bg);
    background-clip: padding-box;
    border: var(--toast-border-width) solid var(--theme-border, var(--toast-border-color));
    box-shadow: var(--toast-box-shadow);
    border-radius: var(--toast-border-radius, var(--radius-7));
  }
  .toast:not(.toast-instant) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .toast:not(.toast-instant) {
      transition-timing-function: var(--toast-transition-timing);
      transition-duration: var(--toast-transition-duration);
      transition-property: var(--toast-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .toast.show {
    display: flex;
    opacity: 1;
  }
  @starting-style {
    .toast:not(.toast-instant).show {
      opacity: 0;
    }
  }
  .toast-container {
    --toast-zindex: var(--z-toast);
    position: absolute;
    z-index: var(--toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none;
  }
  .toast-container > :not(:last-child) {
    margin-bottom: var(--toast-spacing);
  }
  .toast-header {
    display: flex;
    align-items: center;
    padding: var(--toast-padding-y) var(--toast-padding-x);
    color: var(--theme-fg-emphasis, var(--toast-header-color));
    background-color: var(--theme-bg-subtle, var(--toast-header-bg));
    border-block-end: var(--toast-border-width, var(--border-width)) solid var(--theme-border, var(--toast-header-border-color, var(--border-color-translucent)));
  }
  .toast-header .btn-close {
    margin-inline-start: calc(0.5 * var(--toast-padding-x));
    margin-inline-end: calc(-0.25 * var(--toast-padding-x));
    color: inherit;
  }
  .toast-translucent {
    backdrop-filter: blur(5px) saturate(180%);
  }
  .toast-body {
    padding: var(--toast-padding-x);
    word-wrap: break-word;
  }
}
@layer components {
  .tooltip {
    --tooltip-zindex: var(--z-tooltip);
    --tooltip-max-width: 200px;
    --tooltip-padding-x: var(--spacer-3);
    --tooltip-padding-y: calc(var(--spacer) * 0.375);
    --tooltip-font-size: var(--font-size-sm);
    --tooltip-color: var(--bg-body);
    --tooltip-bg: var(--fg-body);
    --tooltip-border-radius: var(--radius-5);
    --tooltip-opacity: 0.95;
    --tooltip-arrow-width: 0.8rem;
    --tooltip-arrow-height: 0.4rem;
    --tooltip-transition-property: opacity;
    --tooltip-transition-duration: 0.15s;
    --tooltip-transition-timing: linear;
    z-index: var(--tooltip-zindex);
    display: block;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .tooltip:not(.tooltip-instant) {
      transition-timing-function: var(--tooltip-transition-timing);
      transition-duration: var(--tooltip-transition-duration);
      transition-property: var(--tooltip-transition-property);
    }
  }
  .tooltip.show {
    opacity: var(--tooltip-opacity);
  }
  .tooltip .tooltip-arrow {
    display: block;
    width: var(--tooltip-arrow-width);
    height: var(--tooltip-arrow-height);
  }
  .tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  @starting-style {
    .tooltip:not(.tooltip-instant).show {
      opacity: 0;
    }
  }
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow {
    bottom: calc(-1 * var(--tooltip-arrow-height));
  }
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
    border-block-start-color: var(--tooltip-bg);
  }
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow {
    left: calc(-1 * var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width);
  }
  .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
    border-inline-end-color: var(--tooltip-bg);
  }
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow {
    top: calc(-1 * var(--tooltip-arrow-height));
  }
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
    border-block-end-color: var(--tooltip-bg);
  }
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow {
    right: calc(-1 * var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width);
  }
  .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
    border-inline-start-color: var(--tooltip-bg);
  }
  .tooltip-inner {
    max-width: var(--tooltip-max-width);
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    color: var(--tooltip-color);
    text-align: center;
    background-color: var(--tooltip-bg);
    border-radius: var(--tooltip-border-radius);
  }
}
.fade {
  --transition-fade-duration: 0.15s;
  --transition-fade-timing: linear;
}
@media (prefers-reduced-motion: no-preference) {
  .fade {
    transition: opacity var(--transition-fade-duration) var(--transition-fade-timing);
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse {
  --transition-collapse-property: block-size, display;
  --transition-collapse-duration: 0.35s;
  --transition-collapse-timing: ease;
  overflow-y: clip;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse {
    transition-timing-function: var(--transition-collapse-timing);
    transition-duration: var(--transition-collapse-duration);
    transition-property: var(--transition-collapse-property);
    transition-behavior: allow-discrete;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .collapse {
    interpolate-size: allow-keywords;
  }
}
.collapse:not(.show) {
  display: none;
  block-size: 0;
}
@starting-style {
  .collapse.show {
    block-size: 0;
  }
}
.collapse.collapse-horizontal {
  --transition-collapse-property: inline-size, display;
  inline-size: fit-content;
  overflow-x: clip;
  overflow-y: visible;
}
.collapse.collapse-horizontal:not(.show) {
  inline-size: 0;
  block-size: auto;
}
@starting-style {
  .collapse.collapse-horizontal.show {
    inline-size: 0;
  }
}

@layer helpers {
  .focus-ring:focus-visible {
    outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color));
  }
}
@layer helpers {
  .hover-lift {
    --hover-lift-transition-duration: 0.2s;
    --hover-lift-transition-timing: ease;
    --hover-lift-transform: translateY(-0.25rem);
    --hover-lift-box-shadow: var(--box-shadow-lg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .hover-lift {
      transition: transform var(--hover-lift-transition-duration) var(--hover-lift-transition-timing), box-shadow var(--hover-lift-transition-duration) var(--hover-lift-transition-timing);
    }
  }
  .hover-lift:hover, .hover-lift:focus-visible {
    transform: var(--hover-lift-transform);
    box-shadow: var(--hover-lift-box-shadow);
  }
}
@layer helpers {
  .icon-link {
    --icon-link-gap: 0.375rem;
    --icon-link-underline-offset: 0.25em;
    --icon-link-icon-size: 1em;
    --icon-link-icon-transition: 0.2s ease-in-out transform;
    --icon-link-icon-transform: translate3d(0.25em, 0, 0);
    display: inline-flex;
    gap: var(--icon-link-gap);
    align-items: center;
    text-decoration-color: color-mix(in oklch, var(--link-color) 50%, transparent);
    text-underline-offset: var(--icon-link-underline-offset);
    backface-visibility: hidden;
  }
  .icon-link > .bi {
    flex-shrink: 0;
    width: var(--icon-link-icon-size);
    height: var(--icon-link-icon-size);
    fill: currentcolor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .icon-link > .bi {
      transition: var(--icon-link-icon-transition);
    }
  }
  .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
    transform: var(--icon-link-transform, var(--icon-link-icon-transform));
  }
}
@layer helpers {
  .fixed-top {
    position: fixed;
    inset: 0 0 auto;
    z-index: var(--z-fixed);
  }
  .fixed-bottom {
    position: fixed;
    inset: auto 0 0;
    z-index: var(--z-fixed);
  }
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
  }
  .sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: var(--z-sticky);
  }
  @media (width >= 576px) {
    .sm\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .sm\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 768px) {
    .md\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .md\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1024px) {
    .lg\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .lg\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1280px) {
    .xl\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .xl\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1536px) {
    .\32 xl\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .\32 xl\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
}
@layer helpers {
  .stack-container {
    container-type: inline-size;
  }
  [class*=hstack],
  [class*=vstack] {
    display: flex;
    flex: var(--stack-flex, 1 1 auto);
    flex-direction: var(--stack-direction, row);
    align-items: var(--stack-align-items, center);
    align-self: var(--stack-align-self, stretch);
  }
  .vstack {
    --stack-direction: column;
    --stack-align-items: stretch;
  }
  .hstack {
    --stack-direction: row;
    --stack-align-items: flex-start;
  }
  @container (width >= 576px) {
    .sm\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 576px) {
    .sm\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 768px) {
    .md\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 768px) {
    .md\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1024px) {
    .lg\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1024px) {
    .lg\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1280px) {
    .xl\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1280px) {
    .xl\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1536px) {
    .\32 xl\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
}
@layer helpers {
  .theme-primary {
    --theme-base: var(--primary-base);
    --theme-fg: var(--primary-fg);
    --theme-fg-emphasis: var(--primary-fg-emphasis);
    --theme-bg: var(--primary-bg);
    --theme-bg-subtle: var(--primary-bg-subtle);
    --theme-bg-muted: var(--primary-bg-muted);
    --theme-border: var(--primary-border);
    --theme-focus-ring: var(--primary-focus-ring);
    --theme-contrast: var(--primary-contrast);
  }
  .theme-accent {
    --theme-base: var(--accent-base);
    --theme-fg: var(--accent-fg);
    --theme-fg-emphasis: var(--accent-fg-emphasis);
    --theme-bg: var(--accent-bg);
    --theme-bg-subtle: var(--accent-bg-subtle);
    --theme-bg-muted: var(--accent-bg-muted);
    --theme-border: var(--accent-border);
    --theme-focus-ring: var(--accent-focus-ring);
    --theme-contrast: var(--accent-contrast);
  }
  .theme-success {
    --theme-base: var(--success-base);
    --theme-fg: var(--success-fg);
    --theme-fg-emphasis: var(--success-fg-emphasis);
    --theme-bg: var(--success-bg);
    --theme-bg-subtle: var(--success-bg-subtle);
    --theme-bg-muted: var(--success-bg-muted);
    --theme-border: var(--success-border);
    --theme-focus-ring: var(--success-focus-ring);
    --theme-contrast: var(--success-contrast);
  }
  .theme-danger {
    --theme-base: var(--danger-base);
    --theme-fg: var(--danger-fg);
    --theme-fg-emphasis: var(--danger-fg-emphasis);
    --theme-bg: var(--danger-bg);
    --theme-bg-subtle: var(--danger-bg-subtle);
    --theme-bg-muted: var(--danger-bg-muted);
    --theme-border: var(--danger-border);
    --theme-focus-ring: var(--danger-focus-ring);
    --theme-contrast: var(--danger-contrast);
  }
  .theme-warning {
    --theme-base: var(--warning-base);
    --theme-fg: var(--warning-fg);
    --theme-fg-emphasis: var(--warning-fg-emphasis);
    --theme-bg: var(--warning-bg);
    --theme-bg-subtle: var(--warning-bg-subtle);
    --theme-bg-muted: var(--warning-bg-muted);
    --theme-border: var(--warning-border);
    --theme-focus-ring: var(--warning-focus-ring);
    --theme-contrast: var(--warning-contrast);
  }
  .theme-info {
    --theme-base: var(--info-base);
    --theme-fg: var(--info-fg);
    --theme-fg-emphasis: var(--info-fg-emphasis);
    --theme-bg: var(--info-bg);
    --theme-bg-subtle: var(--info-bg-subtle);
    --theme-bg-muted: var(--info-bg-muted);
    --theme-border: var(--info-border);
    --theme-focus-ring: var(--info-focus-ring);
    --theme-contrast: var(--info-contrast);
  }
  .theme-inverse {
    --theme-base: var(--inverse-base);
    --theme-fg: var(--inverse-fg);
    --theme-fg-emphasis: var(--inverse-fg-emphasis);
    --theme-bg: var(--inverse-bg);
    --theme-bg-subtle: var(--inverse-bg-subtle);
    --theme-bg-muted: var(--inverse-bg-muted);
    --theme-border: var(--inverse-border);
    --theme-focus-ring: var(--inverse-focus-ring);
    --theme-contrast: var(--inverse-contrast);
  }
  .theme-secondary {
    --theme-base: var(--secondary-base);
    --theme-fg: var(--secondary-fg);
    --theme-fg-emphasis: var(--secondary-fg-emphasis);
    --theme-bg: var(--secondary-bg);
    --theme-bg-subtle: var(--secondary-bg-subtle);
    --theme-bg-muted: var(--secondary-bg-muted);
    --theme-border: var(--secondary-border);
    --theme-focus-ring: var(--secondary-focus-ring);
    --theme-contrast: var(--secondary-contrast);
  }
  .theme-reset {
    --theme-base: initial;
    --theme-fg: initial;
    --theme-fg-emphasis: initial;
    --theme-bg: initial;
    --theme-bg-subtle: initial;
    --theme-bg-muted: initial;
    --theme-border: initial;
    --theme-focus-ring: initial;
    --theme-contrast: initial;
  }
  .theme-contrast {
    --theme-fg: var(--theme-contrast);
    --theme-fg-emphasis: var(--theme-contrast);
  }
  .theme-muted {
    --theme-fg: var(--theme-fg-emphasis);
  }
}
@layer helpers {
  .visually-hidden,
  .visually-hidden-focusable:not(:focus, :focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .visually-hidden:not(caption),
  .visually-hidden-focusable:not(:focus, :focus-within):not(caption) {
    position: absolute !important;
  }
  .visually-hidden *,
  .visually-hidden-focusable:not(:focus, :focus-within) * {
    overflow: hidden !important;
  }
}
@layer helpers {
  .stretched-link {
    --stretched-link-z-index: 1;
  }
  .stretched-link::after {
    position: absolute;
    inset: 0;
    z-index: var(--stretched-link-z-index);
    content: "";
  }
}
@layer helpers {
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@layer helpers {
  .vr {
    display: inline-block;
    align-self: stretch;
    width: var(--vr-border-width, var(--border-width));
    min-height: 1em;
    background-color: var(--border-color);
  }
}
@property --ratio {
  syntax: "*";
  inherits: false;
}
@property --sc {
  syntax: "*";
  inherits: false;
}
@property --so {
  syntax: "*";
  inherits: false;
}
@property --bc {
  syntax: "*";
  inherits: false;
}
@property --fg {
  syntax: "*";
  inherits: false;
}
@property --underline-color {
  syntax: "*";
  inherits: false;
}
@property --bg {
  syntax: "*";
  inherits: false;
}
@property --rounded-size {
  syntax: "*";
  inherits: false;
}
@layer utilities {
  .align-baseline {
    vertical-align: baseline;
  }
  .align-top {
    vertical-align: top;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  [class*=ratio-] {
    aspect-ratio: var(--ratio);
  }
  .ratio-auto {
    --ratio: auto;
  }
  .ratio-1x1 {
    --ratio: 1 / 1;
  }
  .ratio-4x3 {
    --ratio: 4 / 3;
  }
  .ratio-16x9 {
    --ratio: 16 / 9;
  }
  .ratio-21x9 {
    --ratio: 21 / 9;
  }
  .float-start {
    float: inline-start;
  }
  .float-end {
    float: inline-end;
  }
  .float-none {
    float: none;
  }
  .object-fit-contain {
    object-fit: contain;
  }
  .object-fit-cover {
    object-fit: cover;
  }
  .object-fit-fill {
    object-fit: fill;
  }
  .object-fit-scale {
    object-fit: scale-down;
  }
  .object-fit-none {
    object-fit: none;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .opacity-100 {
    opacity: 1;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .contains-inline {
    container-type: inline-size;
  }
  .contains-size {
    container-type: size;
  }
  .d-inline {
    display: inline;
  }
  .d-inline-block {
    display: inline-block;
  }
  .d-block {
    display: block;
  }
  .d-grid {
    display: grid;
  }
  .d-inline-grid {
    display: inline-grid;
  }
  .d-table {
    display: table;
  }
  .d-table-row {
    display: table-row;
  }
  .d-table-cell {
    display: table-cell;
  }
  .d-flex {
    display: flex;
  }
  .d-inline-flex {
    display: inline-flex;
  }
  .d-contents {
    display: contents;
  }
  .d-flow-root {
    display: flow-root;
  }
  .d-none {
    display: none;
  }
  .shadow {
    box-shadow: 0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-xs {
    box-shadow: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-sm {
    box-shadow: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-lg {
    box-shadow: 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-xl {
    box-shadow: 0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-none {
    box-shadow: none;
  }
  .shadow-primary {
    --sc: var(--primary-base);
  }
  .shadow-accent {
    --sc: var(--accent-base);
  }
  .shadow-success {
    --sc: var(--success-base);
  }
  .shadow-danger {
    --sc: var(--danger-base);
  }
  .shadow-warning {
    --sc: var(--warning-base);
  }
  .shadow-info {
    --sc: var(--info-base);
  }
  .shadow-inverse {
    --sc: var(--inverse-base);
  }
  .shadow-secondary {
    --sc: var(--secondary-base);
  }
  .shadow-current {
    --sc: currentcolor;
  }
  .shadow-black {
    --sc: var(--black);
  }
  .shadow-white {
    --sc: var(--white);
  }
  .shadow-opacity-10 {
    --so: 0.2;
  }
  .shadow-opacity-20 {
    --so: 0.4;
  }
  .shadow-opacity-30 {
    --so: 0.6;
  }
  .shadow-opacity-40 {
    --so: 0.8;
  }
  .shadow-opacity-50 {
    --so: 1;
  }
  .shadow-opacity-60 {
    --so: 1.2;
  }
  .shadow-opacity-70 {
    --so: 1.4;
  }
  .shadow-opacity-80 {
    --so: 1.6;
  }
  .shadow-opacity-90 {
    --so: 1.8;
  }
  .shadow-opacity-100 {
    --so: 2;
  }
  .position-static {
    position: static;
  }
  .position-relative {
    position: relative;
  }
  .position-absolute {
    position: absolute;
  }
  .position-fixed {
    position: fixed;
  }
  .position-sticky {
    position: sticky;
  }
  .top-0 {
    top: 0;
  }
  .top-50 {
    top: 50%;
  }
  .top-100 {
    top: 100%;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-50 {
    bottom: 50%;
  }
  .bottom-100 {
    bottom: 100%;
  }
  .start-0 {
    inset-inline-start: 0;
  }
  .start-50 {
    inset-inline-start: 50%;
  }
  .start-100 {
    inset-inline-start: 100%;
  }
  .end-0 {
    inset-inline-end: 0;
  }
  .end-50 {
    inset-inline-end: 50%;
  }
  .end-100 {
    inset-inline-end: 100%;
  }
  .translate-middle {
    transform: translate(-50%, -50%);
  }
  .translate-middle-x {
    transform: translateX(-50%);
  }
  .translate-middle-y {
    transform: translateY(-50%);
  }
  .border {
    border: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-0 {
    border: 0;
  }
  .border-top {
    border-block-start: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-top-0 {
    border-block-start: 0;
  }
  .border-end {
    border-inline-end: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-end-0 {
    border-inline-end: 0;
  }
  .border-bottom {
    border-block-end: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-bottom-0 {
    border-block-end: 0;
  }
  .border-start {
    border-inline-start: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-start-0 {
    border-inline-start: 0;
  }
  .border-y {
    border-block: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-y-0 {
    border-block: 0;
  }
  .border-x {
    border-inline: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-x-0 {
    border-inline: 0;
  }
  .border-primary {
    --bc: var(--primary-bg);
    border-color: var(--bc);
  }
  .border-accent {
    --bc: var(--accent-bg);
    border-color: var(--bc);
  }
  .border-success {
    --bc: var(--success-bg);
    border-color: var(--bc);
  }
  .border-danger {
    --bc: var(--danger-bg);
    border-color: var(--bc);
  }
  .border-warning {
    --bc: var(--warning-bg);
    border-color: var(--bc);
  }
  .border-info {
    --bc: var(--info-bg);
    border-color: var(--bc);
  }
  .border-inverse {
    --bc: var(--inverse-bg);
    border-color: var(--bc);
  }
  .border-secondary {
    --bc: var(--secondary-bg);
    border-color: var(--bc);
  }
  .border-bg {
    --bc: var(--border-bg);
    border-color: var(--bc);
  }
  .border-body {
    --bc: var(--border-body);
    border-color: var(--bc);
  }
  .border-muted {
    --bc: var(--border-muted);
    border-color: var(--bc);
  }
  .border-subtle {
    --bc: var(--border-subtle);
    border-color: var(--bc);
  }
  .border-emphasized {
    --bc: var(--border-emphasized);
    border-color: var(--bc);
  }
  .border-white {
    --bc: var(--border-white);
    border-color: var(--bc);
  }
  .border-black {
    --bc: var(--border-black);
    border-color: var(--bc);
  }
  .border-subtle-primary {
    --bc: var(--primary-border);
    border-color: var(--bc);
  }
  .border-subtle-accent {
    --bc: var(--accent-border);
    border-color: var(--bc);
  }
  .border-subtle-success {
    --bc: var(--success-border);
    border-color: var(--bc);
  }
  .border-subtle-danger {
    --bc: var(--danger-border);
    border-color: var(--bc);
  }
  .border-subtle-warning {
    --bc: var(--warning-border);
    border-color: var(--bc);
  }
  .border-subtle-info {
    --bc: var(--info-border);
    border-color: var(--bc);
  }
  .border-subtle-inverse {
    --bc: var(--inverse-border);
    border-color: var(--bc);
  }
  .border-subtle-secondary {
    --bc: var(--secondary-border);
    border-color: var(--bc);
  }
  .border-keyline {
    border-width: var(--border-width-keyline);
  }
  .border-1 {
    border-width: 1px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-3 {
    border-width: 3px;
  }
  .border-4 {
    border-width: 4px;
  }
  .border-5 {
    border-width: 5px;
  }
  .border-10 {
    border-color: color-mix(in oklch, var(--bc) 10%, transparent);
  }
  .border-20 {
    border-color: color-mix(in oklch, var(--bc) 20%, transparent);
  }
  .border-30 {
    border-color: color-mix(in oklch, var(--bc) 30%, transparent);
  }
  .border-40 {
    border-color: color-mix(in oklch, var(--bc) 40%, transparent);
  }
  .border-50 {
    border-color: color-mix(in oklch, var(--bc) 50%, transparent);
  }
  .border-60 {
    border-color: color-mix(in oklch, var(--bc) 60%, transparent);
  }
  .border-70 {
    border-color: color-mix(in oklch, var(--bc) 70%, transparent);
  }
  .border-80 {
    border-color: color-mix(in oklch, var(--bc) 80%, transparent);
  }
  .border-90 {
    border-color: color-mix(in oklch, var(--bc) 90%, transparent);
  }
  .border-100 {
    border-color: var(--bc);
  }
  .w-1 {
    width: 1rem;
  }
  .w-2 {
    width: 2rem;
  }
  .w-3 {
    width: 3rem;
  }
  .w-4 {
    width: 4rem;
  }
  .w-5 {
    width: 5rem;
  }
  .w-6 {
    width: 6rem;
  }
  .w-7 {
    width: 7rem;
  }
  .w-8 {
    width: 8rem;
  }
  .w-9 {
    width: 9rem;
  }
  .w-10 {
    width: 10rem;
  }
  .w-11 {
    width: 11rem;
  }
  .w-12 {
    width: 12rem;
  }
  .w-25 {
    width: 25%;
  }
  .w-50 {
    width: 50%;
  }
  .w-75 {
    width: 75%;
  }
  .w-100 {
    width: 100%;
  }
  .w-auto {
    width: auto;
  }
  .w-min {
    width: min-content;
  }
  .w-max {
    width: max-content;
  }
  .w-fit {
    width: fit-content;
  }
  .max-w-100 {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-100 {
    min-width: 100%;
  }
  .vw-100 {
    width: 100vw;
  }
  .min-vw-100 {
    min-width: 100vw;
  }
  .dvw-100 {
    width: 100dvw;
  }
  .min-dvw-100 {
    min-width: 100dvw;
  }
  .h-25 {
    height: 25%;
  }
  .h-50 {
    height: 50%;
  }
  .h-75 {
    height: 75%;
  }
  .h-100 {
    height: 100%;
  }
  .h-auto {
    height: auto;
  }
  .h-min {
    height: min-content;
  }
  .h-max {
    height: max-content;
  }
  .h-fit {
    height: fit-content;
  }
  .max-h-100 {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-100 {
    min-height: 100%;
  }
  .vh-100 {
    height: 100vh;
  }
  .min-vh-100 {
    min-height: 100vh;
  }
  .dvh-100 {
    height: 100dvh;
  }
  .min-dvh-100 {
    min-height: 100dvh;
  }
  .flex-fill {
    flex: 1 1 auto;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-1 {
    flex-shrink: 1;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-end {
    justify-content: flex-end;
  }
  .justify-content-center {
    justify-content: center;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .justify-content-around {
    justify-content: space-around;
  }
  .justify-content-evenly {
    justify-content: space-evenly;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .justify-self-start {
    justify-self: start;
  }
  .justify-self-end {
    justify-self: end;
  }
  .justify-self-center {
    justify-self: center;
  }
  .align-items-start {
    align-items: flex-start;
  }
  .align-items-end {
    align-items: flex-end;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-baseline {
    align-items: baseline;
  }
  .align-items-stretch {
    align-items: stretch;
  }
  .align-content-start {
    align-content: flex-start;
  }
  .align-content-end {
    align-content: flex-end;
  }
  .align-content-center {
    align-content: center;
  }
  .align-content-between {
    align-content: space-between;
  }
  .align-content-around {
    align-content: space-around;
  }
  .align-content-stretch {
    align-content: stretch;
  }
  .align-self-auto {
    align-self: auto;
  }
  .align-self-start {
    align-self: flex-start;
  }
  .align-self-end {
    align-self: flex-end;
  }
  .align-self-center {
    align-self: center;
  }
  .align-self-baseline {
    align-self: baseline;
  }
  .align-self-stretch {
    align-self: stretch;
  }
  .place-items-start {
    place-items: start;
  }
  .place-items-end {
    place-items: end;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-stretch {
    place-items: stretch;
  }
  .grid-cols-1 {
    grid-template-columns: 1fr;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-cols-fill {
    grid-column: 1 / -1;
  }
  .grid-auto-flow-row {
    grid-auto-flow: row;
  }
  .grid-auto-flow-column {
    grid-auto-flow: column;
  }
  .grid-auto-flow-dense {
    grid-auto-flow: dense;
  }
  .order-first {
    order: -1;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 6;
  }
  .m-0 {
    margin: 0;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-2 {
    margin: 0.375rem;
  }
  .m-3 {
    margin: 0.5rem;
  }
  .m-4 {
    margin: 0.75rem;
  }
  .m-5 {
    margin: 1rem;
  }
  .m-6 {
    margin: 1.25rem;
  }
  .m-7 {
    margin: 1.5rem;
  }
  .m-8 {
    margin: 1.75rem;
  }
  .m-9 {
    margin: 2rem;
  }
  .m-10 {
    margin: 2.25rem;
  }
  .m-11 {
    margin: 2.5rem;
  }
  .m-12 {
    margin: 3rem;
  }
  .m-auto {
    margin: auto;
  }
  .mx-0 {
    margin-inline: 0;
  }
  .mx-1 {
    margin-inline: 0.25rem;
  }
  .mx-2 {
    margin-inline: 0.375rem;
  }
  .mx-3 {
    margin-inline: 0.5rem;
  }
  .mx-4 {
    margin-inline: 0.75rem;
  }
  .mx-5 {
    margin-inline: 1rem;
  }
  .mx-6 {
    margin-inline: 1.25rem;
  }
  .mx-7 {
    margin-inline: 1.5rem;
  }
  .mx-8 {
    margin-inline: 1.75rem;
  }
  .mx-9 {
    margin-inline: 2rem;
  }
  .mx-10 {
    margin-inline: 2.25rem;
  }
  .mx-11 {
    margin-inline: 2.5rem;
  }
  .mx-12 {
    margin-inline: 3rem;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: 0;
  }
  .my-1 {
    margin-block: 0.25rem;
  }
  .my-2 {
    margin-block: 0.375rem;
  }
  .my-3 {
    margin-block: 0.5rem;
  }
  .my-4 {
    margin-block: 0.75rem;
  }
  .my-5 {
    margin-block: 1rem;
  }
  .my-6 {
    margin-block: 1.25rem;
  }
  .my-7 {
    margin-block: 1.5rem;
  }
  .my-8 {
    margin-block: 1.75rem;
  }
  .my-9 {
    margin-block: 2rem;
  }
  .my-10 {
    margin-block: 2.25rem;
  }
  .my-11 {
    margin-block: 2.5rem;
  }
  .my-12 {
    margin-block: 3rem;
  }
  .my-auto {
    margin-block: auto;
  }
  .mt-0 {
    margin-block-start: 0;
  }
  .mt-1 {
    margin-block-start: 0.25rem;
  }
  .mt-2 {
    margin-block-start: 0.375rem;
  }
  .mt-3 {
    margin-block-start: 0.5rem;
  }
  .mt-4 {
    margin-block-start: 0.75rem;
  }
  .mt-5 {
    margin-block-start: 1rem;
  }
  .mt-6 {
    margin-block-start: 1.25rem;
  }
  .mt-7 {
    margin-block-start: 1.5rem;
  }
  .mt-8 {
    margin-block-start: 1.75rem;
  }
  .mt-9 {
    margin-block-start: 2rem;
  }
  .mt-10 {
    margin-block-start: 2.25rem;
  }
  .mt-11 {
    margin-block-start: 2.5rem;
  }
  .mt-12 {
    margin-block-start: 3rem;
  }
  .mt-auto {
    margin-block-start: auto;
  }
  .me-0 {
    margin-inline-end: 0;
  }
  .me-1 {
    margin-inline-end: 0.25rem;
  }
  .me-2 {
    margin-inline-end: 0.375rem;
  }
  .me-3 {
    margin-inline-end: 0.5rem;
  }
  .me-4 {
    margin-inline-end: 0.75rem;
  }
  .me-5 {
    margin-inline-end: 1rem;
  }
  .me-6 {
    margin-inline-end: 1.25rem;
  }
  .me-7 {
    margin-inline-end: 1.5rem;
  }
  .me-8 {
    margin-inline-end: 1.75rem;
  }
  .me-9 {
    margin-inline-end: 2rem;
  }
  .me-10 {
    margin-inline-end: 2.25rem;
  }
  .me-11 {
    margin-inline-end: 2.5rem;
  }
  .me-12 {
    margin-inline-end: 3rem;
  }
  .me--1 {
    margin-inline-end: -0.25rem;
  }
  .me--2 {
    margin-inline-end: -0.5rem;
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .mb-0 {
    margin-block-end: 0;
  }
  .mb-1 {
    margin-block-end: 0.25rem;
  }
  .mb-2 {
    margin-block-end: 0.375rem;
  }
  .mb-3 {
    margin-block-end: 0.5rem;
  }
  .mb-4 {
    margin-block-end: 0.75rem;
  }
  .mb-5 {
    margin-block-end: 1rem;
  }
  .mb-6 {
    margin-block-end: 1.25rem;
  }
  .mb-7 {
    margin-block-end: 1.5rem;
  }
  .mb-8 {
    margin-block-end: 1.75rem;
  }
  .mb-9 {
    margin-block-end: 2rem;
  }
  .mb-10 {
    margin-block-end: 2.25rem;
  }
  .mb-11 {
    margin-block-end: 2.5rem;
  }
  .mb-12 {
    margin-block-end: 3rem;
  }
  .mb-auto {
    margin-block-end: auto;
  }
  .ms-0 {
    margin-inline-start: 0;
  }
  .ms-1 {
    margin-inline-start: 0.25rem;
  }
  .ms-2 {
    margin-inline-start: 0.375rem;
  }
  .ms-3 {
    margin-inline-start: 0.5rem;
  }
  .ms-4 {
    margin-inline-start: 0.75rem;
  }
  .ms-5 {
    margin-inline-start: 1rem;
  }
  .ms-6 {
    margin-inline-start: 1.25rem;
  }
  .ms-7 {
    margin-inline-start: 1.5rem;
  }
  .ms-8 {
    margin-inline-start: 1.75rem;
  }
  .ms-9 {
    margin-inline-start: 2rem;
  }
  .ms-10 {
    margin-inline-start: 2.25rem;
  }
  .ms-11 {
    margin-inline-start: 2.5rem;
  }
  .ms-12 {
    margin-inline-start: 3rem;
  }
  .ms--1 {
    margin-inline-start: -0.25rem;
  }
  .ms--2 {
    margin-inline-start: -0.5rem;
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .p-0 {
    padding: 0;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-2 {
    padding: 0.375rem;
  }
  .p-3 {
    padding: 0.5rem;
  }
  .p-4 {
    padding: 0.75rem;
  }
  .p-5 {
    padding: 1rem;
  }
  .p-6 {
    padding: 1.25rem;
  }
  .p-7 {
    padding: 1.5rem;
  }
  .p-8 {
    padding: 1.75rem;
  }
  .p-9 {
    padding: 2rem;
  }
  .p-10 {
    padding: 2.25rem;
  }
  .p-11 {
    padding: 2.5rem;
  }
  .p-12 {
    padding: 3rem;
  }
  .px-0 {
    padding-inline: 0;
  }
  .px-1 {
    padding-inline: 0.25rem;
  }
  .px-2 {
    padding-inline: 0.375rem;
  }
  .px-3 {
    padding-inline: 0.5rem;
  }
  .px-4 {
    padding-inline: 0.75rem;
  }
  .px-5 {
    padding-inline: 1rem;
  }
  .px-6 {
    padding-inline: 1.25rem;
  }
  .px-7 {
    padding-inline: 1.5rem;
  }
  .px-8 {
    padding-inline: 1.75rem;
  }
  .px-9 {
    padding-inline: 2rem;
  }
  .px-10 {
    padding-inline: 2.25rem;
  }
  .px-11 {
    padding-inline: 2.5rem;
  }
  .px-12 {
    padding-inline: 3rem;
  }
  .py-0 {
    padding-block: 0;
  }
  .py-1 {
    padding-block: 0.25rem;
  }
  .py-2 {
    padding-block: 0.375rem;
  }
  .py-3 {
    padding-block: 0.5rem;
  }
  .py-4 {
    padding-block: 0.75rem;
  }
  .py-5 {
    padding-block: 1rem;
  }
  .py-6 {
    padding-block: 1.25rem;
  }
  .py-7 {
    padding-block: 1.5rem;
  }
  .py-8 {
    padding-block: 1.75rem;
  }
  .py-9 {
    padding-block: 2rem;
  }
  .py-10 {
    padding-block: 2.25rem;
  }
  .py-11 {
    padding-block: 2.5rem;
  }
  .py-12 {
    padding-block: 3rem;
  }
  .pt-0 {
    padding-block-start: 0;
  }
  .pt-1 {
    padding-block-start: 0.25rem;
  }
  .pt-2 {
    padding-block-start: 0.375rem;
  }
  .pt-3 {
    padding-block-start: 0.5rem;
  }
  .pt-4 {
    padding-block-start: 0.75rem;
  }
  .pt-5 {
    padding-block-start: 1rem;
  }
  .pt-6 {
    padding-block-start: 1.25rem;
  }
  .pt-7 {
    padding-block-start: 1.5rem;
  }
  .pt-8 {
    padding-block-start: 1.75rem;
  }
  .pt-9 {
    padding-block-start: 2rem;
  }
  .pt-10 {
    padding-block-start: 2.25rem;
  }
  .pt-11 {
    padding-block-start: 2.5rem;
  }
  .pt-12 {
    padding-block-start: 3rem;
  }
  .pe-0 {
    padding-inline-end: 0;
  }
  .pe-1 {
    padding-inline-end: 0.25rem;
  }
  .pe-2 {
    padding-inline-end: 0.375rem;
  }
  .pe-3 {
    padding-inline-end: 0.5rem;
  }
  .pe-4 {
    padding-inline-end: 0.75rem;
  }
  .pe-5 {
    padding-inline-end: 1rem;
  }
  .pe-6 {
    padding-inline-end: 1.25rem;
  }
  .pe-7 {
    padding-inline-end: 1.5rem;
  }
  .pe-8 {
    padding-inline-end: 1.75rem;
  }
  .pe-9 {
    padding-inline-end: 2rem;
  }
  .pe-10 {
    padding-inline-end: 2.25rem;
  }
  .pe-11 {
    padding-inline-end: 2.5rem;
  }
  .pe-12 {
    padding-inline-end: 3rem;
  }
  .pb-0 {
    padding-block-end: 0;
  }
  .pb-1 {
    padding-block-end: 0.25rem;
  }
  .pb-2 {
    padding-block-end: 0.375rem;
  }
  .pb-3 {
    padding-block-end: 0.5rem;
  }
  .pb-4 {
    padding-block-end: 0.75rem;
  }
  .pb-5 {
    padding-block-end: 1rem;
  }
  .pb-6 {
    padding-block-end: 1.25rem;
  }
  .pb-7 {
    padding-block-end: 1.5rem;
  }
  .pb-8 {
    padding-block-end: 1.75rem;
  }
  .pb-9 {
    padding-block-end: 2rem;
  }
  .pb-10 {
    padding-block-end: 2.25rem;
  }
  .pb-11 {
    padding-block-end: 2.5rem;
  }
  .pb-12 {
    padding-block-end: 3rem;
  }
  .ps-0 {
    padding-inline-start: 0;
  }
  .ps-1 {
    padding-inline-start: 0.25rem;
  }
  .ps-2 {
    padding-inline-start: 0.375rem;
  }
  .ps-3 {
    padding-inline-start: 0.5rem;
  }
  .ps-4 {
    padding-inline-start: 0.75rem;
  }
  .ps-5 {
    padding-inline-start: 1rem;
  }
  .ps-6 {
    padding-inline-start: 1.25rem;
  }
  .ps-7 {
    padding-inline-start: 1.5rem;
  }
  .ps-8 {
    padding-inline-start: 1.75rem;
  }
  .ps-9 {
    padding-inline-start: 2rem;
  }
  .ps-10 {
    padding-inline-start: 2.25rem;
  }
  .ps-11 {
    padding-inline-start: 2.5rem;
  }
  .ps-12 {
    padding-inline-start: 3rem;
  }
  .gap-0 {
    gap: 0;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-2 {
    gap: 0.375rem;
  }
  .gap-3 {
    gap: 0.5rem;
  }
  .gap-4 {
    gap: 0.75rem;
  }
  .gap-5 {
    gap: 1rem;
  }
  .gap-6 {
    gap: 1.25rem;
  }
  .gap-7 {
    gap: 1.5rem;
  }
  .gap-8 {
    gap: 1.75rem;
  }
  .gap-9 {
    gap: 2rem;
  }
  .gap-10 {
    gap: 2.25rem;
  }
  .gap-11 {
    gap: 2.5rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .row-gap-0 {
    row-gap: 0;
  }
  .row-gap-1 {
    row-gap: 0.25rem;
  }
  .row-gap-2 {
    row-gap: 0.375rem;
  }
  .row-gap-3 {
    row-gap: 0.5rem;
  }
  .row-gap-4 {
    row-gap: 0.75rem;
  }
  .row-gap-5 {
    row-gap: 1rem;
  }
  .row-gap-6 {
    row-gap: 1.25rem;
  }
  .row-gap-7 {
    row-gap: 1.5rem;
  }
  .row-gap-8 {
    row-gap: 1.75rem;
  }
  .row-gap-9 {
    row-gap: 2rem;
  }
  .row-gap-10 {
    row-gap: 2.25rem;
  }
  .row-gap-11 {
    row-gap: 2.5rem;
  }
  .row-gap-12 {
    row-gap: 3rem;
  }
  .column-gap-0 {
    column-gap: 0;
  }
  .column-gap-1 {
    column-gap: 0.25rem;
  }
  .column-gap-2 {
    column-gap: 0.375rem;
  }
  .column-gap-3 {
    column-gap: 0.5rem;
  }
  .column-gap-4 {
    column-gap: 0.75rem;
  }
  .column-gap-5 {
    column-gap: 1rem;
  }
  .column-gap-6 {
    column-gap: 1.25rem;
  }
  .column-gap-7 {
    column-gap: 1.5rem;
  }
  .column-gap-8 {
    column-gap: 1.75rem;
  }
  .column-gap-9 {
    column-gap: 2rem;
  }
  .column-gap-10 {
    column-gap: 2.25rem;
  }
  .column-gap-11 {
    column-gap: 2.5rem;
  }
  .column-gap-12 {
    column-gap: 3rem;
  }
  :where(.space-x-0 > :not(:last-child)) {
    margin-inline-end: 0;
  }
  :where(.space-x-1 > :not(:last-child)) {
    margin-inline-end: 0.25rem;
  }
  :where(.space-x-2 > :not(:last-child)) {
    margin-inline-end: 0.375rem;
  }
  :where(.space-x-3 > :not(:last-child)) {
    margin-inline-end: 0.5rem;
  }
  :where(.space-x-4 > :not(:last-child)) {
    margin-inline-end: 0.75rem;
  }
  :where(.space-x-5 > :not(:last-child)) {
    margin-inline-end: 1rem;
  }
  :where(.space-x-6 > :not(:last-child)) {
    margin-inline-end: 1.25rem;
  }
  :where(.space-x-7 > :not(:last-child)) {
    margin-inline-end: 1.5rem;
  }
  :where(.space-x-8 > :not(:last-child)) {
    margin-inline-end: 1.75rem;
  }
  :where(.space-x-9 > :not(:last-child)) {
    margin-inline-end: 2rem;
  }
  :where(.space-x-10 > :not(:last-child)) {
    margin-inline-end: 2.25rem;
  }
  :where(.space-x-11 > :not(:last-child)) {
    margin-inline-end: 2.5rem;
  }
  :where(.space-x-12 > :not(:last-child)) {
    margin-inline-end: 3rem;
  }
  :where(.space-y-0 > :not(:last-child)) {
    margin-block-end: 0;
  }
  :where(.space-y-1 > :not(:last-child)) {
    margin-block-end: 0.25rem;
  }
  :where(.space-y-2 > :not(:last-child)) {
    margin-block-end: 0.375rem;
  }
  :where(.space-y-3 > :not(:last-child)) {
    margin-block-end: 0.5rem;
  }
  :where(.space-y-4 > :not(:last-child)) {
    margin-block-end: 0.75rem;
  }
  :where(.space-y-5 > :not(:last-child)) {
    margin-block-end: 1rem;
  }
  :where(.space-y-6 > :not(:last-child)) {
    margin-block-end: 1.25rem;
  }
  :where(.space-y-7 > :not(:last-child)) {
    margin-block-end: 1.5rem;
  }
  :where(.space-y-8 > :not(:last-child)) {
    margin-block-end: 1.75rem;
  }
  :where(.space-y-9 > :not(:last-child)) {
    margin-block-end: 2rem;
  }
  :where(.space-y-10 > :not(:last-child)) {
    margin-block-end: 2.25rem;
  }
  :where(.space-y-11 > :not(:last-child)) {
    margin-block-end: 2.5rem;
  }
  :where(.space-y-12 > :not(:last-child)) {
    margin-block-end: 3rem;
  }
  :where(.divide-x > :not(:first-child)) {
    border-inline-start: var(--border-width) var(--border-style) var(--border-color);
  }
  :where(.divide-x-0 > :not(:first-child)) {
    border-inline-start: 0;
  }
  :where(.divide-y > :not(:first-child)) {
    border-block-start: var(--border-width) var(--border-style) var(--border-color);
  }
  :where(.divide-y-0 > :not(:first-child)) {
    border-block-start: 0;
  }
  .font-monospace {
    font-family: var(--font-mono);
  }
  .font-body {
    font-family: var(--body-font-family);
  }
  .fs-xs {
    font-size: 0.75rem;
  }
  .fs-sm {
    font-size: 0.875rem;
  }
  .fs-md {
    font-size: 1rem;
  }
  .fs-lg {
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  }
  .fs-xl {
    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
  }
  .fs-2xl {
    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);
  }
  .fs-3xl {
    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
  }
  .fs-4xl {
    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  }
  .fs-5xl {
    font-size: clamp(3rem, 2rem + 5vw, 4rem);
  }
  .fs-6xl {
    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1.25;
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .text-md {
    font-size: 1rem;
    line-height: 1.5;
  }
  .text-lg {
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
    line-height: 1.5;
  }
  .text-xl {
    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
    line-height: 1.4285714286;
  }
  .text-2xl {
    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);
    line-height: 1.3333333333;
  }
  .text-3xl {
    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
    line-height: 1.2;
  }
  .text-4xl {
    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
    line-height: 1.1;
  }
  .text-5xl {
    font-size: clamp(3rem, 2rem + 5vw, 4rem);
    line-height: 1.1;
  }
  .text-6xl {
    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
    line-height: 1;
  }
  .fst-italic {
    font-style: italic;
  }
  .fst-normal {
    font-style: normal;
  }
  .fw-lighter {
    font-weight: lighter;
  }
  .fw-light {
    font-weight: 300;
  }
  .fw-normal {
    font-weight: 400;
  }
  .fw-medium {
    font-weight: 500;
  }
  .fw-semibold {
    font-weight: 600;
  }
  .fw-bold {
    font-weight: 700;
  }
  .fw-bolder {
    font-weight: bolder;
  }
  .lh-1 {
    line-height: 1;
  }
  .lh-sm {
    line-height: var(--line-height-sm);
  }
  .lh-md {
    line-height: var(--line-height-md);
  }
  .lh-lg {
    line-height: var(--line-height-lg);
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-center {
    text-align: center;
  }
  .text-decoration-none {
    text-decoration: none;
  }
  .text-decoration-underline {
    text-decoration: underline;
  }
  .text-decoration-line-through {
    text-decoration: line-through;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .text-capitalize {
    text-transform: capitalize;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
  .fg-primary {
    --fg: var(--primary-fg);
    color: var(--fg);
  }
  .fg-accent {
    --fg: var(--accent-fg);
    color: var(--fg);
  }
  .fg-success {
    --fg: var(--success-fg);
    color: var(--fg);
  }
  .fg-danger {
    --fg: var(--danger-fg);
    color: var(--fg);
  }
  .fg-warning {
    --fg: var(--warning-fg);
    color: var(--fg);
  }
  .fg-info {
    --fg: var(--info-fg);
    color: var(--fg);
  }
  .fg-inverse {
    --fg: var(--inverse-fg);
    color: var(--fg);
  }
  .fg-secondary {
    --fg: var(--secondary-fg);
    color: var(--fg);
  }
  .fg-body {
    --fg: var(--fg-body);
    color: var(--fg);
  }
  .fg-1 {
    --fg: var(--fg-1);
    color: var(--fg);
  }
  .fg-2 {
    --fg: var(--fg-2);
    color: var(--fg);
  }
  .fg-3 {
    --fg: var(--fg-3);
    color: var(--fg);
  }
  .fg-4 {
    --fg: var(--fg-4);
    color: var(--fg);
  }
  .fg-bg {
    --fg: var(--fg-bg);
    color: var(--fg);
  }
  .fg-white {
    --fg: var(--fg-white);
    color: var(--fg);
  }
  .fg-black {
    --fg: var(--fg-black);
    color: var(--fg);
  }
  .fg-reset {
    --fg: inherit;
    color: var(--fg);
  }
  .fg-emphasis-primary {
    --fg: var(--primary-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-accent {
    --fg: var(--accent-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-success {
    --fg: var(--success-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-danger {
    --fg: var(--danger-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-warning {
    --fg: var(--warning-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-info {
    --fg: var(--info-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-inverse {
    --fg: var(--inverse-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-secondary {
    --fg: var(--secondary-fg-emphasis);
    color: var(--fg);
  }
  .fg-contrast-primary {
    --fg: var(--primary-contrast);
    color: var(--fg);
  }
  .fg-contrast-accent {
    --fg: var(--accent-contrast);
    color: var(--fg);
  }
  .fg-contrast-success {
    --fg: var(--success-contrast);
    color: var(--fg);
  }
  .fg-contrast-danger {
    --fg: var(--danger-contrast);
    color: var(--fg);
  }
  .fg-contrast-warning {
    --fg: var(--warning-contrast);
    color: var(--fg);
  }
  .fg-contrast-info {
    --fg: var(--info-contrast);
    color: var(--fg);
  }
  .fg-contrast-inverse {
    --fg: var(--inverse-contrast);
    color: var(--fg);
  }
  .fg-contrast-secondary {
    --fg: var(--secondary-contrast);
    color: var(--fg);
  }
  .fg-10 {
    color: color-mix(in oklch, var(--fg) 10%, transparent);
  }
  .fg-20 {
    color: color-mix(in oklch, var(--fg) 20%, transparent);
  }
  .fg-30 {
    color: color-mix(in oklch, var(--fg) 30%, transparent);
  }
  .fg-40 {
    color: color-mix(in oklch, var(--fg) 40%, transparent);
  }
  .fg-50 {
    color: color-mix(in oklch, var(--fg) 50%, transparent);
  }
  .fg-60 {
    color: color-mix(in oklch, var(--fg) 60%, transparent);
  }
  .fg-70 {
    color: color-mix(in oklch, var(--fg) 70%, transparent);
  }
  .fg-80 {
    color: color-mix(in oklch, var(--fg) 80%, transparent);
  }
  .fg-90 {
    color: color-mix(in oklch, var(--fg) 90%, transparent);
  }
  .fg-100 {
    color: var(--fg);
  }
  .link-10 {
    color: color-mix(in oklch, var(--link-color) 10%, transparent);
  }
  .hover\:link-10:hover {
    color: color-mix(in oklch, var(--link-color) 10%, transparent);
  }
  .link-20 {
    color: color-mix(in oklch, var(--link-color) 20%, transparent);
  }
  .hover\:link-20:hover {
    color: color-mix(in oklch, var(--link-color) 20%, transparent);
  }
  .link-30 {
    color: color-mix(in oklch, var(--link-color) 30%, transparent);
  }
  .hover\:link-30:hover {
    color: color-mix(in oklch, var(--link-color) 30%, transparent);
  }
  .link-40 {
    color: color-mix(in oklch, var(--link-color) 40%, transparent);
  }
  .hover\:link-40:hover {
    color: color-mix(in oklch, var(--link-color) 40%, transparent);
  }
  .link-50 {
    color: color-mix(in oklch, var(--link-color) 50%, transparent);
  }
  .hover\:link-50:hover {
    color: color-mix(in oklch, var(--link-color) 50%, transparent);
  }
  .link-60 {
    color: color-mix(in oklch, var(--link-color) 60%, transparent);
  }
  .hover\:link-60:hover {
    color: color-mix(in oklch, var(--link-color) 60%, transparent);
  }
  .link-70 {
    color: color-mix(in oklch, var(--link-color) 70%, transparent);
  }
  .hover\:link-70:hover {
    color: color-mix(in oklch, var(--link-color) 70%, transparent);
  }
  .link-80 {
    color: color-mix(in oklch, var(--link-color) 80%, transparent);
  }
  .hover\:link-80:hover {
    color: color-mix(in oklch, var(--link-color) 80%, transparent);
  }
  .link-90 {
    color: color-mix(in oklch, var(--link-color) 90%, transparent);
  }
  .hover\:link-90:hover {
    color: color-mix(in oklch, var(--link-color) 90%, transparent);
  }
  .link-100 {
    color: var(--link-color);
  }
  .hover\:link-100:hover {
    color: var(--link-color);
  }
  .underline-offset-1 {
    text-underline-offset: 0.125em;
  }
  .hover\:underline-offset-1:hover {
    text-underline-offset: 0.125em;
  }
  .underline-offset-2 {
    text-underline-offset: 0.25em;
  }
  .hover\:underline-offset-2:hover {
    text-underline-offset: 0.25em;
  }
  .underline-offset-3 {
    text-underline-offset: 0.375em;
  }
  .hover\:underline-offset-3:hover {
    text-underline-offset: 0.375em;
  }
  .underline-primary {
    --underline-color: light-dark(var(--blue-600), var(--blue-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-accent {
    --underline-color: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));
    text-decoration-color: var(--underline-color);
  }
  .underline-success {
    --underline-color: light-dark(var(--green-600), var(--green-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-danger {
    --underline-color: light-dark(var(--red-600), var(--red-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-warning {
    --underline-color: light-dark(var(--yellow-700), var(--yellow-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-info {
    --underline-color: light-dark(var(--cyan-600), var(--cyan-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-inverse {
    --underline-color: light-dark(var(--gray-900), var(--gray-200));
    text-decoration-color: var(--underline-color);
  }
  .underline-secondary {
    --underline-color: light-dark(var(--gray-600), var(--gray-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-10 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent);
  }
  .hover\:underline-10:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent);
  }
  .underline-20 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent);
  }
  .hover\:underline-20:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent);
  }
  .underline-30 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent);
  }
  .hover\:underline-30:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent);
  }
  .underline-40 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent);
  }
  .hover\:underline-40:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent);
  }
  .underline-50 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent);
  }
  .hover\:underline-50:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent);
  }
  .underline-60 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent);
  }
  .hover\:underline-60:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent);
  }
  .underline-70 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent);
  }
  .hover\:underline-70:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent);
  }
  .underline-80 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent);
  }
  .hover\:underline-80:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent);
  }
  .underline-90 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent);
  }
  .hover\:underline-90:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent);
  }
  .underline-100 {
    text-decoration-color: var(--underline-color, currentcolor);
  }
  .hover\:underline-100:hover {
    text-decoration-color: var(--underline-color, currentcolor);
  }
  .underline-thickness-1 {
    text-decoration-thickness: 1px;
  }
  .hover\:underline-thickness-1:hover {
    text-decoration-thickness: 1px;
  }
  .underline-thickness-2 {
    text-decoration-thickness: 2px;
  }
  .hover\:underline-thickness-2:hover {
    text-decoration-thickness: 2px;
  }
  .underline-thickness-3 {
    text-decoration-thickness: 3px;
  }
  .hover\:underline-thickness-3:hover {
    text-decoration-thickness: 3px;
  }
  .underline-thickness-4 {
    text-decoration-thickness: 4px;
  }
  .hover\:underline-thickness-4:hover {
    text-decoration-thickness: 4px;
  }
  .underline-thickness-5 {
    text-decoration-thickness: 5px;
  }
  .hover\:underline-thickness-5:hover {
    text-decoration-thickness: 5px;
  }
  .bg-primary {
    --bg: var(--primary-bg);
    background-color: var(--bg);
  }
  .bg-accent {
    --bg: var(--accent-bg);
    background-color: var(--bg);
  }
  .bg-success {
    --bg: var(--success-bg);
    background-color: var(--bg);
  }
  .bg-danger {
    --bg: var(--danger-bg);
    background-color: var(--bg);
  }
  .bg-warning {
    --bg: var(--warning-bg);
    background-color: var(--bg);
  }
  .bg-info {
    --bg: var(--info-bg);
    background-color: var(--bg);
  }
  .bg-inverse {
    --bg: var(--inverse-bg);
    background-color: var(--bg);
  }
  .bg-secondary {
    --bg: var(--secondary-bg);
    background-color: var(--bg);
  }
  .bg-body {
    --bg: var(--bg-body);
    background-color: var(--bg);
  }
  .bg-1 {
    --bg: var(--bg-1);
    background-color: var(--bg);
  }
  .bg-2 {
    --bg: var(--bg-2);
    background-color: var(--bg);
  }
  .bg-3 {
    --bg: var(--bg-3);
    background-color: var(--bg);
  }
  .bg-4 {
    --bg: var(--bg-4);
    background-color: var(--bg);
  }
  .bg-fg {
    --bg: var(--bg-fg);
    background-color: var(--bg);
  }
  .bg-white {
    --bg: var(--bg-white);
    background-color: var(--bg);
  }
  .bg-black {
    --bg: var(--bg-black);
    background-color: var(--bg);
  }
  .bg-transparent {
    --bg: var(--bg-transparent);
    background-color: var(--bg);
  }
  .bg-subtle-primary {
    --bg: var(--primary-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-accent {
    --bg: var(--accent-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-success {
    --bg: var(--success-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-danger {
    --bg: var(--danger-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-warning {
    --bg: var(--warning-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-info {
    --bg: var(--info-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-inverse {
    --bg: var(--inverse-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-secondary {
    --bg: var(--secondary-bg-subtle);
    background-color: var(--bg);
  }
  .bg-muted-primary {
    --bg: var(--primary-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-accent {
    --bg: var(--accent-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-success {
    --bg: var(--success-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-danger {
    --bg: var(--danger-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-warning {
    --bg: var(--warning-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-info {
    --bg: var(--info-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-inverse {
    --bg: var(--inverse-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-secondary {
    --bg: var(--secondary-bg-muted);
    background-color: var(--bg);
  }
  .bg-10 {
    background-color: color-mix(in oklch, var(--bg) 10%, transparent);
  }
  .bg-20 {
    background-color: color-mix(in oklch, var(--bg) 20%, transparent);
  }
  .bg-30 {
    background-color: color-mix(in oklch, var(--bg) 30%, transparent);
  }
  .bg-40 {
    background-color: color-mix(in oklch, var(--bg) 40%, transparent);
  }
  .bg-50 {
    background-color: color-mix(in oklch, var(--bg) 50%, transparent);
  }
  .bg-60 {
    background-color: color-mix(in oklch, var(--bg) 60%, transparent);
  }
  .bg-70 {
    background-color: color-mix(in oklch, var(--bg) 70%, transparent);
  }
  .bg-80 {
    background-color: color-mix(in oklch, var(--bg) 80%, transparent);
  }
  .bg-90 {
    background-color: color-mix(in oklch, var(--bg) 90%, transparent);
  }
  .bg-100 {
    background-color: var(--bg);
  }
  .theme-contrast {
    background-color: var(--theme-bg);
    color: var(--theme-contrast);
  }
  .theme-subtle {
    background-color: var(--theme-bg-subtle);
    color: var(--theme-fg);
  }
  .theme-muted {
    background-color: var(--theme-bg-muted);
    color: var(--theme-fg-emphasis);
  }
  .theme-border {
    border: var(--border-width) solid var(--theme-border);
  }
  .bg-gradient {
    background-image: var(--gradient);
  }
  .color-scheme-light {
    color-scheme: light;
  }
  .color-scheme-dark {
    color-scheme: dark;
  }
  .color-scheme-auto {
    color-scheme: light dark;
  }
  .user-select-all {
    user-select: all;
  }
  .user-select-auto {
    user-select: auto;
  }
  .user-select-text {
    user-select: text;
  }
  .user-select-none {
    user-select: none;
  }
  .pe-none {
    pointer-events: none;
  }
  .pe-auto {
    pointer-events: auto;
  }
  .rounded-0 {
    --rounded-size: 0;
    border-radius: var(--rounded-size);
  }
  .rounded-1 {
    --rounded-size: 0.125rem;
    border-radius: var(--rounded-size);
  }
  .rounded-2 {
    --rounded-size: 0.1875rem;
    border-radius: var(--rounded-size);
  }
  .rounded-3 {
    --rounded-size: 0.25rem;
    border-radius: var(--rounded-size);
  }
  .rounded-4 {
    --rounded-size: 0.375rem;
    border-radius: var(--rounded-size);
  }
  .rounded-5 {
    --rounded-size: 0.5rem;
    border-radius: var(--rounded-size);
  }
  .rounded-6 {
    --rounded-size: 0.625rem;
    border-radius: var(--rounded-size);
  }
  .rounded-7 {
    --rounded-size: 0.75rem;
    border-radius: var(--rounded-size);
  }
  .rounded-8 {
    --rounded-size: 0.875rem;
    border-radius: var(--rounded-size);
  }
  .rounded-9 {
    --rounded-size: 1rem;
    border-radius: var(--rounded-size);
  }
  .rounded {
    --rounded-size: 0.5rem;
    border-radius: var(--rounded-size);
  }
  .rounded-circle {
    --rounded-size: 50%;
    border-radius: var(--rounded-size);
  }
  .rounded-pill {
    --rounded-size: var(--radius-pill);
    border-radius: var(--rounded-size);
  }
  .rounded-size-0 {
    --rounded-size: 0;
  }
  .rounded-size-1 {
    --rounded-size: 0.125rem;
  }
  .rounded-size-2 {
    --rounded-size: 0.1875rem;
  }
  .rounded-size-3 {
    --rounded-size: 0.25rem;
  }
  .rounded-size-4 {
    --rounded-size: 0.375rem;
  }
  .rounded-size-5 {
    --rounded-size: 0.5rem;
  }
  .rounded-size-6 {
    --rounded-size: 0.625rem;
  }
  .rounded-size-7 {
    --rounded-size: 0.75rem;
  }
  .rounded-size-8 {
    --rounded-size: 0.875rem;
  }
  .rounded-size-9 {
    --rounded-size: 1rem;
  }
  .rounded-size {
    --rounded-size: 0.5rem;
  }
  .rounded-size-circle {
    --rounded-size: 50%;
  }
  .rounded-size-pill {
    --rounded-size: var(--radius-pill);
  }
  .rounded-top-0 {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
  .rounded-top-1 {
    border-start-start-radius: 0.125rem;
    border-start-end-radius: 0.125rem;
  }
  .rounded-top-2 {
    border-start-start-radius: 0.1875rem;
    border-start-end-radius: 0.1875rem;
  }
  .rounded-top-3 {
    border-start-start-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
  }
  .rounded-top-4 {
    border-start-start-radius: 0.375rem;
    border-start-end-radius: 0.375rem;
  }
  .rounded-top-5 {
    border-start-start-radius: 0.5rem;
    border-start-end-radius: 0.5rem;
  }
  .rounded-top-6 {
    border-start-start-radius: 0.625rem;
    border-start-end-radius: 0.625rem;
  }
  .rounded-top-7 {
    border-start-start-radius: 0.75rem;
    border-start-end-radius: 0.75rem;
  }
  .rounded-top-8 {
    border-start-start-radius: 0.875rem;
    border-start-end-radius: 0.875rem;
  }
  .rounded-top-9 {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
  }
  .rounded-top {
    border-start-start-radius: var(--rounded-size, var(--radius-5));
    border-start-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-top-circle {
    border-start-start-radius: 50%;
    border-start-end-radius: 50%;
  }
  .rounded-top-pill {
    border-start-start-radius: var(--radius-pill);
    border-start-end-radius: var(--radius-pill);
  }
  .rounded-end-0 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-end-1 {
    border-start-end-radius: 0.125rem;
    border-end-end-radius: 0.125rem;
  }
  .rounded-end-2 {
    border-start-end-radius: 0.1875rem;
    border-end-end-radius: 0.1875rem;
  }
  .rounded-end-3 {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-end-4 {
    border-start-end-radius: 0.375rem;
    border-end-end-radius: 0.375rem;
  }
  .rounded-end-5 {
    border-start-end-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
  }
  .rounded-end-6 {
    border-start-end-radius: 0.625rem;
    border-end-end-radius: 0.625rem;
  }
  .rounded-end-7 {
    border-start-end-radius: 0.75rem;
    border-end-end-radius: 0.75rem;
  }
  .rounded-end-8 {
    border-start-end-radius: 0.875rem;
    border-end-end-radius: 0.875rem;
  }
  .rounded-end-9 {
    border-start-end-radius: 1rem;
    border-end-end-radius: 1rem;
  }
  .rounded-end {
    border-start-end-radius: var(--rounded-size, var(--radius-5));
    border-end-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-end-circle {
    border-start-end-radius: 50%;
    border-end-end-radius: 50%;
  }
  .rounded-end-pill {
    border-start-end-radius: var(--radius-pill);
    border-end-end-radius: var(--radius-pill);
  }
  .rounded-bottom-0 {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-bottom-1 {
    border-end-start-radius: 0.125rem;
    border-end-end-radius: 0.125rem;
  }
  .rounded-bottom-2 {
    border-end-start-radius: 0.1875rem;
    border-end-end-radius: 0.1875rem;
  }
  .rounded-bottom-3 {
    border-end-start-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-bottom-4 {
    border-end-start-radius: 0.375rem;
    border-end-end-radius: 0.375rem;
  }
  .rounded-bottom-5 {
    border-end-start-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
  }
  .rounded-bottom-6 {
    border-end-start-radius: 0.625rem;
    border-end-end-radius: 0.625rem;
  }
  .rounded-bottom-7 {
    border-end-start-radius: 0.75rem;
    border-end-end-radius: 0.75rem;
  }
  .rounded-bottom-8 {
    border-end-start-radius: 0.875rem;
    border-end-end-radius: 0.875rem;
  }
  .rounded-bottom-9 {
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
  }
  .rounded-bottom {
    border-end-start-radius: var(--rounded-size, var(--radius-5));
    border-end-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-bottom-circle {
    border-end-start-radius: 50%;
    border-end-end-radius: 50%;
  }
  .rounded-bottom-pill {
    border-end-start-radius: var(--radius-pill);
    border-end-end-radius: var(--radius-pill);
  }
  .rounded-start-0 {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .rounded-start-1 {
    border-start-start-radius: 0.125rem;
    border-end-start-radius: 0.125rem;
  }
  .rounded-start-2 {
    border-start-start-radius: 0.1875rem;
    border-end-start-radius: 0.1875rem;
  }
  .rounded-start-3 {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-start-4 {
    border-start-start-radius: 0.375rem;
    border-end-start-radius: 0.375rem;
  }
  .rounded-start-5 {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
  }
  .rounded-start-6 {
    border-start-start-radius: 0.625rem;
    border-end-start-radius: 0.625rem;
  }
  .rounded-start-7 {
    border-start-start-radius: 0.75rem;
    border-end-start-radius: 0.75rem;
  }
  .rounded-start-8 {
    border-start-start-radius: 0.875rem;
    border-end-start-radius: 0.875rem;
  }
  .rounded-start-9 {
    border-start-start-radius: 1rem;
    border-end-start-radius: 1rem;
  }
  .rounded-start {
    border-start-start-radius: var(--rounded-size, var(--radius-5));
    border-end-start-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-start-circle {
    border-start-start-radius: 50%;
    border-end-start-radius: 50%;
  }
  .rounded-start-pill {
    border-start-start-radius: var(--radius-pill);
    border-end-start-radius: var(--radius-pill);
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .z-n1 {
    z-index: -1;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-menu {
    z-index: 1000;
  }
  .z-sticky {
    z-index: 1010;
  }
  .z-fixed {
    z-index: 1020;
  }
  .z-drawer {
    z-index: 1030;
  }
  .z-dialog {
    z-index: 1040;
  }
  .z-popover {
    z-index: 1050;
  }
  .z-tooltip {
    z-index: 1060;
  }
  .z-toast {
    z-index: 1070;
  }
  .transition-none {
    transition: none;
  }
  .animation-none {
    animation: none;
  }
  .animation-shake {
    animation: animation-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }
  .animation-pop {
    animation: animation-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  @media (width >= 576px) {
    .sm\:float-start {
      float: inline-start;
    }
    .sm\:float-end {
      float: inline-end;
    }
    .sm\:float-none {
      float: none;
    }
    .sm\:object-fit-contain {
      object-fit: contain;
    }
    .sm\:object-fit-cover {
      object-fit: cover;
    }
    .sm\:object-fit-fill {
      object-fit: fill;
    }
    .sm\:object-fit-scale {
      object-fit: scale-down;
    }
    .sm\:object-fit-none {
      object-fit: none;
    }
    .sm\:d-inline {
      display: inline;
    }
    .sm\:d-inline-block {
      display: inline-block;
    }
    .sm\:d-block {
      display: block;
    }
    .sm\:d-grid {
      display: grid;
    }
    .sm\:d-inline-grid {
      display: inline-grid;
    }
    .sm\:d-table {
      display: table;
    }
    .sm\:d-table-row {
      display: table-row;
    }
    .sm\:d-table-cell {
      display: table-cell;
    }
    .sm\:d-flex {
      display: flex;
    }
    .sm\:d-inline-flex {
      display: inline-flex;
    }
    .sm\:d-contents {
      display: contents;
    }
    .sm\:d-flow-root {
      display: flow-root;
    }
    .sm\:d-none {
      display: none;
    }
    .sm\:flex-fill {
      flex: 1 1 auto;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-column {
      flex-direction: column;
    }
    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .sm\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .sm\:flex-grow-0 {
      flex-grow: 0;
    }
    .sm\:flex-grow-1 {
      flex-grow: 1;
    }
    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .sm\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .sm\:justify-content-start {
      justify-content: flex-start;
    }
    .sm\:justify-content-end {
      justify-content: flex-end;
    }
    .sm\:justify-content-center {
      justify-content: center;
    }
    .sm\:justify-content-between {
      justify-content: space-between;
    }
    .sm\:justify-content-around {
      justify-content: space-around;
    }
    .sm\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .sm\:justify-items-start {
      justify-items: start;
    }
    .sm\:justify-items-end {
      justify-items: end;
    }
    .sm\:justify-items-center {
      justify-items: center;
    }
    .sm\:justify-items-stretch {
      justify-items: stretch;
    }
    .sm\:justify-self-start {
      justify-self: start;
    }
    .sm\:justify-self-end {
      justify-self: end;
    }
    .sm\:justify-self-center {
      justify-self: center;
    }
    .sm\:align-items-start {
      align-items: flex-start;
    }
    .sm\:align-items-end {
      align-items: flex-end;
    }
    .sm\:align-items-center {
      align-items: center;
    }
    .sm\:align-items-baseline {
      align-items: baseline;
    }
    .sm\:align-items-stretch {
      align-items: stretch;
    }
    .sm\:align-content-start {
      align-content: flex-start;
    }
    .sm\:align-content-end {
      align-content: flex-end;
    }
    .sm\:align-content-center {
      align-content: center;
    }
    .sm\:align-content-between {
      align-content: space-between;
    }
    .sm\:align-content-around {
      align-content: space-around;
    }
    .sm\:align-content-stretch {
      align-content: stretch;
    }
    .sm\:align-self-auto {
      align-self: auto;
    }
    .sm\:align-self-start {
      align-self: flex-start;
    }
    .sm\:align-self-end {
      align-self: flex-end;
    }
    .sm\:align-self-center {
      align-self: center;
    }
    .sm\:align-self-baseline {
      align-self: baseline;
    }
    .sm\:align-self-stretch {
      align-self: stretch;
    }
    .sm\:place-items-start {
      place-items: start;
    }
    .sm\:place-items-end {
      place-items: end;
    }
    .sm\:place-items-center {
      place-items: center;
    }
    .sm\:place-items-stretch {
      place-items: stretch;
    }
    .sm\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .sm\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .sm\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .sm\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .sm\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .sm\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .sm\:order-first {
      order: -1;
    }
    .sm\:order-0 {
      order: 0;
    }
    .sm\:order-1 {
      order: 1;
    }
    .sm\:order-2 {
      order: 2;
    }
    .sm\:order-3 {
      order: 3;
    }
    .sm\:order-4 {
      order: 4;
    }
    .sm\:order-5 {
      order: 5;
    }
    .sm\:order-last {
      order: 6;
    }
    .sm\:m-0 {
      margin: 0;
    }
    .sm\:m-1 {
      margin: 0.25rem;
    }
    .sm\:m-2 {
      margin: 0.375rem;
    }
    .sm\:m-3 {
      margin: 0.5rem;
    }
    .sm\:m-4 {
      margin: 0.75rem;
    }
    .sm\:m-5 {
      margin: 1rem;
    }
    .sm\:m-6 {
      margin: 1.25rem;
    }
    .sm\:m-7 {
      margin: 1.5rem;
    }
    .sm\:m-8 {
      margin: 1.75rem;
    }
    .sm\:m-9 {
      margin: 2rem;
    }
    .sm\:m-10 {
      margin: 2.25rem;
    }
    .sm\:m-11 {
      margin: 2.5rem;
    }
    .sm\:m-12 {
      margin: 3rem;
    }
    .sm\:m-auto {
      margin: auto;
    }
    .sm\:mx-0 {
      margin-inline: 0;
    }
    .sm\:mx-1 {
      margin-inline: 0.25rem;
    }
    .sm\:mx-2 {
      margin-inline: 0.375rem;
    }
    .sm\:mx-3 {
      margin-inline: 0.5rem;
    }
    .sm\:mx-4 {
      margin-inline: 0.75rem;
    }
    .sm\:mx-5 {
      margin-inline: 1rem;
    }
    .sm\:mx-6 {
      margin-inline: 1.25rem;
    }
    .sm\:mx-7 {
      margin-inline: 1.5rem;
    }
    .sm\:mx-8 {
      margin-inline: 1.75rem;
    }
    .sm\:mx-9 {
      margin-inline: 2rem;
    }
    .sm\:mx-10 {
      margin-inline: 2.25rem;
    }
    .sm\:mx-11 {
      margin-inline: 2.5rem;
    }
    .sm\:mx-12 {
      margin-inline: 3rem;
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:my-0 {
      margin-block: 0;
    }
    .sm\:my-1 {
      margin-block: 0.25rem;
    }
    .sm\:my-2 {
      margin-block: 0.375rem;
    }
    .sm\:my-3 {
      margin-block: 0.5rem;
    }
    .sm\:my-4 {
      margin-block: 0.75rem;
    }
    .sm\:my-5 {
      margin-block: 1rem;
    }
    .sm\:my-6 {
      margin-block: 1.25rem;
    }
    .sm\:my-7 {
      margin-block: 1.5rem;
    }
    .sm\:my-8 {
      margin-block: 1.75rem;
    }
    .sm\:my-9 {
      margin-block: 2rem;
    }
    .sm\:my-10 {
      margin-block: 2.25rem;
    }
    .sm\:my-11 {
      margin-block: 2.5rem;
    }
    .sm\:my-12 {
      margin-block: 3rem;
    }
    .sm\:my-auto {
      margin-block: auto;
    }
    .sm\:mt-0 {
      margin-block-start: 0;
    }
    .sm\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .sm\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .sm\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .sm\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .sm\:mt-5 {
      margin-block-start: 1rem;
    }
    .sm\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .sm\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .sm\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .sm\:mt-9 {
      margin-block-start: 2rem;
    }
    .sm\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .sm\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .sm\:mt-12 {
      margin-block-start: 3rem;
    }
    .sm\:mt-auto {
      margin-block-start: auto;
    }
    .sm\:me-0 {
      margin-inline-end: 0;
    }
    .sm\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .sm\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .sm\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .sm\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .sm\:me-5 {
      margin-inline-end: 1rem;
    }
    .sm\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .sm\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .sm\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .sm\:me-9 {
      margin-inline-end: 2rem;
    }
    .sm\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .sm\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .sm\:me-12 {
      margin-inline-end: 3rem;
    }
    .sm\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .sm\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .sm\:me-auto {
      margin-inline-end: auto;
    }
    .sm\:mb-0 {
      margin-block-end: 0;
    }
    .sm\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .sm\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .sm\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .sm\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .sm\:mb-5 {
      margin-block-end: 1rem;
    }
    .sm\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .sm\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .sm\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .sm\:mb-9 {
      margin-block-end: 2rem;
    }
    .sm\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .sm\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .sm\:mb-12 {
      margin-block-end: 3rem;
    }
    .sm\:mb-auto {
      margin-block-end: auto;
    }
    .sm\:ms-0 {
      margin-inline-start: 0;
    }
    .sm\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .sm\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .sm\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .sm\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .sm\:ms-5 {
      margin-inline-start: 1rem;
    }
    .sm\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .sm\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .sm\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .sm\:ms-9 {
      margin-inline-start: 2rem;
    }
    .sm\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .sm\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .sm\:ms-12 {
      margin-inline-start: 3rem;
    }
    .sm\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .sm\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
    .sm\:p-0 {
      padding: 0;
    }
    .sm\:p-1 {
      padding: 0.25rem;
    }
    .sm\:p-2 {
      padding: 0.375rem;
    }
    .sm\:p-3 {
      padding: 0.5rem;
    }
    .sm\:p-4 {
      padding: 0.75rem;
    }
    .sm\:p-5 {
      padding: 1rem;
    }
    .sm\:p-6 {
      padding: 1.25rem;
    }
    .sm\:p-7 {
      padding: 1.5rem;
    }
    .sm\:p-8 {
      padding: 1.75rem;
    }
    .sm\:p-9 {
      padding: 2rem;
    }
    .sm\:p-10 {
      padding: 2.25rem;
    }
    .sm\:p-11 {
      padding: 2.5rem;
    }
    .sm\:p-12 {
      padding: 3rem;
    }
    .sm\:px-0 {
      padding-inline: 0;
    }
    .sm\:px-1 {
      padding-inline: 0.25rem;
    }
    .sm\:px-2 {
      padding-inline: 0.375rem;
    }
    .sm\:px-3 {
      padding-inline: 0.5rem;
    }
    .sm\:px-4 {
      padding-inline: 0.75rem;
    }
    .sm\:px-5 {
      padding-inline: 1rem;
    }
    .sm\:px-6 {
      padding-inline: 1.25rem;
    }
    .sm\:px-7 {
      padding-inline: 1.5rem;
    }
    .sm\:px-8 {
      padding-inline: 1.75rem;
    }
    .sm\:px-9 {
      padding-inline: 2rem;
    }
    .sm\:px-10 {
      padding-inline: 2.25rem;
    }
    .sm\:px-11 {
      padding-inline: 2.5rem;
    }
    .sm\:px-12 {
      padding-inline: 3rem;
    }
    .sm\:py-0 {
      padding-block: 0;
    }
    .sm\:py-1 {
      padding-block: 0.25rem;
    }
    .sm\:py-2 {
      padding-block: 0.375rem;
    }
    .sm\:py-3 {
      padding-block: 0.5rem;
    }
    .sm\:py-4 {
      padding-block: 0.75rem;
    }
    .sm\:py-5 {
      padding-block: 1rem;
    }
    .sm\:py-6 {
      padding-block: 1.25rem;
    }
    .sm\:py-7 {
      padding-block: 1.5rem;
    }
    .sm\:py-8 {
      padding-block: 1.75rem;
    }
    .sm\:py-9 {
      padding-block: 2rem;
    }
    .sm\:py-10 {
      padding-block: 2.25rem;
    }
    .sm\:py-11 {
      padding-block: 2.5rem;
    }
    .sm\:py-12 {
      padding-block: 3rem;
    }
    .sm\:pt-0 {
      padding-block-start: 0;
    }
    .sm\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .sm\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .sm\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .sm\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .sm\:pt-5 {
      padding-block-start: 1rem;
    }
    .sm\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .sm\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .sm\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .sm\:pt-9 {
      padding-block-start: 2rem;
    }
    .sm\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .sm\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .sm\:pt-12 {
      padding-block-start: 3rem;
    }
    .sm\:pe-0 {
      padding-inline-end: 0;
    }
    .sm\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .sm\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .sm\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .sm\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .sm\:pe-5 {
      padding-inline-end: 1rem;
    }
    .sm\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .sm\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .sm\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .sm\:pe-9 {
      padding-inline-end: 2rem;
    }
    .sm\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .sm\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .sm\:pe-12 {
      padding-inline-end: 3rem;
    }
    .sm\:pb-0 {
      padding-block-end: 0;
    }
    .sm\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .sm\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .sm\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .sm\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .sm\:pb-5 {
      padding-block-end: 1rem;
    }
    .sm\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .sm\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .sm\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .sm\:pb-9 {
      padding-block-end: 2rem;
    }
    .sm\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .sm\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .sm\:pb-12 {
      padding-block-end: 3rem;
    }
    .sm\:ps-0 {
      padding-inline-start: 0;
    }
    .sm\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .sm\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .sm\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .sm\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .sm\:ps-5 {
      padding-inline-start: 1rem;
    }
    .sm\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .sm\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .sm\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .sm\:ps-9 {
      padding-inline-start: 2rem;
    }
    .sm\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .sm\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .sm\:ps-12 {
      padding-inline-start: 3rem;
    }
    .sm\:gap-0 {
      gap: 0;
    }
    .sm\:gap-1 {
      gap: 0.25rem;
    }
    .sm\:gap-2 {
      gap: 0.375rem;
    }
    .sm\:gap-3 {
      gap: 0.5rem;
    }
    .sm\:gap-4 {
      gap: 0.75rem;
    }
    .sm\:gap-5 {
      gap: 1rem;
    }
    .sm\:gap-6 {
      gap: 1.25rem;
    }
    .sm\:gap-7 {
      gap: 1.5rem;
    }
    .sm\:gap-8 {
      gap: 1.75rem;
    }
    .sm\:gap-9 {
      gap: 2rem;
    }
    .sm\:gap-10 {
      gap: 2.25rem;
    }
    .sm\:gap-11 {
      gap: 2.5rem;
    }
    .sm\:gap-12 {
      gap: 3rem;
    }
    .sm\:row-gap-0 {
      row-gap: 0;
    }
    .sm\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .sm\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .sm\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .sm\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .sm\:row-gap-5 {
      row-gap: 1rem;
    }
    .sm\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .sm\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .sm\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .sm\:row-gap-9 {
      row-gap: 2rem;
    }
    .sm\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .sm\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .sm\:row-gap-12 {
      row-gap: 3rem;
    }
    .sm\:column-gap-0 {
      column-gap: 0;
    }
    .sm\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .sm\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .sm\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .sm\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .sm\:column-gap-5 {
      column-gap: 1rem;
    }
    .sm\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .sm\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .sm\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .sm\:column-gap-9 {
      column-gap: 2rem;
    }
    .sm\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .sm\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .sm\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.sm\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.sm\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.sm\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.sm\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.sm\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.sm\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.sm\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.sm\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.sm\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.sm\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.sm\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.sm\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.sm\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.sm\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.sm\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.sm\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.sm\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.sm\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.sm\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.sm\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.sm\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.sm\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.sm\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.sm\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.sm\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.sm\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.sm\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.sm\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.sm\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.sm\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .sm\:text-start {
      text-align: start;
    }
    .sm\:text-end {
      text-align: end;
    }
    .sm\:text-center {
      text-align: center;
    }
  }
  @media (width >= 768px) {
    .md\:float-start {
      float: inline-start;
    }
    .md\:float-end {
      float: inline-end;
    }
    .md\:float-none {
      float: none;
    }
    .md\:object-fit-contain {
      object-fit: contain;
    }
    .md\:object-fit-cover {
      object-fit: cover;
    }
    .md\:object-fit-fill {
      object-fit: fill;
    }
    .md\:object-fit-scale {
      object-fit: scale-down;
    }
    .md\:object-fit-none {
      object-fit: none;
    }
    .md\:d-inline {
      display: inline;
    }
    .md\:d-inline-block {
      display: inline-block;
    }
    .md\:d-block {
      display: block;
    }
    .md\:d-grid {
      display: grid;
    }
    .md\:d-inline-grid {
      display: inline-grid;
    }
    .md\:d-table {
      display: table;
    }
    .md\:d-table-row {
      display: table-row;
    }
    .md\:d-table-cell {
      display: table-cell;
    }
    .md\:d-flex {
      display: flex;
    }
    .md\:d-inline-flex {
      display: inline-flex;
    }
    .md\:d-contents {
      display: contents;
    }
    .md\:d-flow-root {
      display: flow-root;
    }
    .md\:d-none {
      display: none;
    }
    .md\:flex-fill {
      flex: 1 1 auto;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-column {
      flex-direction: column;
    }
    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .md\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .md\:flex-grow-0 {
      flex-grow: 0;
    }
    .md\:flex-grow-1 {
      flex-grow: 1;
    }
    .md\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .md\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .md\:justify-content-start {
      justify-content: flex-start;
    }
    .md\:justify-content-end {
      justify-content: flex-end;
    }
    .md\:justify-content-center {
      justify-content: center;
    }
    .md\:justify-content-between {
      justify-content: space-between;
    }
    .md\:justify-content-around {
      justify-content: space-around;
    }
    .md\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .md\:justify-items-start {
      justify-items: start;
    }
    .md\:justify-items-end {
      justify-items: end;
    }
    .md\:justify-items-center {
      justify-items: center;
    }
    .md\:justify-items-stretch {
      justify-items: stretch;
    }
    .md\:justify-self-start {
      justify-self: start;
    }
    .md\:justify-self-end {
      justify-self: end;
    }
    .md\:justify-self-center {
      justify-self: center;
    }
    .md\:align-items-start {
      align-items: flex-start;
    }
    .md\:align-items-end {
      align-items: flex-end;
    }
    .md\:align-items-center {
      align-items: center;
    }
    .md\:align-items-baseline {
      align-items: baseline;
    }
    .md\:align-items-stretch {
      align-items: stretch;
    }
    .md\:align-content-start {
      align-content: flex-start;
    }
    .md\:align-content-end {
      align-content: flex-end;
    }
    .md\:align-content-center {
      align-content: center;
    }
    .md\:align-content-between {
      align-content: space-between;
    }
    .md\:align-content-around {
      align-content: space-around;
    }
    .md\:align-content-stretch {
      align-content: stretch;
    }
    .md\:align-self-auto {
      align-self: auto;
    }
    .md\:align-self-start {
      align-self: flex-start;
    }
    .md\:align-self-end {
      align-self: flex-end;
    }
    .md\:align-self-center {
      align-self: center;
    }
    .md\:align-self-baseline {
      align-self: baseline;
    }
    .md\:align-self-stretch {
      align-self: stretch;
    }
    .md\:place-items-start {
      place-items: start;
    }
    .md\:place-items-end {
      place-items: end;
    }
    .md\:place-items-center {
      place-items: center;
    }
    .md\:place-items-stretch {
      place-items: stretch;
    }
    .md\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .md\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .md\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .md\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .md\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .md\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .md\:order-first {
      order: -1;
    }
    .md\:order-0 {
      order: 0;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:order-3 {
      order: 3;
    }
    .md\:order-4 {
      order: 4;
    }
    .md\:order-5 {
      order: 5;
    }
    .md\:order-last {
      order: 6;
    }
    .md\:m-0 {
      margin: 0;
    }
    .md\:m-1 {
      margin: 0.25rem;
    }
    .md\:m-2 {
      margin: 0.375rem;
    }
    .md\:m-3 {
      margin: 0.5rem;
    }
    .md\:m-4 {
      margin: 0.75rem;
    }
    .md\:m-5 {
      margin: 1rem;
    }
    .md\:m-6 {
      margin: 1.25rem;
    }
    .md\:m-7 {
      margin: 1.5rem;
    }
    .md\:m-8 {
      margin: 1.75rem;
    }
    .md\:m-9 {
      margin: 2rem;
    }
    .md\:m-10 {
      margin: 2.25rem;
    }
    .md\:m-11 {
      margin: 2.5rem;
    }
    .md\:m-12 {
      margin: 3rem;
    }
    .md\:m-auto {
      margin: auto;
    }
    .md\:mx-0 {
      margin-inline: 0;
    }
    .md\:mx-1 {
      margin-inline: 0.25rem;
    }
    .md\:mx-2 {
      margin-inline: 0.375rem;
    }
    .md\:mx-3 {
      margin-inline: 0.5rem;
    }
    .md\:mx-4 {
      margin-inline: 0.75rem;
    }
    .md\:mx-5 {
      margin-inline: 1rem;
    }
    .md\:mx-6 {
      margin-inline: 1.25rem;
    }
    .md\:mx-7 {
      margin-inline: 1.5rem;
    }
    .md\:mx-8 {
      margin-inline: 1.75rem;
    }
    .md\:mx-9 {
      margin-inline: 2rem;
    }
    .md\:mx-10 {
      margin-inline: 2.25rem;
    }
    .md\:mx-11 {
      margin-inline: 2.5rem;
    }
    .md\:mx-12 {
      margin-inline: 3rem;
    }
    .md\:mx-auto {
      margin-inline: auto;
    }
    .md\:my-0 {
      margin-block: 0;
    }
    .md\:my-1 {
      margin-block: 0.25rem;
    }
    .md\:my-2 {
      margin-block: 0.375rem;
    }
    .md\:my-3 {
      margin-block: 0.5rem;
    }
    .md\:my-4 {
      margin-block: 0.75rem;
    }
    .md\:my-5 {
      margin-block: 1rem;
    }
    .md\:my-6 {
      margin-block: 1.25rem;
    }
    .md\:my-7 {
      margin-block: 1.5rem;
    }
    .md\:my-8 {
      margin-block: 1.75rem;
    }
    .md\:my-9 {
      margin-block: 2rem;
    }
    .md\:my-10 {
      margin-block: 2.25rem;
    }
    .md\:my-11 {
      margin-block: 2.5rem;
    }
    .md\:my-12 {
      margin-block: 3rem;
    }
    .md\:my-auto {
      margin-block: auto;
    }
    .md\:mt-0 {
      margin-block-start: 0;
    }
    .md\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .md\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .md\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .md\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .md\:mt-5 {
      margin-block-start: 1rem;
    }
    .md\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .md\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .md\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .md\:mt-9 {
      margin-block-start: 2rem;
    }
    .md\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .md\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .md\:mt-12 {
      margin-block-start: 3rem;
    }
    .md\:mt-auto {
      margin-block-start: auto;
    }
    .md\:me-0 {
      margin-inline-end: 0;
    }
    .md\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .md\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .md\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .md\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .md\:me-5 {
      margin-inline-end: 1rem;
    }
    .md\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .md\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .md\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .md\:me-9 {
      margin-inline-end: 2rem;
    }
    .md\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .md\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .md\:me-12 {
      margin-inline-end: 3rem;
    }
    .md\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .md\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .md\:me-auto {
      margin-inline-end: auto;
    }
    .md\:mb-0 {
      margin-block-end: 0;
    }
    .md\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .md\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .md\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .md\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .md\:mb-5 {
      margin-block-end: 1rem;
    }
    .md\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .md\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .md\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .md\:mb-9 {
      margin-block-end: 2rem;
    }
    .md\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .md\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .md\:mb-12 {
      margin-block-end: 3rem;
    }
    .md\:mb-auto {
      margin-block-end: auto;
    }
    .md\:ms-0 {
      margin-inline-start: 0;
    }
    .md\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .md\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .md\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .md\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .md\:ms-5 {
      margin-inline-start: 1rem;
    }
    .md\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .md\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .md\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .md\:ms-9 {
      margin-inline-start: 2rem;
    }
    .md\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .md\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .md\:ms-12 {
      margin-inline-start: 3rem;
    }
    .md\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .md\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .md\:ms-auto {
      margin-inline-start: auto;
    }
    .md\:p-0 {
      padding: 0;
    }
    .md\:p-1 {
      padding: 0.25rem;
    }
    .md\:p-2 {
      padding: 0.375rem;
    }
    .md\:p-3 {
      padding: 0.5rem;
    }
    .md\:p-4 {
      padding: 0.75rem;
    }
    .md\:p-5 {
      padding: 1rem;
    }
    .md\:p-6 {
      padding: 1.25rem;
    }
    .md\:p-7 {
      padding: 1.5rem;
    }
    .md\:p-8 {
      padding: 1.75rem;
    }
    .md\:p-9 {
      padding: 2rem;
    }
    .md\:p-10 {
      padding: 2.25rem;
    }
    .md\:p-11 {
      padding: 2.5rem;
    }
    .md\:p-12 {
      padding: 3rem;
    }
    .md\:px-0 {
      padding-inline: 0;
    }
    .md\:px-1 {
      padding-inline: 0.25rem;
    }
    .md\:px-2 {
      padding-inline: 0.375rem;
    }
    .md\:px-3 {
      padding-inline: 0.5rem;
    }
    .md\:px-4 {
      padding-inline: 0.75rem;
    }
    .md\:px-5 {
      padding-inline: 1rem;
    }
    .md\:px-6 {
      padding-inline: 1.25rem;
    }
    .md\:px-7 {
      padding-inline: 1.5rem;
    }
    .md\:px-8 {
      padding-inline: 1.75rem;
    }
    .md\:px-9 {
      padding-inline: 2rem;
    }
    .md\:px-10 {
      padding-inline: 2.25rem;
    }
    .md\:px-11 {
      padding-inline: 2.5rem;
    }
    .md\:px-12 {
      padding-inline: 3rem;
    }
    .md\:py-0 {
      padding-block: 0;
    }
    .md\:py-1 {
      padding-block: 0.25rem;
    }
    .md\:py-2 {
      padding-block: 0.375rem;
    }
    .md\:py-3 {
      padding-block: 0.5rem;
    }
    .md\:py-4 {
      padding-block: 0.75rem;
    }
    .md\:py-5 {
      padding-block: 1rem;
    }
    .md\:py-6 {
      padding-block: 1.25rem;
    }
    .md\:py-7 {
      padding-block: 1.5rem;
    }
    .md\:py-8 {
      padding-block: 1.75rem;
    }
    .md\:py-9 {
      padding-block: 2rem;
    }
    .md\:py-10 {
      padding-block: 2.25rem;
    }
    .md\:py-11 {
      padding-block: 2.5rem;
    }
    .md\:py-12 {
      padding-block: 3rem;
    }
    .md\:pt-0 {
      padding-block-start: 0;
    }
    .md\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .md\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .md\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .md\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .md\:pt-5 {
      padding-block-start: 1rem;
    }
    .md\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .md\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .md\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .md\:pt-9 {
      padding-block-start: 2rem;
    }
    .md\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .md\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .md\:pt-12 {
      padding-block-start: 3rem;
    }
    .md\:pe-0 {
      padding-inline-end: 0;
    }
    .md\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .md\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .md\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .md\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .md\:pe-5 {
      padding-inline-end: 1rem;
    }
    .md\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .md\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .md\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .md\:pe-9 {
      padding-inline-end: 2rem;
    }
    .md\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .md\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .md\:pe-12 {
      padding-inline-end: 3rem;
    }
    .md\:pb-0 {
      padding-block-end: 0;
    }
    .md\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .md\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .md\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .md\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .md\:pb-5 {
      padding-block-end: 1rem;
    }
    .md\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .md\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .md\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .md\:pb-9 {
      padding-block-end: 2rem;
    }
    .md\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .md\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .md\:pb-12 {
      padding-block-end: 3rem;
    }
    .md\:ps-0 {
      padding-inline-start: 0;
    }
    .md\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .md\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .md\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .md\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .md\:ps-5 {
      padding-inline-start: 1rem;
    }
    .md\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .md\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .md\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .md\:ps-9 {
      padding-inline-start: 2rem;
    }
    .md\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .md\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .md\:ps-12 {
      padding-inline-start: 3rem;
    }
    .md\:gap-0 {
      gap: 0;
    }
    .md\:gap-1 {
      gap: 0.25rem;
    }
    .md\:gap-2 {
      gap: 0.375rem;
    }
    .md\:gap-3 {
      gap: 0.5rem;
    }
    .md\:gap-4 {
      gap: 0.75rem;
    }
    .md\:gap-5 {
      gap: 1rem;
    }
    .md\:gap-6 {
      gap: 1.25rem;
    }
    .md\:gap-7 {
      gap: 1.5rem;
    }
    .md\:gap-8 {
      gap: 1.75rem;
    }
    .md\:gap-9 {
      gap: 2rem;
    }
    .md\:gap-10 {
      gap: 2.25rem;
    }
    .md\:gap-11 {
      gap: 2.5rem;
    }
    .md\:gap-12 {
      gap: 3rem;
    }
    .md\:row-gap-0 {
      row-gap: 0;
    }
    .md\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .md\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .md\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .md\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .md\:row-gap-5 {
      row-gap: 1rem;
    }
    .md\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .md\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .md\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .md\:row-gap-9 {
      row-gap: 2rem;
    }
    .md\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .md\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .md\:row-gap-12 {
      row-gap: 3rem;
    }
    .md\:column-gap-0 {
      column-gap: 0;
    }
    .md\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .md\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .md\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .md\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .md\:column-gap-5 {
      column-gap: 1rem;
    }
    .md\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .md\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .md\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .md\:column-gap-9 {
      column-gap: 2rem;
    }
    .md\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .md\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .md\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.md\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.md\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.md\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.md\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.md\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.md\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.md\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.md\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.md\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.md\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.md\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.md\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.md\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.md\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.md\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.md\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.md\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.md\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.md\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.md\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.md\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.md\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.md\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.md\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.md\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.md\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.md\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.md\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.md\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.md\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .md\:text-start {
      text-align: start;
    }
    .md\:text-end {
      text-align: end;
    }
    .md\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1024px) {
    .lg\:float-start {
      float: inline-start;
    }
    .lg\:float-end {
      float: inline-end;
    }
    .lg\:float-none {
      float: none;
    }
    .lg\:object-fit-contain {
      object-fit: contain;
    }
    .lg\:object-fit-cover {
      object-fit: cover;
    }
    .lg\:object-fit-fill {
      object-fit: fill;
    }
    .lg\:object-fit-scale {
      object-fit: scale-down;
    }
    .lg\:object-fit-none {
      object-fit: none;
    }
    .lg\:d-inline {
      display: inline;
    }
    .lg\:d-inline-block {
      display: inline-block;
    }
    .lg\:d-block {
      display: block;
    }
    .lg\:d-grid {
      display: grid;
    }
    .lg\:d-inline-grid {
      display: inline-grid;
    }
    .lg\:d-table {
      display: table;
    }
    .lg\:d-table-row {
      display: table-row;
    }
    .lg\:d-table-cell {
      display: table-cell;
    }
    .lg\:d-flex {
      display: flex;
    }
    .lg\:d-inline-flex {
      display: inline-flex;
    }
    .lg\:d-contents {
      display: contents;
    }
    .lg\:d-flow-root {
      display: flow-root;
    }
    .lg\:d-none {
      display: none;
    }
    .lg\:flex-fill {
      flex: 1 1 auto;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-column {
      flex-direction: column;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .lg\:flex-grow-0 {
      flex-grow: 0;
    }
    .lg\:flex-grow-1 {
      flex-grow: 1;
    }
    .lg\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .lg\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .lg\:justify-content-start {
      justify-content: flex-start;
    }
    .lg\:justify-content-end {
      justify-content: flex-end;
    }
    .lg\:justify-content-center {
      justify-content: center;
    }
    .lg\:justify-content-between {
      justify-content: space-between;
    }
    .lg\:justify-content-around {
      justify-content: space-around;
    }
    .lg\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .lg\:justify-items-start {
      justify-items: start;
    }
    .lg\:justify-items-end {
      justify-items: end;
    }
    .lg\:justify-items-center {
      justify-items: center;
    }
    .lg\:justify-items-stretch {
      justify-items: stretch;
    }
    .lg\:justify-self-start {
      justify-self: start;
    }
    .lg\:justify-self-end {
      justify-self: end;
    }
    .lg\:justify-self-center {
      justify-self: center;
    }
    .lg\:align-items-start {
      align-items: flex-start;
    }
    .lg\:align-items-end {
      align-items: flex-end;
    }
    .lg\:align-items-center {
      align-items: center;
    }
    .lg\:align-items-baseline {
      align-items: baseline;
    }
    .lg\:align-items-stretch {
      align-items: stretch;
    }
    .lg\:align-content-start {
      align-content: flex-start;
    }
    .lg\:align-content-end {
      align-content: flex-end;
    }
    .lg\:align-content-center {
      align-content: center;
    }
    .lg\:align-content-between {
      align-content: space-between;
    }
    .lg\:align-content-around {
      align-content: space-around;
    }
    .lg\:align-content-stretch {
      align-content: stretch;
    }
    .lg\:align-self-auto {
      align-self: auto;
    }
    .lg\:align-self-start {
      align-self: flex-start;
    }
    .lg\:align-self-end {
      align-self: flex-end;
    }
    .lg\:align-self-center {
      align-self: center;
    }
    .lg\:align-self-baseline {
      align-self: baseline;
    }
    .lg\:align-self-stretch {
      align-self: stretch;
    }
    .lg\:place-items-start {
      place-items: start;
    }
    .lg\:place-items-end {
      place-items: end;
    }
    .lg\:place-items-center {
      place-items: center;
    }
    .lg\:place-items-stretch {
      place-items: stretch;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .lg\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .lg\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .lg\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .lg\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .lg\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .lg\:order-first {
      order: -1;
    }
    .lg\:order-0 {
      order: 0;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:order-3 {
      order: 3;
    }
    .lg\:order-4 {
      order: 4;
    }
    .lg\:order-5 {
      order: 5;
    }
    .lg\:order-last {
      order: 6;
    }
    .lg\:m-0 {
      margin: 0;
    }
    .lg\:m-1 {
      margin: 0.25rem;
    }
    .lg\:m-2 {
      margin: 0.375rem;
    }
    .lg\:m-3 {
      margin: 0.5rem;
    }
    .lg\:m-4 {
      margin: 0.75rem;
    }
    .lg\:m-5 {
      margin: 1rem;
    }
    .lg\:m-6 {
      margin: 1.25rem;
    }
    .lg\:m-7 {
      margin: 1.5rem;
    }
    .lg\:m-8 {
      margin: 1.75rem;
    }
    .lg\:m-9 {
      margin: 2rem;
    }
    .lg\:m-10 {
      margin: 2.25rem;
    }
    .lg\:m-11 {
      margin: 2.5rem;
    }
    .lg\:m-12 {
      margin: 3rem;
    }
    .lg\:m-auto {
      margin: auto;
    }
    .lg\:mx-0 {
      margin-inline: 0;
    }
    .lg\:mx-1 {
      margin-inline: 0.25rem;
    }
    .lg\:mx-2 {
      margin-inline: 0.375rem;
    }
    .lg\:mx-3 {
      margin-inline: 0.5rem;
    }
    .lg\:mx-4 {
      margin-inline: 0.75rem;
    }
    .lg\:mx-5 {
      margin-inline: 1rem;
    }
    .lg\:mx-6 {
      margin-inline: 1.25rem;
    }
    .lg\:mx-7 {
      margin-inline: 1.5rem;
    }
    .lg\:mx-8 {
      margin-inline: 1.75rem;
    }
    .lg\:mx-9 {
      margin-inline: 2rem;
    }
    .lg\:mx-10 {
      margin-inline: 2.25rem;
    }
    .lg\:mx-11 {
      margin-inline: 2.5rem;
    }
    .lg\:mx-12 {
      margin-inline: 3rem;
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:my-0 {
      margin-block: 0;
    }
    .lg\:my-1 {
      margin-block: 0.25rem;
    }
    .lg\:my-2 {
      margin-block: 0.375rem;
    }
    .lg\:my-3 {
      margin-block: 0.5rem;
    }
    .lg\:my-4 {
      margin-block: 0.75rem;
    }
    .lg\:my-5 {
      margin-block: 1rem;
    }
    .lg\:my-6 {
      margin-block: 1.25rem;
    }
    .lg\:my-7 {
      margin-block: 1.5rem;
    }
    .lg\:my-8 {
      margin-block: 1.75rem;
    }
    .lg\:my-9 {
      margin-block: 2rem;
    }
    .lg\:my-10 {
      margin-block: 2.25rem;
    }
    .lg\:my-11 {
      margin-block: 2.5rem;
    }
    .lg\:my-12 {
      margin-block: 3rem;
    }
    .lg\:my-auto {
      margin-block: auto;
    }
    .lg\:mt-0 {
      margin-block-start: 0;
    }
    .lg\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .lg\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .lg\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .lg\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .lg\:mt-5 {
      margin-block-start: 1rem;
    }
    .lg\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .lg\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .lg\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .lg\:mt-9 {
      margin-block-start: 2rem;
    }
    .lg\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .lg\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .lg\:mt-12 {
      margin-block-start: 3rem;
    }
    .lg\:mt-auto {
      margin-block-start: auto;
    }
    .lg\:me-0 {
      margin-inline-end: 0;
    }
    .lg\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .lg\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .lg\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .lg\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .lg\:me-5 {
      margin-inline-end: 1rem;
    }
    .lg\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .lg\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .lg\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .lg\:me-9 {
      margin-inline-end: 2rem;
    }
    .lg\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .lg\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .lg\:me-12 {
      margin-inline-end: 3rem;
    }
    .lg\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .lg\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .lg\:me-auto {
      margin-inline-end: auto;
    }
    .lg\:mb-0 {
      margin-block-end: 0;
    }
    .lg\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .lg\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .lg\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .lg\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .lg\:mb-5 {
      margin-block-end: 1rem;
    }
    .lg\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .lg\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .lg\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .lg\:mb-9 {
      margin-block-end: 2rem;
    }
    .lg\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .lg\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .lg\:mb-12 {
      margin-block-end: 3rem;
    }
    .lg\:mb-auto {
      margin-block-end: auto;
    }
    .lg\:ms-0 {
      margin-inline-start: 0;
    }
    .lg\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .lg\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .lg\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .lg\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .lg\:ms-5 {
      margin-inline-start: 1rem;
    }
    .lg\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .lg\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .lg\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .lg\:ms-9 {
      margin-inline-start: 2rem;
    }
    .lg\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .lg\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .lg\:ms-12 {
      margin-inline-start: 3rem;
    }
    .lg\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .lg\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
    .lg\:p-0 {
      padding: 0;
    }
    .lg\:p-1 {
      padding: 0.25rem;
    }
    .lg\:p-2 {
      padding: 0.375rem;
    }
    .lg\:p-3 {
      padding: 0.5rem;
    }
    .lg\:p-4 {
      padding: 0.75rem;
    }
    .lg\:p-5 {
      padding: 1rem;
    }
    .lg\:p-6 {
      padding: 1.25rem;
    }
    .lg\:p-7 {
      padding: 1.5rem;
    }
    .lg\:p-8 {
      padding: 1.75rem;
    }
    .lg\:p-9 {
      padding: 2rem;
    }
    .lg\:p-10 {
      padding: 2.25rem;
    }
    .lg\:p-11 {
      padding: 2.5rem;
    }
    .lg\:p-12 {
      padding: 3rem;
    }
    .lg\:px-0 {
      padding-inline: 0;
    }
    .lg\:px-1 {
      padding-inline: 0.25rem;
    }
    .lg\:px-2 {
      padding-inline: 0.375rem;
    }
    .lg\:px-3 {
      padding-inline: 0.5rem;
    }
    .lg\:px-4 {
      padding-inline: 0.75rem;
    }
    .lg\:px-5 {
      padding-inline: 1rem;
    }
    .lg\:px-6 {
      padding-inline: 1.25rem;
    }
    .lg\:px-7 {
      padding-inline: 1.5rem;
    }
    .lg\:px-8 {
      padding-inline: 1.75rem;
    }
    .lg\:px-9 {
      padding-inline: 2rem;
    }
    .lg\:px-10 {
      padding-inline: 2.25rem;
    }
    .lg\:px-11 {
      padding-inline: 2.5rem;
    }
    .lg\:px-12 {
      padding-inline: 3rem;
    }
    .lg\:py-0 {
      padding-block: 0;
    }
    .lg\:py-1 {
      padding-block: 0.25rem;
    }
    .lg\:py-2 {
      padding-block: 0.375rem;
    }
    .lg\:py-3 {
      padding-block: 0.5rem;
    }
    .lg\:py-4 {
      padding-block: 0.75rem;
    }
    .lg\:py-5 {
      padding-block: 1rem;
    }
    .lg\:py-6 {
      padding-block: 1.25rem;
    }
    .lg\:py-7 {
      padding-block: 1.5rem;
    }
    .lg\:py-8 {
      padding-block: 1.75rem;
    }
    .lg\:py-9 {
      padding-block: 2rem;
    }
    .lg\:py-10 {
      padding-block: 2.25rem;
    }
    .lg\:py-11 {
      padding-block: 2.5rem;
    }
    .lg\:py-12 {
      padding-block: 3rem;
    }
    .lg\:pt-0 {
      padding-block-start: 0;
    }
    .lg\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .lg\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .lg\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .lg\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .lg\:pt-5 {
      padding-block-start: 1rem;
    }
    .lg\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .lg\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .lg\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .lg\:pt-9 {
      padding-block-start: 2rem;
    }
    .lg\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .lg\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .lg\:pt-12 {
      padding-block-start: 3rem;
    }
    .lg\:pe-0 {
      padding-inline-end: 0;
    }
    .lg\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .lg\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .lg\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .lg\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .lg\:pe-5 {
      padding-inline-end: 1rem;
    }
    .lg\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .lg\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .lg\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .lg\:pe-9 {
      padding-inline-end: 2rem;
    }
    .lg\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .lg\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .lg\:pe-12 {
      padding-inline-end: 3rem;
    }
    .lg\:pb-0 {
      padding-block-end: 0;
    }
    .lg\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .lg\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .lg\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .lg\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .lg\:pb-5 {
      padding-block-end: 1rem;
    }
    .lg\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .lg\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .lg\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .lg\:pb-9 {
      padding-block-end: 2rem;
    }
    .lg\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .lg\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .lg\:pb-12 {
      padding-block-end: 3rem;
    }
    .lg\:ps-0 {
      padding-inline-start: 0;
    }
    .lg\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .lg\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .lg\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .lg\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .lg\:ps-5 {
      padding-inline-start: 1rem;
    }
    .lg\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .lg\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .lg\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .lg\:ps-9 {
      padding-inline-start: 2rem;
    }
    .lg\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .lg\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .lg\:ps-12 {
      padding-inline-start: 3rem;
    }
    .lg\:gap-0 {
      gap: 0;
    }
    .lg\:gap-1 {
      gap: 0.25rem;
    }
    .lg\:gap-2 {
      gap: 0.375rem;
    }
    .lg\:gap-3 {
      gap: 0.5rem;
    }
    .lg\:gap-4 {
      gap: 0.75rem;
    }
    .lg\:gap-5 {
      gap: 1rem;
    }
    .lg\:gap-6 {
      gap: 1.25rem;
    }
    .lg\:gap-7 {
      gap: 1.5rem;
    }
    .lg\:gap-8 {
      gap: 1.75rem;
    }
    .lg\:gap-9 {
      gap: 2rem;
    }
    .lg\:gap-10 {
      gap: 2.25rem;
    }
    .lg\:gap-11 {
      gap: 2.5rem;
    }
    .lg\:gap-12 {
      gap: 3rem;
    }
    .lg\:row-gap-0 {
      row-gap: 0;
    }
    .lg\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .lg\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .lg\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .lg\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .lg\:row-gap-5 {
      row-gap: 1rem;
    }
    .lg\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .lg\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .lg\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .lg\:row-gap-9 {
      row-gap: 2rem;
    }
    .lg\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .lg\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .lg\:row-gap-12 {
      row-gap: 3rem;
    }
    .lg\:column-gap-0 {
      column-gap: 0;
    }
    .lg\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .lg\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .lg\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .lg\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .lg\:column-gap-5 {
      column-gap: 1rem;
    }
    .lg\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .lg\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .lg\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .lg\:column-gap-9 {
      column-gap: 2rem;
    }
    .lg\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .lg\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .lg\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.lg\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.lg\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.lg\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.lg\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.lg\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.lg\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.lg\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.lg\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.lg\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.lg\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.lg\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.lg\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.lg\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.lg\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.lg\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.lg\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.lg\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.lg\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.lg\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.lg\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.lg\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.lg\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.lg\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.lg\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.lg\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.lg\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.lg\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.lg\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.lg\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.lg\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .lg\:text-start {
      text-align: start;
    }
    .lg\:text-end {
      text-align: end;
    }
    .lg\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1280px) {
    .xl\:float-start {
      float: inline-start;
    }
    .xl\:float-end {
      float: inline-end;
    }
    .xl\:float-none {
      float: none;
    }
    .xl\:object-fit-contain {
      object-fit: contain;
    }
    .xl\:object-fit-cover {
      object-fit: cover;
    }
    .xl\:object-fit-fill {
      object-fit: fill;
    }
    .xl\:object-fit-scale {
      object-fit: scale-down;
    }
    .xl\:object-fit-none {
      object-fit: none;
    }
    .xl\:d-inline {
      display: inline;
    }
    .xl\:d-inline-block {
      display: inline-block;
    }
    .xl\:d-block {
      display: block;
    }
    .xl\:d-grid {
      display: grid;
    }
    .xl\:d-inline-grid {
      display: inline-grid;
    }
    .xl\:d-table {
      display: table;
    }
    .xl\:d-table-row {
      display: table-row;
    }
    .xl\:d-table-cell {
      display: table-cell;
    }
    .xl\:d-flex {
      display: flex;
    }
    .xl\:d-inline-flex {
      display: inline-flex;
    }
    .xl\:d-contents {
      display: contents;
    }
    .xl\:d-flow-root {
      display: flow-root;
    }
    .xl\:d-none {
      display: none;
    }
    .xl\:flex-fill {
      flex: 1 1 auto;
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:flex-column {
      flex-direction: column;
    }
    .xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .xl\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .xl\:flex-grow-0 {
      flex-grow: 0;
    }
    .xl\:flex-grow-1 {
      flex-grow: 1;
    }
    .xl\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .xl\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .xl\:flex-wrap {
      flex-wrap: wrap;
    }
    .xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .xl\:justify-content-start {
      justify-content: flex-start;
    }
    .xl\:justify-content-end {
      justify-content: flex-end;
    }
    .xl\:justify-content-center {
      justify-content: center;
    }
    .xl\:justify-content-between {
      justify-content: space-between;
    }
    .xl\:justify-content-around {
      justify-content: space-around;
    }
    .xl\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .xl\:justify-items-start {
      justify-items: start;
    }
    .xl\:justify-items-end {
      justify-items: end;
    }
    .xl\:justify-items-center {
      justify-items: center;
    }
    .xl\:justify-items-stretch {
      justify-items: stretch;
    }
    .xl\:justify-self-start {
      justify-self: start;
    }
    .xl\:justify-self-end {
      justify-self: end;
    }
    .xl\:justify-self-center {
      justify-self: center;
    }
    .xl\:align-items-start {
      align-items: flex-start;
    }
    .xl\:align-items-end {
      align-items: flex-end;
    }
    .xl\:align-items-center {
      align-items: center;
    }
    .xl\:align-items-baseline {
      align-items: baseline;
    }
    .xl\:align-items-stretch {
      align-items: stretch;
    }
    .xl\:align-content-start {
      align-content: flex-start;
    }
    .xl\:align-content-end {
      align-content: flex-end;
    }
    .xl\:align-content-center {
      align-content: center;
    }
    .xl\:align-content-between {
      align-content: space-between;
    }
    .xl\:align-content-around {
      align-content: space-around;
    }
    .xl\:align-content-stretch {
      align-content: stretch;
    }
    .xl\:align-self-auto {
      align-self: auto;
    }
    .xl\:align-self-start {
      align-self: flex-start;
    }
    .xl\:align-self-end {
      align-self: flex-end;
    }
    .xl\:align-self-center {
      align-self: center;
    }
    .xl\:align-self-baseline {
      align-self: baseline;
    }
    .xl\:align-self-stretch {
      align-self: stretch;
    }
    .xl\:place-items-start {
      place-items: start;
    }
    .xl\:place-items-end {
      place-items: end;
    }
    .xl\:place-items-center {
      place-items: center;
    }
    .xl\:place-items-stretch {
      place-items: stretch;
    }
    .xl\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .xl\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .xl\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .xl\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .xl\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .xl\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .xl\:order-first {
      order: -1;
    }
    .xl\:order-0 {
      order: 0;
    }
    .xl\:order-1 {
      order: 1;
    }
    .xl\:order-2 {
      order: 2;
    }
    .xl\:order-3 {
      order: 3;
    }
    .xl\:order-4 {
      order: 4;
    }
    .xl\:order-5 {
      order: 5;
    }
    .xl\:order-last {
      order: 6;
    }
    .xl\:m-0 {
      margin: 0;
    }
    .xl\:m-1 {
      margin: 0.25rem;
    }
    .xl\:m-2 {
      margin: 0.375rem;
    }
    .xl\:m-3 {
      margin: 0.5rem;
    }
    .xl\:m-4 {
      margin: 0.75rem;
    }
    .xl\:m-5 {
      margin: 1rem;
    }
    .xl\:m-6 {
      margin: 1.25rem;
    }
    .xl\:m-7 {
      margin: 1.5rem;
    }
    .xl\:m-8 {
      margin: 1.75rem;
    }
    .xl\:m-9 {
      margin: 2rem;
    }
    .xl\:m-10 {
      margin: 2.25rem;
    }
    .xl\:m-11 {
      margin: 2.5rem;
    }
    .xl\:m-12 {
      margin: 3rem;
    }
    .xl\:m-auto {
      margin: auto;
    }
    .xl\:mx-0 {
      margin-inline: 0;
    }
    .xl\:mx-1 {
      margin-inline: 0.25rem;
    }
    .xl\:mx-2 {
      margin-inline: 0.375rem;
    }
    .xl\:mx-3 {
      margin-inline: 0.5rem;
    }
    .xl\:mx-4 {
      margin-inline: 0.75rem;
    }
    .xl\:mx-5 {
      margin-inline: 1rem;
    }
    .xl\:mx-6 {
      margin-inline: 1.25rem;
    }
    .xl\:mx-7 {
      margin-inline: 1.5rem;
    }
    .xl\:mx-8 {
      margin-inline: 1.75rem;
    }
    .xl\:mx-9 {
      margin-inline: 2rem;
    }
    .xl\:mx-10 {
      margin-inline: 2.25rem;
    }
    .xl\:mx-11 {
      margin-inline: 2.5rem;
    }
    .xl\:mx-12 {
      margin-inline: 3rem;
    }
    .xl\:mx-auto {
      margin-inline: auto;
    }
    .xl\:my-0 {
      margin-block: 0;
    }
    .xl\:my-1 {
      margin-block: 0.25rem;
    }
    .xl\:my-2 {
      margin-block: 0.375rem;
    }
    .xl\:my-3 {
      margin-block: 0.5rem;
    }
    .xl\:my-4 {
      margin-block: 0.75rem;
    }
    .xl\:my-5 {
      margin-block: 1rem;
    }
    .xl\:my-6 {
      margin-block: 1.25rem;
    }
    .xl\:my-7 {
      margin-block: 1.5rem;
    }
    .xl\:my-8 {
      margin-block: 1.75rem;
    }
    .xl\:my-9 {
      margin-block: 2rem;
    }
    .xl\:my-10 {
      margin-block: 2.25rem;
    }
    .xl\:my-11 {
      margin-block: 2.5rem;
    }
    .xl\:my-12 {
      margin-block: 3rem;
    }
    .xl\:my-auto {
      margin-block: auto;
    }
    .xl\:mt-0 {
      margin-block-start: 0;
    }
    .xl\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .xl\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .xl\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .xl\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .xl\:mt-5 {
      margin-block-start: 1rem;
    }
    .xl\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .xl\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .xl\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .xl\:mt-9 {
      margin-block-start: 2rem;
    }
    .xl\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .xl\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .xl\:mt-12 {
      margin-block-start: 3rem;
    }
    .xl\:mt-auto {
      margin-block-start: auto;
    }
    .xl\:me-0 {
      margin-inline-end: 0;
    }
    .xl\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .xl\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .xl\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .xl\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .xl\:me-5 {
      margin-inline-end: 1rem;
    }
    .xl\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .xl\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .xl\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .xl\:me-9 {
      margin-inline-end: 2rem;
    }
    .xl\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .xl\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .xl\:me-12 {
      margin-inline-end: 3rem;
    }
    .xl\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .xl\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .xl\:me-auto {
      margin-inline-end: auto;
    }
    .xl\:mb-0 {
      margin-block-end: 0;
    }
    .xl\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .xl\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .xl\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .xl\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .xl\:mb-5 {
      margin-block-end: 1rem;
    }
    .xl\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .xl\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .xl\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .xl\:mb-9 {
      margin-block-end: 2rem;
    }
    .xl\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .xl\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .xl\:mb-12 {
      margin-block-end: 3rem;
    }
    .xl\:mb-auto {
      margin-block-end: auto;
    }
    .xl\:ms-0 {
      margin-inline-start: 0;
    }
    .xl\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .xl\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .xl\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .xl\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .xl\:ms-5 {
      margin-inline-start: 1rem;
    }
    .xl\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .xl\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .xl\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .xl\:ms-9 {
      margin-inline-start: 2rem;
    }
    .xl\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .xl\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .xl\:ms-12 {
      margin-inline-start: 3rem;
    }
    .xl\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .xl\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .xl\:ms-auto {
      margin-inline-start: auto;
    }
    .xl\:p-0 {
      padding: 0;
    }
    .xl\:p-1 {
      padding: 0.25rem;
    }
    .xl\:p-2 {
      padding: 0.375rem;
    }
    .xl\:p-3 {
      padding: 0.5rem;
    }
    .xl\:p-4 {
      padding: 0.75rem;
    }
    .xl\:p-5 {
      padding: 1rem;
    }
    .xl\:p-6 {
      padding: 1.25rem;
    }
    .xl\:p-7 {
      padding: 1.5rem;
    }
    .xl\:p-8 {
      padding: 1.75rem;
    }
    .xl\:p-9 {
      padding: 2rem;
    }
    .xl\:p-10 {
      padding: 2.25rem;
    }
    .xl\:p-11 {
      padding: 2.5rem;
    }
    .xl\:p-12 {
      padding: 3rem;
    }
    .xl\:px-0 {
      padding-inline: 0;
    }
    .xl\:px-1 {
      padding-inline: 0.25rem;
    }
    .xl\:px-2 {
      padding-inline: 0.375rem;
    }
    .xl\:px-3 {
      padding-inline: 0.5rem;
    }
    .xl\:px-4 {
      padding-inline: 0.75rem;
    }
    .xl\:px-5 {
      padding-inline: 1rem;
    }
    .xl\:px-6 {
      padding-inline: 1.25rem;
    }
    .xl\:px-7 {
      padding-inline: 1.5rem;
    }
    .xl\:px-8 {
      padding-inline: 1.75rem;
    }
    .xl\:px-9 {
      padding-inline: 2rem;
    }
    .xl\:px-10 {
      padding-inline: 2.25rem;
    }
    .xl\:px-11 {
      padding-inline: 2.5rem;
    }
    .xl\:px-12 {
      padding-inline: 3rem;
    }
    .xl\:py-0 {
      padding-block: 0;
    }
    .xl\:py-1 {
      padding-block: 0.25rem;
    }
    .xl\:py-2 {
      padding-block: 0.375rem;
    }
    .xl\:py-3 {
      padding-block: 0.5rem;
    }
    .xl\:py-4 {
      padding-block: 0.75rem;
    }
    .xl\:py-5 {
      padding-block: 1rem;
    }
    .xl\:py-6 {
      padding-block: 1.25rem;
    }
    .xl\:py-7 {
      padding-block: 1.5rem;
    }
    .xl\:py-8 {
      padding-block: 1.75rem;
    }
    .xl\:py-9 {
      padding-block: 2rem;
    }
    .xl\:py-10 {
      padding-block: 2.25rem;
    }
    .xl\:py-11 {
      padding-block: 2.5rem;
    }
    .xl\:py-12 {
      padding-block: 3rem;
    }
    .xl\:pt-0 {
      padding-block-start: 0;
    }
    .xl\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .xl\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .xl\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .xl\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .xl\:pt-5 {
      padding-block-start: 1rem;
    }
    .xl\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .xl\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .xl\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .xl\:pt-9 {
      padding-block-start: 2rem;
    }
    .xl\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .xl\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .xl\:pt-12 {
      padding-block-start: 3rem;
    }
    .xl\:pe-0 {
      padding-inline-end: 0;
    }
    .xl\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .xl\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .xl\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .xl\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .xl\:pe-5 {
      padding-inline-end: 1rem;
    }
    .xl\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .xl\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .xl\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .xl\:pe-9 {
      padding-inline-end: 2rem;
    }
    .xl\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .xl\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .xl\:pe-12 {
      padding-inline-end: 3rem;
    }
    .xl\:pb-0 {
      padding-block-end: 0;
    }
    .xl\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .xl\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .xl\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .xl\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .xl\:pb-5 {
      padding-block-end: 1rem;
    }
    .xl\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .xl\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .xl\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .xl\:pb-9 {
      padding-block-end: 2rem;
    }
    .xl\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .xl\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .xl\:pb-12 {
      padding-block-end: 3rem;
    }
    .xl\:ps-0 {
      padding-inline-start: 0;
    }
    .xl\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .xl\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .xl\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .xl\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .xl\:ps-5 {
      padding-inline-start: 1rem;
    }
    .xl\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .xl\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .xl\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .xl\:ps-9 {
      padding-inline-start: 2rem;
    }
    .xl\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .xl\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .xl\:ps-12 {
      padding-inline-start: 3rem;
    }
    .xl\:gap-0 {
      gap: 0;
    }
    .xl\:gap-1 {
      gap: 0.25rem;
    }
    .xl\:gap-2 {
      gap: 0.375rem;
    }
    .xl\:gap-3 {
      gap: 0.5rem;
    }
    .xl\:gap-4 {
      gap: 0.75rem;
    }
    .xl\:gap-5 {
      gap: 1rem;
    }
    .xl\:gap-6 {
      gap: 1.25rem;
    }
    .xl\:gap-7 {
      gap: 1.5rem;
    }
    .xl\:gap-8 {
      gap: 1.75rem;
    }
    .xl\:gap-9 {
      gap: 2rem;
    }
    .xl\:gap-10 {
      gap: 2.25rem;
    }
    .xl\:gap-11 {
      gap: 2.5rem;
    }
    .xl\:gap-12 {
      gap: 3rem;
    }
    .xl\:row-gap-0 {
      row-gap: 0;
    }
    .xl\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .xl\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .xl\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .xl\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .xl\:row-gap-5 {
      row-gap: 1rem;
    }
    .xl\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .xl\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .xl\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .xl\:row-gap-9 {
      row-gap: 2rem;
    }
    .xl\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .xl\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .xl\:row-gap-12 {
      row-gap: 3rem;
    }
    .xl\:column-gap-0 {
      column-gap: 0;
    }
    .xl\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .xl\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .xl\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .xl\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .xl\:column-gap-5 {
      column-gap: 1rem;
    }
    .xl\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .xl\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .xl\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .xl\:column-gap-9 {
      column-gap: 2rem;
    }
    .xl\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .xl\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .xl\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.xl\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.xl\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.xl\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.xl\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.xl\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.xl\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.xl\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.xl\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.xl\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.xl\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.xl\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.xl\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.xl\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.xl\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.xl\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.xl\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.xl\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.xl\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.xl\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.xl\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.xl\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.xl\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.xl\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.xl\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.xl\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.xl\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.xl\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.xl\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.xl\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.xl\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .xl\:text-start {
      text-align: start;
    }
    .xl\:text-end {
      text-align: end;
    }
    .xl\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1536px) {
    .\32 xl\:float-start {
      float: inline-start;
    }
    .\32 xl\:float-end {
      float: inline-end;
    }
    .\32 xl\:float-none {
      float: none;
    }
    .\32 xl\:object-fit-contain {
      object-fit: contain;
    }
    .\32 xl\:object-fit-cover {
      object-fit: cover;
    }
    .\32 xl\:object-fit-fill {
      object-fit: fill;
    }
    .\32 xl\:object-fit-scale {
      object-fit: scale-down;
    }
    .\32 xl\:object-fit-none {
      object-fit: none;
    }
    .\32 xl\:d-inline {
      display: inline;
    }
    .\32 xl\:d-inline-block {
      display: inline-block;
    }
    .\32 xl\:d-block {
      display: block;
    }
    .\32 xl\:d-grid {
      display: grid;
    }
    .\32 xl\:d-inline-grid {
      display: inline-grid;
    }
    .\32 xl\:d-table {
      display: table;
    }
    .\32 xl\:d-table-row {
      display: table-row;
    }
    .\32 xl\:d-table-cell {
      display: table-cell;
    }
    .\32 xl\:d-flex {
      display: flex;
    }
    .\32 xl\:d-inline-flex {
      display: inline-flex;
    }
    .\32 xl\:d-contents {
      display: contents;
    }
    .\32 xl\:d-flow-root {
      display: flow-root;
    }
    .\32 xl\:d-none {
      display: none;
    }
    .\32 xl\:flex-fill {
      flex: 1 1 auto;
    }
    .\32 xl\:flex-row {
      flex-direction: row;
    }
    .\32 xl\:flex-column {
      flex-direction: column;
    }
    .\32 xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .\32 xl\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .\32 xl\:flex-grow-0 {
      flex-grow: 0;
    }
    .\32 xl\:flex-grow-1 {
      flex-grow: 1;
    }
    .\32 xl\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .\32 xl\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .\32 xl\:flex-wrap {
      flex-wrap: wrap;
    }
    .\32 xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .\32 xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .\32 xl\:justify-content-start {
      justify-content: flex-start;
    }
    .\32 xl\:justify-content-end {
      justify-content: flex-end;
    }
    .\32 xl\:justify-content-center {
      justify-content: center;
    }
    .\32 xl\:justify-content-between {
      justify-content: space-between;
    }
    .\32 xl\:justify-content-around {
      justify-content: space-around;
    }
    .\32 xl\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .\32 xl\:justify-items-start {
      justify-items: start;
    }
    .\32 xl\:justify-items-end {
      justify-items: end;
    }
    .\32 xl\:justify-items-center {
      justify-items: center;
    }
    .\32 xl\:justify-items-stretch {
      justify-items: stretch;
    }
    .\32 xl\:justify-self-start {
      justify-self: start;
    }
    .\32 xl\:justify-self-end {
      justify-self: end;
    }
    .\32 xl\:justify-self-center {
      justify-self: center;
    }
    .\32 xl\:align-items-start {
      align-items: flex-start;
    }
    .\32 xl\:align-items-end {
      align-items: flex-end;
    }
    .\32 xl\:align-items-center {
      align-items: center;
    }
    .\32 xl\:align-items-baseline {
      align-items: baseline;
    }
    .\32 xl\:align-items-stretch {
      align-items: stretch;
    }
    .\32 xl\:align-content-start {
      align-content: flex-start;
    }
    .\32 xl\:align-content-end {
      align-content: flex-end;
    }
    .\32 xl\:align-content-center {
      align-content: center;
    }
    .\32 xl\:align-content-between {
      align-content: space-between;
    }
    .\32 xl\:align-content-around {
      align-content: space-around;
    }
    .\32 xl\:align-content-stretch {
      align-content: stretch;
    }
    .\32 xl\:align-self-auto {
      align-self: auto;
    }
    .\32 xl\:align-self-start {
      align-self: flex-start;
    }
    .\32 xl\:align-self-end {
      align-self: flex-end;
    }
    .\32 xl\:align-self-center {
      align-self: center;
    }
    .\32 xl\:align-self-baseline {
      align-self: baseline;
    }
    .\32 xl\:align-self-stretch {
      align-self: stretch;
    }
    .\32 xl\:place-items-start {
      place-items: start;
    }
    .\32 xl\:place-items-end {
      place-items: end;
    }
    .\32 xl\:place-items-center {
      place-items: center;
    }
    .\32 xl\:place-items-stretch {
      place-items: stretch;
    }
    .\32 xl\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .\32 xl\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .\32 xl\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .\32 xl\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .\32 xl\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .\32 xl\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .\32 xl\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .\32 xl\:order-first {
      order: -1;
    }
    .\32 xl\:order-0 {
      order: 0;
    }
    .\32 xl\:order-1 {
      order: 1;
    }
    .\32 xl\:order-2 {
      order: 2;
    }
    .\32 xl\:order-3 {
      order: 3;
    }
    .\32 xl\:order-4 {
      order: 4;
    }
    .\32 xl\:order-5 {
      order: 5;
    }
    .\32 xl\:order-last {
      order: 6;
    }
    .\32 xl\:m-0 {
      margin: 0;
    }
    .\32 xl\:m-1 {
      margin: 0.25rem;
    }
    .\32 xl\:m-2 {
      margin: 0.375rem;
    }
    .\32 xl\:m-3 {
      margin: 0.5rem;
    }
    .\32 xl\:m-4 {
      margin: 0.75rem;
    }
    .\32 xl\:m-5 {
      margin: 1rem;
    }
    .\32 xl\:m-6 {
      margin: 1.25rem;
    }
    .\32 xl\:m-7 {
      margin: 1.5rem;
    }
    .\32 xl\:m-8 {
      margin: 1.75rem;
    }
    .\32 xl\:m-9 {
      margin: 2rem;
    }
    .\32 xl\:m-10 {
      margin: 2.25rem;
    }
    .\32 xl\:m-11 {
      margin: 2.5rem;
    }
    .\32 xl\:m-12 {
      margin: 3rem;
    }
    .\32 xl\:m-auto {
      margin: auto;
    }
    .\32 xl\:mx-0 {
      margin-inline: 0;
    }
    .\32 xl\:mx-1 {
      margin-inline: 0.25rem;
    }
    .\32 xl\:mx-2 {
      margin-inline: 0.375rem;
    }
    .\32 xl\:mx-3 {
      margin-inline: 0.5rem;
    }
    .\32 xl\:mx-4 {
      margin-inline: 0.75rem;
    }
    .\32 xl\:mx-5 {
      margin-inline: 1rem;
    }
    .\32 xl\:mx-6 {
      margin-inline: 1.25rem;
    }
    .\32 xl\:mx-7 {
      margin-inline: 1.5rem;
    }
    .\32 xl\:mx-8 {
      margin-inline: 1.75rem;
    }
    .\32 xl\:mx-9 {
      margin-inline: 2rem;
    }
    .\32 xl\:mx-10 {
      margin-inline: 2.25rem;
    }
    .\32 xl\:mx-11 {
      margin-inline: 2.5rem;
    }
    .\32 xl\:mx-12 {
      margin-inline: 3rem;
    }
    .\32 xl\:mx-auto {
      margin-inline: auto;
    }
    .\32 xl\:my-0 {
      margin-block: 0;
    }
    .\32 xl\:my-1 {
      margin-block: 0.25rem;
    }
    .\32 xl\:my-2 {
      margin-block: 0.375rem;
    }
    .\32 xl\:my-3 {
      margin-block: 0.5rem;
    }
    .\32 xl\:my-4 {
      margin-block: 0.75rem;
    }
    .\32 xl\:my-5 {
      margin-block: 1rem;
    }
    .\32 xl\:my-6 {
      margin-block: 1.25rem;
    }
    .\32 xl\:my-7 {
      margin-block: 1.5rem;
    }
    .\32 xl\:my-8 {
      margin-block: 1.75rem;
    }
    .\32 xl\:my-9 {
      margin-block: 2rem;
    }
    .\32 xl\:my-10 {
      margin-block: 2.25rem;
    }
    .\32 xl\:my-11 {
      margin-block: 2.5rem;
    }
    .\32 xl\:my-12 {
      margin-block: 3rem;
    }
    .\32 xl\:my-auto {
      margin-block: auto;
    }
    .\32 xl\:mt-0 {
      margin-block-start: 0;
    }
    .\32 xl\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .\32 xl\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .\32 xl\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .\32 xl\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .\32 xl\:mt-5 {
      margin-block-start: 1rem;
    }
    .\32 xl\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .\32 xl\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .\32 xl\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .\32 xl\:mt-9 {
      margin-block-start: 2rem;
    }
    .\32 xl\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .\32 xl\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .\32 xl\:mt-12 {
      margin-block-start: 3rem;
    }
    .\32 xl\:mt-auto {
      margin-block-start: auto;
    }
    .\32 xl\:me-0 {
      margin-inline-end: 0;
    }
    .\32 xl\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .\32 xl\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .\32 xl\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .\32 xl\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .\32 xl\:me-5 {
      margin-inline-end: 1rem;
    }
    .\32 xl\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .\32 xl\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .\32 xl\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .\32 xl\:me-9 {
      margin-inline-end: 2rem;
    }
    .\32 xl\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .\32 xl\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .\32 xl\:me-12 {
      margin-inline-end: 3rem;
    }
    .\32 xl\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .\32 xl\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .\32 xl\:me-auto {
      margin-inline-end: auto;
    }
    .\32 xl\:mb-0 {
      margin-block-end: 0;
    }
    .\32 xl\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .\32 xl\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .\32 xl\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .\32 xl\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .\32 xl\:mb-5 {
      margin-block-end: 1rem;
    }
    .\32 xl\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .\32 xl\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .\32 xl\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .\32 xl\:mb-9 {
      margin-block-end: 2rem;
    }
    .\32 xl\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .\32 xl\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .\32 xl\:mb-12 {
      margin-block-end: 3rem;
    }
    .\32 xl\:mb-auto {
      margin-block-end: auto;
    }
    .\32 xl\:ms-0 {
      margin-inline-start: 0;
    }
    .\32 xl\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .\32 xl\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .\32 xl\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .\32 xl\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .\32 xl\:ms-5 {
      margin-inline-start: 1rem;
    }
    .\32 xl\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .\32 xl\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .\32 xl\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .\32 xl\:ms-9 {
      margin-inline-start: 2rem;
    }
    .\32 xl\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .\32 xl\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .\32 xl\:ms-12 {
      margin-inline-start: 3rem;
    }
    .\32 xl\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .\32 xl\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .\32 xl\:ms-auto {
      margin-inline-start: auto;
    }
    .\32 xl\:p-0 {
      padding: 0;
    }
    .\32 xl\:p-1 {
      padding: 0.25rem;
    }
    .\32 xl\:p-2 {
      padding: 0.375rem;
    }
    .\32 xl\:p-3 {
      padding: 0.5rem;
    }
    .\32 xl\:p-4 {
      padding: 0.75rem;
    }
    .\32 xl\:p-5 {
      padding: 1rem;
    }
    .\32 xl\:p-6 {
      padding: 1.25rem;
    }
    .\32 xl\:p-7 {
      padding: 1.5rem;
    }
    .\32 xl\:p-8 {
      padding: 1.75rem;
    }
    .\32 xl\:p-9 {
      padding: 2rem;
    }
    .\32 xl\:p-10 {
      padding: 2.25rem;
    }
    .\32 xl\:p-11 {
      padding: 2.5rem;
    }
    .\32 xl\:p-12 {
      padding: 3rem;
    }
    .\32 xl\:px-0 {
      padding-inline: 0;
    }
    .\32 xl\:px-1 {
      padding-inline: 0.25rem;
    }
    .\32 xl\:px-2 {
      padding-inline: 0.375rem;
    }
    .\32 xl\:px-3 {
      padding-inline: 0.5rem;
    }
    .\32 xl\:px-4 {
      padding-inline: 0.75rem;
    }
    .\32 xl\:px-5 {
      padding-inline: 1rem;
    }
    .\32 xl\:px-6 {
      padding-inline: 1.25rem;
    }
    .\32 xl\:px-7 {
      padding-inline: 1.5rem;
    }
    .\32 xl\:px-8 {
      padding-inline: 1.75rem;
    }
    .\32 xl\:px-9 {
      padding-inline: 2rem;
    }
    .\32 xl\:px-10 {
      padding-inline: 2.25rem;
    }
    .\32 xl\:px-11 {
      padding-inline: 2.5rem;
    }
    .\32 xl\:px-12 {
      padding-inline: 3rem;
    }
    .\32 xl\:py-0 {
      padding-block: 0;
    }
    .\32 xl\:py-1 {
      padding-block: 0.25rem;
    }
    .\32 xl\:py-2 {
      padding-block: 0.375rem;
    }
    .\32 xl\:py-3 {
      padding-block: 0.5rem;
    }
    .\32 xl\:py-4 {
      padding-block: 0.75rem;
    }
    .\32 xl\:py-5 {
      padding-block: 1rem;
    }
    .\32 xl\:py-6 {
      padding-block: 1.25rem;
    }
    .\32 xl\:py-7 {
      padding-block: 1.5rem;
    }
    .\32 xl\:py-8 {
      padding-block: 1.75rem;
    }
    .\32 xl\:py-9 {
      padding-block: 2rem;
    }
    .\32 xl\:py-10 {
      padding-block: 2.25rem;
    }
    .\32 xl\:py-11 {
      padding-block: 2.5rem;
    }
    .\32 xl\:py-12 {
      padding-block: 3rem;
    }
    .\32 xl\:pt-0 {
      padding-block-start: 0;
    }
    .\32 xl\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .\32 xl\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .\32 xl\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .\32 xl\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .\32 xl\:pt-5 {
      padding-block-start: 1rem;
    }
    .\32 xl\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .\32 xl\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .\32 xl\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .\32 xl\:pt-9 {
      padding-block-start: 2rem;
    }
    .\32 xl\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .\32 xl\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .\32 xl\:pt-12 {
      padding-block-start: 3rem;
    }
    .\32 xl\:pe-0 {
      padding-inline-end: 0;
    }
    .\32 xl\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .\32 xl\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .\32 xl\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .\32 xl\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .\32 xl\:pe-5 {
      padding-inline-end: 1rem;
    }
    .\32 xl\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .\32 xl\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .\32 xl\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .\32 xl\:pe-9 {
      padding-inline-end: 2rem;
    }
    .\32 xl\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .\32 xl\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .\32 xl\:pe-12 {
      padding-inline-end: 3rem;
    }
    .\32 xl\:pb-0 {
      padding-block-end: 0;
    }
    .\32 xl\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .\32 xl\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .\32 xl\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .\32 xl\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .\32 xl\:pb-5 {
      padding-block-end: 1rem;
    }
    .\32 xl\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .\32 xl\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .\32 xl\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .\32 xl\:pb-9 {
      padding-block-end: 2rem;
    }
    .\32 xl\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .\32 xl\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .\32 xl\:pb-12 {
      padding-block-end: 3rem;
    }
    .\32 xl\:ps-0 {
      padding-inline-start: 0;
    }
    .\32 xl\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .\32 xl\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .\32 xl\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .\32 xl\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .\32 xl\:ps-5 {
      padding-inline-start: 1rem;
    }
    .\32 xl\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .\32 xl\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .\32 xl\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .\32 xl\:ps-9 {
      padding-inline-start: 2rem;
    }
    .\32 xl\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .\32 xl\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .\32 xl\:ps-12 {
      padding-inline-start: 3rem;
    }
    .\32 xl\:gap-0 {
      gap: 0;
    }
    .\32 xl\:gap-1 {
      gap: 0.25rem;
    }
    .\32 xl\:gap-2 {
      gap: 0.375rem;
    }
    .\32 xl\:gap-3 {
      gap: 0.5rem;
    }
    .\32 xl\:gap-4 {
      gap: 0.75rem;
    }
    .\32 xl\:gap-5 {
      gap: 1rem;
    }
    .\32 xl\:gap-6 {
      gap: 1.25rem;
    }
    .\32 xl\:gap-7 {
      gap: 1.5rem;
    }
    .\32 xl\:gap-8 {
      gap: 1.75rem;
    }
    .\32 xl\:gap-9 {
      gap: 2rem;
    }
    .\32 xl\:gap-10 {
      gap: 2.25rem;
    }
    .\32 xl\:gap-11 {
      gap: 2.5rem;
    }
    .\32 xl\:gap-12 {
      gap: 3rem;
    }
    .\32 xl\:row-gap-0 {
      row-gap: 0;
    }
    .\32 xl\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .\32 xl\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .\32 xl\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .\32 xl\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .\32 xl\:row-gap-5 {
      row-gap: 1rem;
    }
    .\32 xl\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .\32 xl\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .\32 xl\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .\32 xl\:row-gap-9 {
      row-gap: 2rem;
    }
    .\32 xl\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .\32 xl\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .\32 xl\:row-gap-12 {
      row-gap: 3rem;
    }
    .\32 xl\:column-gap-0 {
      column-gap: 0;
    }
    .\32 xl\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .\32 xl\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .\32 xl\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .\32 xl\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .\32 xl\:column-gap-5 {
      column-gap: 1rem;
    }
    .\32 xl\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .\32 xl\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .\32 xl\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .\32 xl\:column-gap-9 {
      column-gap: 2rem;
    }
    .\32 xl\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .\32 xl\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .\32 xl\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.\32 xl\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.\32 xl\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.\32 xl\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.\32 xl\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.\32 xl\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.\32 xl\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.\32 xl\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.\32 xl\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.\32 xl\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.\32 xl\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.\32 xl\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.\32 xl\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.\32 xl\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.\32 xl\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.\32 xl\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.\32 xl\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.\32 xl\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.\32 xl\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.\32 xl\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.\32 xl\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.\32 xl\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.\32 xl\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.\32 xl\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.\32 xl\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.\32 xl\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.\32 xl\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.\32 xl\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.\32 xl\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.\32 xl\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.\32 xl\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .\32 xl\:text-start {
      text-align: start;
    }
    .\32 xl\:text-end {
      text-align: end;
    }
    .\32 xl\:text-center {
      text-align: center;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .animation-shake,
    .animation-pop {
      animation: none;
    }
  }
}
@keyframes animation-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes animation-pop {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}