/*!
  * Bootstrap Admin v6.0.0-alpha.1 (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-font-weight: var(--font-weight-normal);
  --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 {
  .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-card {
    margin-bottom: var(--spacer);
    overflow: hidden;
    border: var(--border-width) solid var(--border-color-translucent);
    border-radius: var(--radius-7);
  }
  .table-card > .table,
  .table-card > [class*=table-responsive] > .table {
    margin-bottom: 0;
  }
  .table-card > .table > :not(caption):last-child > *:last-child > *,
  .table-card > [class*=table-responsive] > .table > :not(caption):last-child > *:last-child > * {
    border-block-end-width: 0;
  }
  .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 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::-webkit-datetime-edit-text {
    color: var(--control-placeholder-color);
  }
  .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 {
  .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 {
    inset-inline-start: calc(var(--btn-border-width) * -1);
    top: 25%;
    bottom: 25%;
    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 {
  .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 {
  .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 {
  .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 {
  .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-body);
    --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: 3rem;
    --nav-pills-link-active-color: var(--primary-contrast);
    --nav-pills-link-active-bg: var(--primary-bg);
    --nav-pills-link-border-radius: 3rem;
    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-body);
  }
  .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 {
  .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);
  }
}
@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 {
  .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);
    }
  }
}
:root {
  --admin-bottombar-height: 3.75rem;
}

.admin-bottombar {
  position: fixed;
  inset: auto 0 0;
  z-index: 1030;
  padding-bottom: env(safe-area-inset-bottom);
  background: #212529;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
}
.admin-bottombar ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.admin-bottombar > ul > li {
  flex: 1 1 0;
  min-width: 0;
}
.admin-bottombar > ul > li > a,
.admin-bottombar summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  min-height: var(--admin-bottombar-height);
  padding: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.admin-bottombar > ul > li > a .feather,
.admin-bottombar summary .feather {
  width: 22px;
  height: 22px;
}
.admin-bottombar > ul > li > a:hover, .admin-bottombar > ul > li > a.active,
.admin-bottombar summary:hover,
.admin-bottombar summary.active {
  color: #fff;
}
.admin-bottombar > ul > li > a.active,
.admin-bottombar summary.active {
  font-weight: 600;
  box-shadow: inset 0 3px 0 #6ea8fe;
}
.admin-bottombar > ul > li > a:focus-visible,
.admin-bottombar summary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.admin-bottombar summary {
  list-style: none;
}
.admin-bottombar summary::-webkit-details-marker {
  display: none;
}

.admin-bottombar-more {
  position: relative;
}
.admin-bottombar-more > ul {
  position: absolute;
  right: 0.25rem;
  bottom: calc(100% + 0.25rem);
  flex-direction: column;
  min-width: 14rem;
  padding: 0.25rem 0;
  background: #fff;
  border-radius: 0.375rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
}
.admin-bottombar-more a {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.5rem 1rem;
  color: var(--fg-body);
  text-decoration: none;
}
.admin-bottombar-more a.active {
  font-weight: 600;
  color: var(--primary-fg);
}
.admin-bottombar-more a:hover {
  background: var(--bg-1);
}

@media (width < 768px) {
  [role=main] {
    padding-bottom: calc(var(--admin-bottombar-height) + env(safe-area-inset-bottom) + 1.5rem);
  }
}
@property --fg {
  syntax: "*";
  inherits: false;
}
@property --bg {
  syntax: "*";
  inherits: false;
}
@layer utilities {
  .float-start {
    float: inline-start;
  }
  .float-end {
    float: inline-end;
  }
  .float-none {
    float: none;
  }
  .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;
  }
  .border-top {
    border-block-start: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-top-0 {
    border-block-start: 0;
  }
  .border-bottom {
    border-block-end: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-bottom-0 {
    border-block-end: 0;
  }
  .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;
  }
  .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;
  }
  .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-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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-center {
    text-align: center;
  }
  .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);
  }
  .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);
  }
  @media (width >= 576px) {
    .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-wrap {
      flex-wrap: wrap;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .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;
    }
  }
  @media (width >= 768px) {
    .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-wrap {
      flex-wrap: wrap;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .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;
    }
  }
  @media (width >= 1024px) {
    .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-wrap {
      flex-wrap: wrap;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .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;
    }
  }
  @media (width >= 1280px) {
    .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-wrap {
      flex-wrap: wrap;
    }
    .xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .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;
    }
  }
  @media (width >= 1536px) {
    .\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-wrap {
      flex-wrap: wrap;
    }
    .\32 xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .\32 xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .\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;
    }
  }
}
:root {
  --body-font-size: 0.875rem;
  --focus-ring-color: #0a58ca;
  --primary-focus-ring: #0a58ca;
  --admin-bar-height: 3rem;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.admin-topbar {
  --navbar-bg: #212529;
  --navbar-brand-color: #fff;
  --navbar-brand-hover-color: #fff;
  --navbar-color: rgb(255 255 255 / 75%);
  --navbar-min-height: var(--admin-bar-height);
}
.admin-topbar .navbar-brand {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  margin-inline-end: 0;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
}
.admin-topbar .navbar-brand img {
  height: 28px;
  margin: 0 auto;
}

.btn-logout {
  --btn-color: rgb(255 255 255 / 75%);
  --btn-hover-color: #fff;
  --btn-font-weight: 400;
  --focus-ring-color: #fff;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 100;
  padding: var(--admin-bar-height) 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}

.sidebar-sticky {
  position: sticky;
  top: 0;
  height: calc(100vh - var(--admin-bar-height));
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar .nav-link {
  --nav-link-color: var(--fg-1);
  --nav-link-active-color: var(--primary-fg);
  --nav-link-justify: flex-start;
  font-weight: 500;
}
.sidebar .nav-link .feather {
  margin-inline-end: 4px;
  color: var(--fg-3);
}
.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: 0.75rem;
  color: var(--fg-3);
  text-transform: uppercase;
}

[role=main] {
  padding-top: calc(var(--admin-bar-height) * 2 + 1.5rem);
}

@media (width >= 768px) {
  [role=main] {
    padding-top: var(--admin-bar-height);
  }
}
.login-page {
  padding-block: 2.5rem;
  color: var(--pf-text-color, var(--fg-body));
  background: var(--pf-body-bg, var(--bg-body));
}

.logo {
  max-width: min(37.5rem, 100%);
  height: auto;
}

.login-form {
  max-width: 20.625rem;
  padding: 0.9375rem;
  margin: 0 auto;
}

.visits-key {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: 0 0.25em 0 0.75em;
}

.visits-key-views {
  background: rgb(93, 165, 218);
}

.visits-key-entries {
  background: rgb(96, 189, 104);
}

.gallery-new {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.gallery-list {
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
}

.gallery-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: var(--bg-body);
}
.gallery-row + .gallery-row {
  border-top: 1px solid var(--border-color);
}

.gallery-row-ghost {
  background: #d1ecf1;
  opacity: 0.6;
}

.gallery-grip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  flex: none;
  color: var(--fg-3);
  cursor: grab;
  touch-action: none;
}

.gallery-name {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  overflow-wrap: anywhere;
  font-weight: 500;
}

.gallery-move {
  display: flex;
  gap: 0.25rem;
}

.gallery-action {
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.gallery-action-text {
  display: none;
}

@media (width >= 576px) {
  .gallery-action-text {
    display: inline;
  }
}
.gallery-order-status {
  min-height: 1.5em;
  margin-bottom: 0.5rem;
  color: var(--success-fg);
}
.gallery-order-status.is-error {
  color: var(--danger-fg);
}

.gallery-form-actions {
  gap: 0.5rem;
}
.gallery-form-actions .btn {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
}

/*# sourceMappingURL=admin-d033e22ae3.output.css.map */